# Aubergine, rose and ochre retro palette

The Aubergine, rose and ochre retro palette brings together purple, magenta, red, orange, and gold. The colors span a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits editorial layouts and period-inspired packaging. Its darkest tone is purple, and its lightest tone is orange.

- Also called: Vivid tritone purple, pink and mustard angular gradient
- Seed: `kWUXTVvlBDdLMRLgvcS17bFQ`
- Page: https://grabient.com/kWUXTVvlBDdLMRLgvcS17bFQ?style=angularGradient&steps=40&angle=30
- Drawn as: angular gradient, 40 steps, 30 degrees
- Kinds: vivid, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 6.1 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 | `#420975` | `oklch(31.89% 0.1598 300.23)` | Invasive Indigo | white, 13.7 to 1 |
| 2 | `#470979` | `oklch(32.93% 0.1639 302.00)` | Invasive Indigo | white, 13.2 to 1 |
| 3 | `#4d097d` | `oklch(34.28% 0.1695 304.21)` | Pigment Indigo | white, 12.6 to 1 |
| 4 | `#550982` | `oklch(35.88% 0.1764 306.81)` | Pigment Indigo | white, 11.9 to 1 |
| 5 | `#5e0888` | `oklch(37.67% 0.1839 309.74)` | SQL Injection Purple | white, 11.2 to 1 |
| 6 | `#69078d` | `oklch(39.59% 0.1918 312.93)` | Extraviolet | white, 10.4 to 1 |
| 7 | `#740692` | `oklch(41.59% 0.1996 316.33)` | Chinese Purple | white, 9.6 to 1 |
| 8 | `#7f0495` | `oklch(43.62% 0.2068 319.86)` | Purple Feather Boa | white, 8.9 to 1 |
| 9 | `#8b0398` | `oklch(45.60% 0.2131 323.48)` | Purple Feather Boa | white, 8.2 to 1 |
| 10 | `#960399` | `oklch(47.50% 0.2180 327.12)` | Violet Eggplant | white, 7.5 to 1 |
| 11 | `#a00599` | `oklch(49.24% 0.2211 330.72)` | Barney Purple | white, 7 to 1 |
| 12 | `#aa0998` | `oklch(50.96% 0.2228 334.46)` | Barney Purple | white, 6.5 to 1 |
| 13 | `#b41095` | `oklch(52.70% 0.2234 338.37)` | Jealous Jellyfish | white, 6 to 1 |
| 14 | `#be1692` | `oklch(54.45% 0.2232 342.43)` | Fuchsia Flourish | white, 5.6 to 1 |
| 15 | `#c81d8e` | `oklch(56.18% 0.2222 346.59)` | Medium Violet Red | white, 5.2 to 1 |
| 16 | `#d1248a` | `oklch(57.90% 0.2206 350.84)` | Purple Heart Kiwi | white, 4.8 to 1 |
| 17 | `#d92b85` | `oklch(59.58% 0.2185 355.13)` | Highlighter Lilac | black, 4.6 to 1 |
| 18 | `#e13280` | `oklch(61.20% 0.2161 359.43)` | Mystic Magenta | black, 4.9 to 1 |
| 19 | `#e83a7a` | `oklch(62.77% 0.2135 3.70)` | Fantasy Romance | black, 5.3 to 1 |
| 20 | `#ef4174` | `oklch(64.25% 0.2108 7.91)` | Radishical | black, 5.6 to 1 |
| 21 | `#f4486f` | `oklch(65.67% 0.2080 12.03)` | Fuchsia Felicity | black, 6 to 1 |
| 22 | `#f95069` | `oklch(67.12% 0.2047 16.11)` | Ripe Malinka | black, 6.3 to 1 |
| 23 | `#fe5864` | `oklch(68.59% 0.2007 20.15)` | Festive Fennec | black, 6.7 to 1 |
| 24 | `#ff6361` | `oklch(70.04% 0.1905 24.18)` | Pineapple Salmon | black, 7.2 to 1 |
| 25 | `#ff6f60` | `oklch(71.43% 0.1792 28.21)` | Manila Sunset | black, 7.6 to 1 |
| 26 | `#ff785f` | `oklch(72.71% 0.1699 32.27)` | Peachy Pinky | black, 8.1 to 1 |
| 27 | `#ff805d` | `oklch(73.84% 0.1628 36.36)` | Ballet Cream | black, 8.5 to 1 |
| 28 | `#ff875a` | `oklch(74.78% 0.1581 40.51)` | Nectarine | black, 8.8 to 1 |
| 29 | `#ff8c55` | `oklch(75.49% 0.1561 44.73)` | Paradise Bird | black, 9.1 to 1 |
| 30 | `#ff8f4d` | `oklch(75.92% 0.1574 49.05)` | Boredom Buster | black, 9.2 to 1 |
| 31 | `#ff903e` | `oklch(76.01% 0.1628 53.59)` | Instant Orange | black, 9.3 to 1 |
| 32 | `#fb922e` | `oklch(75.71% 0.1645 58.57)` | Joyful Orange | black, 9.2 to 1 |
| 33 | `#f49420` | `oklch(75.10% 0.1620 63.87)` | Pesto Calabrese | black, 9.1 to 1 |
| 34 | `#eb960b` | `oklch(74.25% 0.1597 69.30)` | Gold Fusion | black, 8.9 to 1 |
| 35 | `#e19800` | `oklch(73.26% 0.1548 74.69)` | Golden Key | black, 8.6 to 1 |
| 36 | `#d69900` | `oklch(72.20% 0.1496 79.90)` | Leopard | black, 8.3 to 1 |
| 37 | `#cc9900` | `oklch(71.15% 0.1459 84.76)` | Vivid Amber | black, 8.1 to 1 |
| 38 | `#c39900` | `oklch(70.20% 0.1434 89.10)` | Rapeseed | black, 7.8 to 1 |
| 39 | `#bb9900` | `oklch(69.42% 0.1421 92.76)` | Hidden Tribe | black, 7.6 to 1 |
| 40 | `#b69900` | `oklch(68.90% 0.1416 95.57)` | Kalliene Yellow | black, 7.5 to 1 |

