# Aubergine lavender palette

The Aubergine lavender palette brings together dark purple, purple, and light purple. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark purple, and its lightest tone is light purple.

- Also called: Monochrome purple to lavender radial gradient
- Seed: `kWSkjVsKvAsAwQFTLMAapjAI`
- Page: https://grabient.com/kWSkjVsKvAsAwQFTLMAapjAI?style=radialGradient&steps=32
- Drawn as: radial gradient, 32 steps, 90 degrees
- Kinds: dark to light, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 8.6 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 | `#341c55` | `oklch(29.13% 0.0992 300.23)` | Fabric of Space | white, 14.5 to 1 |
| 2 | `#371d57` | `oklch(29.84% 0.1009 300.77)` | Fabric of Space | white, 14.2 to 1 |
| 3 | `#3a1f5a` | `oklch(30.75% 0.1033 301.50)` | Christalle | white, 13.8 to 1 |
| 4 | `#3d215e` | `oklch(31.84% 0.1061 302.37)` | Christalle | white, 13.3 to 1 |
| 5 | `#422362` | `oklch(33.06% 0.1092 303.33)` | Fading Horizon | white, 12.7 to 1 |
| 6 | `#462567` | `oklch(34.38% 0.1123 304.30)` | Fading Horizon | white, 12.1 to 1 |
| 7 | `#4b286c` | `oklch(35.75% 0.1154 305.23)` | Mystic Nights | white, 11.5 to 1 |
| 8 | `#502b70` | `oklch(37.15% 0.1181 306.06)` | Purple Seduction | white, 10.9 to 1 |
| 9 | `#552e75` | `oklch(38.53% 0.1204 306.73)` | Purple Seduction | white, 10.3 to 1 |
| 10 | `#59317a` | `oklch(39.95% 0.1226 307.29)` | Foggy Amethyst | white, 9.7 to 1 |
| 11 | `#5e347f` | `oklch(41.42% 0.1247 307.79)` | Kingfisher Daisy | white, 9.2 to 1 |
| 12 | `#633884` | `oklch(42.94% 0.1268 308.24)` | Tillandsia Purple | white, 8.6 to 1 |
| 13 | `#683c89` | `oklch(44.52% 0.1286 308.63)` | Lords of the Night | white, 8 to 1 |
| 14 | `#6e408f` | `oklch(46.14% 0.1302 308.99)` | Perkin Mauve | white, 7.5 to 1 |
| 15 | `#734494` | `oklch(47.81% 0.1314 309.31)` | Perkin Mauve | white, 7 to 1 |
| 16 | `#784999` | `oklch(49.52% 0.1321 309.61)` | Studio | white, 6.5 to 1 |
| 17 | `#7e4e9f` | `oklch(51.27% 0.1324 309.87)` | Royal Lavender | white, 6 to 1 |
| 18 | `#8353a4` | `oklch(53.06% 0.1325 310.07)` | Royal Lilac | white, 5.6 to 1 |
| 19 | `#8958aa` | `oklch(54.89% 0.1324 310.21)` | Highlighter Lavender | white, 5.1 to 1 |
| 20 | `#8f5eb0` | `oklch(56.76% 0.1320 310.31)` | Lusty Lavender | white, 4.7 to 1 |
| 21 | `#9564b6` | `oklch(58.69% 0.1310 310.39)` | Lusty Lavender | black, 4.7 to 1 |
| 22 | `#9a6abb` | `oklch(60.67% 0.1294 310.48)` | Viola | black, 5.1 to 1 |
| 23 | `#a071c1` | `oklch(62.71% 0.1270 310.59)` | Viola | black, 5.6 to 1 |
| 24 | `#a678c6` | `oklch(64.82% 0.1236 310.75)` | Wisteria | black, 6.1 to 1 |
| 25 | `#ad80cb` | `oklch(67.08% 0.1189 310.97)` | Wisteria | black, 6.7 to 1 |
| 26 | `#b489d0` | `oklch(69.66% 0.1122 311.25)` | Pale Purple | black, 7.4 to 1 |
| 27 | `#bb93d6` | `oklch(72.41% 0.1042 311.56)` | Lenurple | black, 8.2 to 1 |
| 28 | `#c39ddb` | `oklch(75.20% 0.0956 311.88)` | Mauve Mist | black, 9.1 to 1 |
| 29 | `#caa7e0` | `oklch(77.88% 0.0869 312.20)` | Tropical Violet | black, 10.1 to 1 |
| 30 | `#d0b0e4` | `oklch(80.31% 0.0790 312.49)` | Whisper of Plum | black, 11 to 1 |
| 31 | `#d6b8e7` | `oklch(82.35% 0.0723 312.74)` | Pretty Petunia | black, 11.8 to 1 |
| 32 | `#dabeea` | `oklch(83.86% 0.0675 312.92)` | Beefy Pink | black, 12.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #341c55 0.0%, #371d57 3.2%, #3a1f5a 6.5%, #3d215e 9.7%, #422362 12.9%, #462567 16.1%, #4b286c 19.4%, #502b70 22.6%, #552e75 25.8%, #59317a 29.0%, #5e347f 32.3%, #633884 35.5%, #683c89 38.7%, #6e408f 41.9%, #734494 45.2%, #784999 48.4%, #7e4e9f 51.6%, #8353a4 54.8%, #8958aa 58.1%, #8f5eb0 61.3%, #9564b6 64.5%, #9a6abb 67.7%, #a071c1 71.0%, #a678c6 74.2%, #ad80cb 77.4%, #b489d0 80.6%, #bb93d6 83.9%, #c39ddb 87.1%, #caa7e0 90.3%, #d0b0e4 93.5%, #d6b8e7 96.8%, #dabeea 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(29.13% 0.0992 300.23) 0.0%, oklch(29.84% 0.1009 300.77) 3.2%, oklch(30.75% 0.1033 301.50) 6.5%, oklch(31.84% 0.1061 302.37) 9.7%, oklch(33.06% 0.1092 303.33) 12.9%, oklch(34.38% 0.1123 304.30) 16.1%, oklch(35.75% 0.1154 305.23) 19.4%, oklch(37.15% 0.1181 306.06) 22.6%, oklch(38.53% 0.1204 306.73) 25.8%, oklch(39.95% 0.1226 307.29) 29.0%, oklch(41.42% 0.1247 307.79) 32.3%, oklch(42.94% 0.1268 308.24) 35.5%, oklch(44.52% 0.1286 308.63) 38.7%, oklch(46.14% 0.1302 308.99) 41.9%, oklch(47.81% 0.1314 309.31) 45.2%, oklch(49.52% 0.1321 309.61) 48.4%, oklch(51.27% 0.1324 309.87) 51.6%, oklch(53.06% 0.1325 310.07) 54.8%, oklch(54.89% 0.1324 310.21) 58.1%, oklch(56.76% 0.1320 310.31) 61.3%, oklch(58.69% 0.1310 310.39) 64.5%, oklch(60.67% 0.1294 310.48) 67.7%, oklch(62.71% 0.1270 310.59) 71.0%, oklch(64.82% 0.1236 310.75) 74.2%, oklch(67.08% 0.1189 310.97) 77.4%, oklch(69.66% 0.1122 311.25) 80.6%, oklch(72.41% 0.1042 311.56) 83.9%, oklch(75.20% 0.0956 311.88) 87.1%, oklch(77.88% 0.0869 312.20) 90.3%, oklch(80.31% 0.0790 312.49) 93.5%, oklch(82.35% 0.0723 312.74) 96.8%, oklch(83.86% 0.0675 312.92) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.291 | 0.099 | 300.2 |
| 2 | 0.382 | 0.12 | 306.6 |
| 3 | 0.504 | 0.132 | 309.7 |
| 4 | 0.654 | 0.123 | 310.8 |
| 5 | 0.839 | 0.068 | 312.9 |

## In these collections

- [Lavender](https://grabient.com/lavender)

## Other forms

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