# Aubergine, crimson and yellow multicolor palette

The Aubergine, crimson and yellow multicolor palette brings together dark purple, magenta, red, light red, light orange, and light yellow. 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 yellow.

- Also called: Tritone dark purple, peach and beige radial gradient
- Seed: `kYPy_eMqDCkaiQvapMQaaHEfAbQ4`
- Page: https://grabient.com/kYPy_eMqDCkaiQvapMQaaHEfAbQ4?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 11.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 | `#2b1637` | `oklch(24.80% 0.0648 312.19)` | Blackcurrant | white, 16.4 to 1 |
| 2 | `#31193b` | `oklch(26.36% 0.0676 314.47)` | Blackcurrant | white, 15.7 to 1 |
| 3 | `#381d41` | `oklch(28.49% 0.0717 317.59)` | Power Outage | white, 14.7 to 1 |
| 4 | `#422247` | `oklch(31.03% 0.0764 321.30)` | Purple Void | white, 13.5 to 1 |
| 5 | `#4c274e` | `oklch(33.79% 0.0813 325.37)` | Murasaki | white, 12.3 to 1 |
| 6 | `#572c54` | `oklch(36.59% 0.0857 329.55)` | Grape Royale | white, 11 to 1 |
| 7 | `#61325a` | `oklch(39.26% 0.0891 333.60)` | Spanish Plum | white, 9.9 to 1 |
| 8 | `#6b375e` | `oklch(41.76% 0.0911 337.43)` | Grape | white, 8.9 to 1 |
| 9 | `#753d62` | `oklch(44.28% 0.0922 341.23)` | Burnt Orchid | white, 8 to 1 |
| 10 | `#7e4366` | `oklch(46.82% 0.0927 345.09)` | Vivacious Violet | white, 7.2 to 1 |
| 11 | `#884a6a` | `oklch(49.38% 0.0928 349.09)` | Noble Tone | white, 6.4 to 1 |
| 12 | `#92516d` | `oklch(51.94% 0.0930 353.31)` | Grandeur Plum | white, 5.8 to 1 |
| 13 | `#9b5870` | `oklch(54.49% 0.0934 357.83)` | Pink Tulip | white, 5.2 to 1 |
| 14 | `#a55f72` | `oklch(57.05% 0.0943 2.73)` | Shine Baby Shine | white, 4.6 to 1 |
| 15 | `#b06674` | `oklch(59.67% 0.0957 7.99)` | Refined Rose | black, 4.9 to 1 |
| 16 | `#ba6e76` | `oklch(62.32% 0.0972 13.53)` | Exotic Incense | black, 5.5 to 1 |
| 17 | `#c47677` | `oklch(64.93% 0.0986 19.28)` | Deep Bloom | black, 6.1 to 1 |
| 18 | `#cd7e77` | `oklch(67.48% 0.0998 25.15)` | Chilli Soda | black, 6.8 to 1 |
| 19 | `#d58677` | `oklch(69.89% 0.1005 31.07)` | Freckles | black, 7.5 to 1 |
| 20 | `#dc8e78` | `oklch(72.15% 0.1005 36.99)` | Vintage Coral | black, 8.1 to 1 |
| 21 | `#e19778` | `oklch(74.33% 0.0999 43.14)` | Baked Salmon | black, 8.9 to 1 |
| 22 | `#e6a079` | `oklch(76.43% 0.0989 49.45)` | Les Demoiselles d’Avignon | black, 9.6 to 1 |
| 23 | `#e9a87b` | `oklch(78.41% 0.0976 55.80)` | Melting Sunset | black, 10.3 to 1 |
| 24 | `#ebb17d` | `oklch(80.25% 0.0959 62.06)` | Squash Bisque | black, 11.1 to 1 |
| 25 | `#edb981` | `oklch(81.90% 0.0940 68.09)` | Corvette | black, 11.8 to 1 |
| 26 | `#edc084` | `oklch(83.34% 0.0919 73.77)` | Eldar | black, 12.4 to 1 |
| 27 | `#ecc689` | `oklch(84.56% 0.0892 79.52)` | Pollen Grains | black, 13 to 1 |
| 28 | `#e9cc8e` | `oklch(85.59% 0.0860 85.32)` | Lol Yellow | black, 13.5 to 1 |
| 29 | `#e7d194` | `oklch(86.45% 0.0825 90.90)` | Desert Wind | black, 13.9 to 1 |
| 30 | `#e4d599` | `oklch(87.15% 0.0792 95.95)` | Lifeless Planet | black, 14.2 to 1 |
| 31 | `#e2d89e` | `oklch(87.73% 0.0764 100.18)` | Russet Green | black, 14.5 to 1 |
| 32 | `#e0dba2` | `oklch(88.19% 0.0744 103.30)` | Russet Green | black, 14.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #2b1637 0.0%, #31193b 3.2%, #381d41 6.5%, #422247 9.7%, #4c274e 12.9%, #572c54 16.1%, #61325a 19.4%, #6b375e 22.6%, #753d62 25.8%, #7e4366 29.0%, #884a6a 32.3%, #92516d 35.5%, #9b5870 38.7%, #a55f72 41.9%, #b06674 45.2%, #ba6e76 48.4%, #c47677 51.6%, #cd7e77 54.8%, #d58677 58.1%, #dc8e78 61.3%, #e19778 64.5%, #e6a079 67.7%, #e9a87b 71.0%, #ebb17d 74.2%, #edb981 77.4%, #edc084 80.6%, #ecc689 83.9%, #e9cc8e 87.1%, #e7d194 90.3%, #e4d599 93.5%, #e2d89e 96.8%, #e0dba2 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(24.80% 0.0648 312.19) 0.0%, oklch(26.36% 0.0676 314.47) 3.2%, oklch(28.49% 0.0717 317.59) 6.5%, oklch(31.03% 0.0764 321.30) 9.7%, oklch(33.79% 0.0813 325.37) 12.9%, oklch(36.59% 0.0857 329.55) 16.1%, oklch(39.26% 0.0891 333.60) 19.4%, oklch(41.76% 0.0911 337.43) 22.6%, oklch(44.28% 0.0922 341.23) 25.8%, oklch(46.82% 0.0927 345.09) 29.0%, oklch(49.38% 0.0928 349.09) 32.3%, oklch(51.94% 0.0930 353.31) 35.5%, oklch(54.49% 0.0934 357.83) 38.7%, oklch(57.05% 0.0943 2.73) 41.9%, oklch(59.67% 0.0957 7.99) 45.2%, oklch(62.32% 0.0972 13.53) 48.4%, oklch(64.93% 0.0986 19.28) 51.6%, oklch(67.48% 0.0998 25.15) 54.8%, oklch(69.89% 0.1005 31.07) 58.1%, oklch(72.15% 0.1005 36.99) 61.3%, oklch(74.33% 0.0999 43.14) 64.5%, oklch(76.43% 0.0989 49.45) 67.7%, oklch(78.41% 0.0976 55.80) 71.0%, oklch(80.25% 0.0959 62.06) 74.2%, oklch(81.90% 0.0940 68.09) 77.4%, oklch(83.34% 0.0919 73.77) 80.6%, oklch(84.56% 0.0892 79.52) 83.9%, oklch(85.59% 0.0860 85.32) 87.1%, oklch(86.45% 0.0825 90.90) 90.3%, oklch(87.15% 0.0792 95.95) 93.5%, oklch(87.73% 0.0764 100.18) 96.8%, oklch(88.19% 0.0744 103.30) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.248 | 0.065 | 312.2 |
| 2 | 0.398 | 0.09 | 334.4 |
| 3 | 0.555 | 0.094 | 359.7 |
| 4 | 0.713 | 0.101 | 394.6 |
| 5 | 0.831 | 0.092 | 432.7 |
| 6 | 0.882 | 0.074 | 463.3 |

## In these collections

- [Multicolor gradients](https://grabient.com/multicolor-gradients)

## Other forms

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