# Aubergine and blush aurora palette

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

- Also called: Dark purple, pink and purple angular swatches
- Seed: `kYOj3hMS7CMxLwZuGMFVrpASiivW`
- Page: https://grabient.com/kYOj3hMS7CMxLwZuGMFVrpASiivW?style=angularSwatches&steps=6&angle=135
- Drawn as: angular swatches, 6 steps, 135 degrees
- Kinds: light center, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 11.2 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 | `#2b0b36` | `oklch(22.83% 0.0841 316.41)` | Dark Prom Queen | white, 17.4 to 1 |
| 2 | `#6b215e` | `oklch(38.58% 0.1281 335.43)` | Palatinate Purple | white, 10.4 to 1 |
| 3 | `#d23793` | `oklch(59.84% 0.2081 349.17)` | Magenta Pink | black, 4.7 to 1 |
| 4 | `#fac1d0` | `oklch(86.61% 0.0675 0.79)` | Tassel Flower | black, 13.6 to 1 |
| 5 | `#e6688d` | `oklch(68.11% 0.1598 3.96)` | Love Letter | black, 6.7 to 1 |
| 6 | `#511a3f` | `oklch(31.89% 0.0951 342.83)` | Tulip Poplar Purple | white, 13.3 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #2b0b36 0.000% 16.667%, #6b215e 16.667% 33.333%, #d23793 33.333% 50.000%, #fac1d0 50.000% 66.667%, #e6688d 66.667% 83.333%, #511a3f 83.333% 100.000%);
background: conic-gradient(from 135deg, oklch(22.83% 0.0841 316.41) 0.000% 16.667%, oklch(38.58% 0.1281 335.43) 16.667% 33.333%, oklch(59.84% 0.2081 349.17) 33.333% 50.000%, oklch(86.61% 0.0675 0.79) 50.000% 66.667%, oklch(68.11% 0.1598 3.96) 66.667% 83.333%, oklch(31.89% 0.0951 342.83) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.228 | 0.084 | 316.4 |
| 2 | 0.386 | 0.128 | 335.4 |
| 3 | 0.598 | 0.208 | 349.2 |
| 4 | 0.866 | 0.068 | 360.8 |
| 5 | 0.681 | 0.16 | 364 |
| 6 | 0.319 | 0.095 | 342.8 |

## In these collections

- [Aurora swatches](https://grabient.com/aurora-swatches)

## Other forms

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