# Aubergine color palette

The Aubergine color palette brings together dark purple, magenta, and purple. The colors span a moderate lightness range, combining strong color with clear contrast. Its balanced and composed character suits album artwork and music event graphics. Its darkest tone is dark purple, and its lightest tone is magenta.

- Also called: Vivid analogous purple and magenta angular gradient
- Seed: `kWO1nYMj7EEVUQHOYz7zmw94`
- Page: https://grabient.com/kWO1nYMj7EEVUQHOYz7zmw94?style=angularGradient&steps=13&angle=45
- Drawn as: angular gradient, 13 steps, 45 degrees
- Kinds: dark to light, vivid
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 4 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 | `#2b004a` | `oklch(23.27% 0.1217 303.68)` | Edge of Space | white, 17.4 to 1 |
| 2 | `#3e0154` | `oklch(27.46% 0.1351 313.93)` | Ripe Plum | white, 15.7 to 1 |
| 3 | `#5c015d` | `oklch(33.48% 0.1532 327.98)` | Clear Plum | white, 12.9 to 1 |
| 4 | `#7a0064` | `oklch(39.38% 0.1721 338.63)` | Xereus Purple | white, 10.4 to 1 |
| 5 | `#940070` | `oklch(44.74% 0.1919 342.77)` | Persian Luxury Purple | white, 8.4 to 1 |
| 6 | `#ac0281` | `oklch(49.97% 0.2127 343.52)` | Blissful Berry | white, 6.7 to 1 |
| 7 | `#c00492` | `oklch(54.33% 0.2315 342.85)` | Jealous Jellyfish | white, 5.6 to 1 |
| 8 | `#cf04a2` | `oklch(57.54% 0.2472 341.28)` | Perfectly Purple Place | white, 5 to 1 |
| 9 | `#d803b3` | `oklch(59.87% 0.2609 338.31)` | Magentella | white, 4.5 to 1 |
| 10 | `#dc03c4` | `oklch(61.42% 0.2728 334.40)` | Passionate Pink | black, 4.8 to 1 |
| 11 | `#d803d7` | `oklch(61.94% 0.2832 328.76)` | Drunk-Tank Pink | black, 4.9 to 1 |
| 12 | `#cf03e8` | `oklch(61.68% 0.2918 322.18)` | Trippy Velvet | black, 4.8 to 1 |
| 13 | `#c803f4` | `oklch(61.42% 0.2976 317.49)` | Hot Purple | black, 4.7 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #2b004a 0.0%, #3e0154 8.3%, #5c015d 16.7%, #7a0064 25.0%, #940070 33.3%, #ac0281 41.7%, #c00492 50.0%, #cf04a2 58.3%, #d803b3 66.7%, #dc03c4 75.0%, #d803d7 83.3%, #cf03e8 91.7%, #c803f4 100.0%);
background: conic-gradient(from 45deg in oklch, oklch(23.27% 0.1217 303.68) 0.0%, oklch(27.46% 0.1351 313.93) 8.3%, oklch(33.48% 0.1532 327.98) 16.7%, oklch(39.38% 0.1721 338.63) 25.0%, oklch(44.74% 0.1919 342.77) 33.3%, oklch(49.97% 0.2127 343.52) 41.7%, oklch(54.33% 0.2315 342.85) 50.0%, oklch(57.54% 0.2472 341.28) 58.3%, oklch(59.87% 0.2609 338.31) 66.7%, oklch(61.42% 0.2728 334.40) 75.0%, oklch(61.94% 0.2832 328.76) 83.3%, oklch(61.68% 0.2918 322.18) 91.7%, oklch(61.42% 0.2976 317.49) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.232 | 0.123 | 303.8 |
| 2 | 0.394 | 0.172 | 338.6 |
| 3 | 0.543 | 0.231 | 342.8 |
| 4 | 0.614 | 0.273 | 334.4 |
| 5 | 0.614 | 0.298 | 317.5 |

## In these collections

- [Purple gradients](https://grabient.com/purple-gradients)
- [Galaxy gradients](https://grabient.com/galaxy-gradients)
- [Synthwave gradients](https://grabient.com/synthwave-gradients)

## Other forms

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