# Aubergine monochrome purple palette

The Aubergine monochrome purple palette brings together purple. The colors span a narrow lightness range, combining strong color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its lightest and darkest tones both fall within the purple color family.

- Also called: Seamless monochrome purple angular gradient
- Seed: `kcTW3PLkFATbLwE_UMBRE3ALlLv2uPz-prY_Q`
- Page: https://grabient.com/kcTW3PLkFATbLwE_UMBRE3ALlLv2uPz-prY_Q?style=angularGradient&steps=32&angle=225
- Drawn as: angular gradient, 32 steps, 225 degrees
- Kinds: vivid, cool, monochrome, seamless
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 2.5 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 | `#341072` | `oklch(30.31% 0.1502 291.09)` | Persian Indigo | white, 14.3 to 1 |
| 2 | `#371176` | `oklch(31.23% 0.1548 291.60)` | Persian Indigo | white, 13.9 to 1 |
| 3 | `#3b127d` | `oklch(32.54% 0.1613 292.31)` | Pixie Powder | white, 13.3 to 1 |
| 4 | `#411385` | `oklch(34.05% 0.1688 293.13)` | Grim Purple | white, 12.7 to 1 |
| 5 | `#46148c` | `oklch(35.59% 0.1762 293.94)` | Pitch Violet | white, 12 to 1 |
| 6 | `#4b1693` | `oklch(37.05% 0.1830 294.67)` | Pitch Violet | white, 11.4 to 1 |
| 7 | `#51179b` | `oklch(38.54% 0.1900 295.39)` | Amarklor Violet | white, 10.8 to 1 |
| 8 | `#5618a2` | `oklch(40.07% 0.1970 296.10)` | Amarklor Violet | white, 10.1 to 1 |
| 9 | `#5c1aaa` | `oklch(41.61% 0.2034 296.82)` | Indiviolet Sunset | white, 9.6 to 1 |
| 10 | `#621db1` | `oklch(43.13% 0.2088 297.54)` | Rabbit-Ear Iris | white, 9 to 1 |
| 11 | `#6820b7` | `oklch(44.71% 0.2132 298.28)` | Rabbit-Ear Iris | white, 8.4 to 1 |
| 12 | `#6e24be` | `oklch(46.32% 0.2170 299.03)` | Purple Spot | white, 7.9 to 1 |
| 13 | `#7428c3` | `oklch(47.86% 0.2199 299.76)` | Puissant Purple | white, 7.4 to 1 |
| 14 | `#792cc8` | `oklch(49.25% 0.2216 300.43)` | Puissant Purple | white, 6.9 to 1 |
| 15 | `#7d31cc` | `oklch(50.54% 0.2217 301.07)` | Puissant Purple | white, 6.5 to 1 |
| 16 | `#8236cf` | `oklch(51.91% 0.2201 301.79)` | Thick Purple | white, 6.2 to 1 |
| 17 | `#863bd1` | `oklch(53.06% 0.2176 302.41)` | Thick Purple | white, 5.8 to 1 |
| 18 | `#883ed1` | `oklch(53.65% 0.2150 302.75)` | Thick Purple | white, 5.7 to 1 |
| 19 | `#873ed0` | `oklch(53.34% 0.2132 302.62)` | Thick Purple | white, 5.8 to 1 |
| 20 | `#823acb` | `oklch(51.95% 0.2126 301.89)` | Purple Rain | white, 6.1 to 1 |
| 21 | `#7a33c5` | `oklch(49.83% 0.2124 300.78)` | Puissant Purple | white, 6.7 to 1 |
| 22 | `#712bbe` | `oklch(47.43% 0.2115 299.59)` | Purple Emperor | white, 7.5 to 1 |
| 23 | `#6925b6` | `oklch(45.17% 0.2087 298.60)` | Rabbit-Ear Iris | white, 8.2 to 1 |
| 24 | `#6220ae` | `oklch(43.16% 0.2031 298.00)` | Rabbit-Ear Iris | white, 8.9 to 1 |
| 25 | `#5b1da4` | `oklch(41.11% 0.1952 297.62)` | Eine Kleine Nachtmusik | white, 9.7 to 1 |
| 26 | `#541a99` | `oklch(39.09% 0.1863 297.28)` | Amarklor Violet | white, 10.5 to 1 |
| 27 | `#4e1890` | `oklch(37.20% 0.1778 296.79)` | Pitch Violet | white, 11.3 to 1 |
| 28 | `#481688` | `oklch(35.52% 0.1707 295.97)` | Pitch Violet | white, 12 to 1 |
| 29 | `#421481` | `oklch(33.90% 0.1640 294.72)` | Grim Purple | white, 12.7 to 1 |
| 30 | `#3c137a` | `oklch(32.43% 0.1578 293.30)` | Explorer of the Galaxies | white, 13.4 to 1 |
| 31 | `#371275` | `oklch(31.19% 0.1526 291.99)` | Persian Indigo | white, 13.9 to 1 |
| 32 | `#341171` | `oklch(30.31% 0.1488 291.09)` | Persian Indigo | white, 14.3 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #341072 0.0%, #371176 3.2%, #3b127d 6.5%, #411385 9.7%, #46148c 12.9%, #4b1693 16.1%, #51179b 19.4%, #5618a2 22.6%, #5c1aaa 25.8%, #621db1 29.0%, #6820b7 32.3%, #6e24be 35.5%, #7428c3 38.7%, #792cc8 41.9%, #7d31cc 45.2%, #8236cf 48.4%, #863bd1 51.6%, #883ed1 54.8%, #873ed0 58.1%, #823acb 61.3%, #7a33c5 64.5%, #712bbe 67.7%, #6925b6 71.0%, #6220ae 74.2%, #5b1da4 77.4%, #541a99 80.6%, #4e1890 83.9%, #481688 87.1%, #421481 90.3%, #3c137a 93.5%, #371275 96.8%, #341171 100.0%);
background: conic-gradient(from 225deg in oklch, oklch(30.31% 0.1502 291.09) 0.0%, oklch(31.23% 0.1548 291.60) 3.2%, oklch(32.54% 0.1613 292.31) 6.5%, oklch(34.05% 0.1688 293.13) 9.7%, oklch(35.59% 0.1762 293.94) 12.9%, oklch(37.05% 0.1830 294.67) 16.1%, oklch(38.54% 0.1900 295.39) 19.4%, oklch(40.07% 0.1970 296.10) 22.6%, oklch(41.61% 0.2034 296.82) 25.8%, oklch(43.13% 0.2088 297.54) 29.0%, oklch(44.71% 0.2132 298.28) 32.3%, oklch(46.32% 0.2170 299.03) 35.5%, oklch(47.86% 0.2199 299.76) 38.7%, oklch(49.25% 0.2216 300.43) 41.9%, oklch(50.54% 0.2217 301.07) 45.2%, oklch(51.91% 0.2201 301.79) 48.4%, oklch(53.06% 0.2176 302.41) 51.6%, oklch(53.65% 0.2150 302.75) 54.8%, oklch(53.34% 0.2132 302.62) 58.1%, oklch(51.95% 0.2126 301.89) 61.3%, oklch(49.83% 0.2124 300.78) 64.5%, oklch(47.43% 0.2115 299.59) 67.7%, oklch(45.17% 0.2087 298.60) 71.0%, oklch(43.16% 0.2031 298.00) 74.2%, oklch(41.11% 0.1952 297.62) 77.4%, oklch(39.09% 0.1863 297.28) 80.6%, oklch(37.20% 0.1778 296.79) 83.9%, oklch(35.52% 0.1707 295.97) 87.1%, oklch(33.90% 0.1640 294.72) 90.3%, oklch(32.43% 0.1578 293.30) 93.5%, oklch(31.19% 0.1526 291.99) 96.8%, oklch(30.31% 0.1488 291.09) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.303 | 0.15 | 291.1 |
| 2 | 0.362 | 0.179 | 294.3 |
| 3 | 0.429 | 0.208 | 297.4 |
| 4 | 0.496 | 0.222 | 300.6 |
| 5 | 0.535 | 0.214 | 302.7 |
| 6 | 0.449 | 0.208 | 298.5 |
| 7 | 0.362 | 0.174 | 296.4 |
| 8 | 0.303 | 0.149 | 291.1 |

## In these collections

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

## Other forms

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