## CSS

```css
background: conic-gradient(from 30deg, #420975 0.0%, #470979 2.6%, #4d097d 5.1%, #550982 7.7%, #5e0888 10.3%, #69078d 12.8%, #740692 15.4%, #7f0495 17.9%, #8b0398 20.5%, #960399 23.1%, #a00599 25.6%, #aa0998 28.2%, #b41095 30.8%, #be1692 33.3%, #c81d8e 35.9%, #d1248a 38.5%, #d92b85 41.0%, #e13280 43.6%, #e83a7a 46.2%, #ef4174 48.7%, #f4486f 51.3%, #f95069 53.8%, #fe5864 56.4%, #ff6361 59.0%, #ff6f60 61.5%, #ff785f 64.1%, #ff805d 66.7%, #ff875a 69.2%, #ff8c55 71.8%, #ff8f4d 74.4%, #ff903e 76.9%, #fb922e 79.5%, #f49420 82.1%, #eb960b 84.6%, #e19800 87.2%, #d69900 89.7%, #cc9900 92.3%, #c39900 94.9%, #bb9900 97.4%, #b69900 100.0%);
background: conic-gradient(from 30deg in oklch, oklch(31.89% 0.1598 300.23) 0.0%, oklch(32.93% 0.1639 302.00) 2.6%, oklch(34.28% 0.1695 304.21) 5.1%, oklch(35.88% 0.1764 306.81) 7.7%, oklch(37.67% 0.1839 309.74) 10.3%, oklch(39.59% 0.1918 312.93) 12.8%, oklch(41.59% 0.1996 316.33) 15.4%, oklch(43.62% 0.2068 319.86) 17.9%, oklch(45.60% 0.2131 323.48) 20.5%, oklch(47.50% 0.2180 327.12) 23.1%, oklch(49.24% 0.2211 330.72) 25.6%, oklch(50.96% 0.2228 334.46) 28.2%, oklch(52.70% 0.2234 338.37) 30.8%, oklch(54.45% 0.2232 342.43) 33.3%, oklch(56.18% 0.2222 346.59) 35.9%, oklch(57.90% 0.2206 350.84) 38.5%, oklch(59.58% 0.2185 355.13) 41.0%, oklch(61.20% 0.2161 359.43) 43.6%, oklch(62.77% 0.2135 3.70) 46.2%, oklch(64.25% 0.2108 7.91) 48.7%, oklch(65.67% 0.2080 12.03) 51.3%, oklch(67.12% 0.2047 16.11) 53.8%, oklch(68.59% 0.2007 20.15) 56.4%, oklch(70.04% 0.1905 24.18) 59.0%, oklch(71.43% 0.1792 28.21) 61.5%, oklch(72.71% 0.1699 32.27) 64.1%, oklch(73.84% 0.1628 36.36) 66.7%, oklch(74.78% 0.1581 40.51) 69.2%, oklch(75.49% 0.1561 44.73) 71.8%, oklch(75.92% 0.1574 49.05) 74.4%, oklch(76.01% 0.1628 53.59) 76.9%, oklch(75.71% 0.1645 58.57) 79.5%, oklch(75.10% 0.1620 63.87) 82.1%, oklch(74.25% 0.1597 69.30) 84.6%, oklch(73.26% 0.1548 74.69) 87.2%, oklch(72.20% 0.1496 79.90) 89.7%, oklch(71.15% 0.1459 84.76) 92.3%, oklch(70.20% 0.1434 89.10) 94.9%, oklch(69.42% 0.1421 92.76) 97.4%, oklch(68.90% 0.1416 95.57) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.319 | 0.16 | 300.2 |
| 2 | 0.488 | 0.22 | 329.8 |
| 3 | 0.65 | 0.209 | 370 |
| 4 | 0.76 | 0.169 | 410.1 |
| 5 | 0.689 | 0.15 | 455.6 |

## In these collections

- [Retro gradients](https://grabient.com/retro-gradients)

## Other forms

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