# Aubergine color palette

The Aubergine color palette brings together dark purple, purple, and light purple. 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 purple.

- Also called: Vivid navy, purple and lavender linear gradient
- Seed: `kcPljRpri_y_HwA6VUAx1pAVfHwHgND_N8u-Q`
- Page: https://grabient.com/kcPljRpri_y_HwA6VUAx1pAVfHwHgND_N8u-Q?steps=32&angle=315
- Drawn as: linear gradient, 32 steps, 315 degrees
- Kinds: light center, vivid
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 7.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 | `#270752` | `oklch(24.41% 0.1213 294.61)` | Crowberry | white, 16.9 to 1 |
| 2 | `#290857` | `oklch(25.32% 0.1266 294.40)` | Praise of Shadow | white, 16.5 to 1 |
| 3 | `#2d085e` | `oklch(26.61% 0.1341 294.09)` | Voldemort | white, 16 to 1 |
| 4 | `#310966` | `oklch(28.11% 0.1429 293.77)` | Infinite Inkwell | white, 15.4 to 1 |
| 5 | `#350a6f` | `oklch(29.67% 0.1520 293.58)` | Candied Blueberry | white, 14.7 to 1 |
| 6 | `#390b78` | `oklch(31.16% 0.1607 293.58)` | Persian Indigo | white, 14 to 1 |
| 7 | `#3e0b80` | `oklch(32.69% 0.1700 293.73)` | Pixie Powder | white, 13.4 to 1 |
| 8 | `#430b8a` | `oklch(34.29% 0.1797 293.98)` | Grim Purple | white, 12.7 to 1 |
| 9 | `#490b93` | `oklch(35.94% 0.1892 294.31)` | Pitch Violet | white, 12 to 1 |
| 10 | `#4e0b9c` | `oklch(37.65% 0.1983 294.66)` | Amarklor Violet | white, 11.2 to 1 |
| 11 | `#540ca6` | `oklch(39.40% 0.2075 295.05)` | Aubergine Perl | white, 10.5 to 1 |
| 12 | `#5b0eb0` | `oklch(41.21% 0.2167 295.50)` | Aubergine Perl | white, 9.8 to 1 |
| 13 | `#6110b9` | `oklch(43.09% 0.2253 296.00)` | Purplue | white, 9.1 to 1 |
| 14 | `#6814c3` | `oklch(45.08% 0.2325 296.55)` | Trusted Purple | white, 8.4 to 1 |
| 15 | `#701acc` | `oklch(47.18% 0.2385 297.16)` | Crown Chakra | white, 7.7 to 1 |
| 16 | `#7820d6` | `oklch(49.36% 0.2443 297.82)` | Voluptuous Violet | white, 7 to 1 |
| 17 | `#8028df` | `oklch(51.65% 0.2485 298.54)` | Purple Protest | white, 6.4 to 1 |
| 18 | `#8831e7` | `oklch(54.08% 0.2497 299.31)` | Bright Blue Violet | white, 5.7 to 1 |
| 19 | `#913cee` | `oklch(56.68% 0.2466 300.15)` | Chaste Blossoms | white, 5.1 to 1 |
| 20 | `#9b4bf3` | `oklch(59.66% 0.2380 301.20)` | Aconite Violet | black, 4.6 to 1 |
| 21 | `#a559f7` | `oklch(62.85% 0.2258 302.35)` | Orion Nebula | black, 5.3 to 1 |
| 22 | `#ae67fa` | `oklch(65.92% 0.2120 303.38)` | Purple Hedonist | black, 6.1 to 1 |
| 23 | `#b674fc` | `oklch(68.57% 0.1988 304.06)` | Queer Purple | black, 6.8 to 1 |
| 24 | `#bc7ffe` | `oklch(71.17% 0.1850 304.44)` | Illicit Purple | black, 7.6 to 1 |
| 25 | `#c38dff` | `oklch(74.12% 0.1670 304.70)` | Liliac | black, 8.5 to 1 |
| 26 | `#c898ff` | `oklch(76.32% 0.1511 304.59)` | Lilás | black, 9.3 to 1 |
| 27 | `#c79bfe` | `oklch(76.66% 0.1445 303.86)` | Lilás | black, 9.5 to 1 |
| 28 | `#bc93f6` | `oklch(73.89% 0.1452 302.18)` | Liliac | black, 8.6 to 1 |
| 29 | `#a47ce8` | `oklch(67.04% 0.1577 299.09)` | Forgotten Purple | black, 6.6 to 1 |
| 30 | `#855ed6` | `oklch(58.09% 0.1766 295.31)` | Gloomy Purple | white, 4.5 to 1 |
| 31 | `#6940c5` | `oklch(49.51% 0.1955 291.75)` | Dragonlord Purple | white, 6.7 to 1 |
| 32 | `#5628b9` | `oklch(43.70% 0.2081 289.33)` | Illustrious Indigo | white, 8.7 to 1 |

