# Blush and aubergine analogous palette

The Blush and aubergine analogous palette brings together pale red, light red, magenta, and dark purple. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and campaign graphics. Its darkest tone is dark purple, and its lightest tone is pale red.

- Also called: Pink, purple and dark purple angular swatches
- Seed: `kW5SwNZK8-dRBvfBPb3JiC9w`
- Page: https://grabient.com/kW5SwNZK8-dRBvfBPb3JiC9w?style=angularSwatches&steps=5&angle=30
- Drawn as: angular swatches, 5 steps, 30 degrees
- Kinds: light to dark, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 10.3 to 1

## Colors

The name most people give each color, and the text color that reads on it with its contrast.

| Stop | Hex | OKLCH | Name | Text on it |
| --- | --- | --- | --- | --- |
| 1 | `#ffd2d2` | `oklch(90.16% 0.0512 18.28)` | Girlie | black, 15.3 to 1 |
| 2 | `#ff97af` | `oklch(79.13% 0.1265 5.60)` | Fight the Sunrise | black, 10.3 to 1 |
| 3 | `#df5ca5` | `oklch(66.14% 0.1805 348.69)` | Sugar Rush | black, 6.1 to 1 |
| 4 | `#9a3893` | `oklch(51.18% 0.1695 330.73)` | Purple Excellency | white, 6.2 to 1 |
| 5 | `#3d1d4d` | `oklch(29.92% 0.0896 312.76)` | Obsidian Orchid | white, 14.1 to 1 |

## CSS

```css
background: conic-gradient(from 30deg, #ffd2d2 0.000% 20.000%, #ff97af 20.000% 40.000%, #df5ca5 40.000% 60.000%, #9a3893 60.000% 80.000%, #3d1d4d 80.000% 100.000%);
background: conic-gradient(from 30deg, oklch(90.16% 0.0512 18.28) 0.000% 20.000%, oklch(79.13% 0.1265 5.60) 20.000% 40.000%, oklch(66.14% 0.1805 348.69) 40.000% 60.000%, oklch(51.18% 0.1695 330.73) 60.000% 80.000%, oklch(29.92% 0.0896 312.76) 80.000% 100.000%);
```

## Keyframes

5 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees.

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.902 | 0.061 | 18.3 |
| 2 | 0.791 | 0.13 | 5.6 |
| 3 | 0.661 | 0.181 | -11.3 |
| 4 | 0.512 | 0.169 | -29.3 |
| 5 | 0.299 | 0.09 | -47.2 |

## In these collections

- [Analogous swatches](https://grabient.com/analogous-swatches)

## Other forms

- [JSON](https://grabient.com/kW5SwNZK8-dRBvfBPb3JiC9w.json?style=angularSwatches&steps=5&angle=30)
- [PNG](https://grabient.com/kW5SwNZK8-dRBvfBPb3JiC9w.png?style=angularSwatches&steps=5&angle=30)
- [SVG](https://grabient.com/kW5SwNZK8-dRBvfBPb3JiC9w.svg?style=angularSwatches&steps=5&angle=30)
- [CSS](https://grabient.com/kW5SwNZK8-dRBvfBPb3JiC9w.css?style=angularSwatches&steps=5&angle=30)
- [ASE](https://grabient.com/kW5SwNZK8-dRBvfBPb3JiC9w.ase?style=angularSwatches&steps=5&angle=30)
- [GPL](https://grabient.com/kW5SwNZK8-dRBvfBPb3JiC9w.gpl?style=angularSwatches&steps=5&angle=30)
- [GRD](https://grabient.com/kW5SwNZK8-dRBvfBPb3JiC9w.grd?style=angularSwatches&steps=5&angle=30)
- [Design tokens](https://grabient.com/kW5SwNZK8-dRBvfBPb3JiC9w.tokens.json?style=angularSwatches&steps=5&angle=30)
- [Social card](https://grabient.com/api/og?seed=kW5SwNZK8-dRBvfBPb3JiC9w&style=angularSwatches&steps=5&angle=30)
- [Palettes like this one](https://grabient.com/palettes?q=kW5SwNZK8-dRBvfBPb3JiC9w)
- [Guide for agents](https://grabient.com/llms.txt)