## CSS

```css
background: linear-gradient(315deg, #270752 0.0%, #290857 3.2%, #2d085e 6.5%, #310966 9.7%, #350a6f 12.9%, #390b78 16.1%, #3e0b80 19.4%, #430b8a 22.6%, #490b93 25.8%, #4e0b9c 29.0%, #540ca6 32.3%, #5b0eb0 35.5%, #6110b9 38.7%, #6814c3 41.9%, #701acc 45.2%, #7820d6 48.4%, #8028df 51.6%, #8831e7 54.8%, #913cee 58.1%, #9b4bf3 61.3%, #a559f7 64.5%, #ae67fa 67.7%, #b674fc 71.0%, #bc7ffe 74.2%, #c38dff 77.4%, #c898ff 80.6%, #c79bfe 83.9%, #bc93f6 87.1%, #a47ce8 90.3%, #855ed6 93.5%, #6940c5 96.8%, #5628b9 100.0%);
background: linear-gradient(315deg in oklch, oklch(24.41% 0.1213 294.61) 0.0%, oklch(25.32% 0.1266 294.40) 3.2%, oklch(26.61% 0.1341 294.09) 6.5%, oklch(28.11% 0.1429 293.77) 9.7%, oklch(29.67% 0.1520 293.58) 12.9%, oklch(31.16% 0.1607 293.58) 16.1%, oklch(32.69% 0.1700 293.73) 19.4%, oklch(34.29% 0.1797 293.98) 22.6%, oklch(35.94% 0.1892 294.31) 25.8%, oklch(37.65% 0.1983 294.66) 29.0%, oklch(39.40% 0.2075 295.05) 32.3%, oklch(41.21% 0.2167 295.50) 35.5%, oklch(43.09% 0.2253 296.00) 38.7%, oklch(45.08% 0.2325 296.55) 41.9%, oklch(47.18% 0.2385 297.16) 45.2%, oklch(49.36% 0.2443 297.82) 48.4%, oklch(51.65% 0.2485 298.54) 51.6%, oklch(54.08% 0.2497 299.31) 54.8%, oklch(56.68% 0.2466 300.15) 58.1%, oklch(59.66% 0.2380 301.20) 61.3%, oklch(62.85% 0.2258 302.35) 64.5%, oklch(65.92% 0.2120 303.38) 67.7%, oklch(68.57% 0.1988 304.06) 71.0%, oklch(71.17% 0.1850 304.44) 74.2%, oklch(74.12% 0.1670 304.70) 77.4%, oklch(76.32% 0.1511 304.59) 80.6%, oklch(76.66% 0.1445 303.86) 83.9%, oklch(73.89% 0.1452 302.18) 87.1%, oklch(67.04% 0.1577 299.09) 90.3%, oklch(58.09% 0.1766 295.31) 93.5%, oklch(49.51% 0.1955 291.75) 96.8%, oklch(43.70% 0.2081 289.33) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.244 | 0.121 | 294.6 |
| 2 | 0.303 | 0.156 | 293.6 |
| 3 | 0.374 | 0.197 | 294.6 |
| 4 | 0.457 | 0.234 | 296.7 |
| 5 | 0.559 | 0.248 | 299.9 |
| 6 | 0.689 | 0.197 | 304.1 |
| 7 | 0.756 | 0.143 | 303.1 |
| 8 | 0.437 | 0.208 | 289.3 |

## In these collections

- [Monochrome purple gradients](https://grabient.com/monochrome-purple-gradients)
- [Electric purple gradients](https://grabient.com/electric-purple-gradients)

## Other forms

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