# Aubergine orange and purple palette

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

- Also called: Vivid navy, purple and salmon linear gradient
- Seed: `kUPUnOM0HBsxQRLgwccA`
- Page: https://grabient.com/kUPUnOM0HBsxQRLgwccA?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 7.4 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 | `#21104a` | `oklch(24.02% 0.1006 289.69)` | Shadow Planet | white, 16.9 to 1 |
| 2 | `#24114f` | `oklch(24.93% 0.1053 290.43)` | Praise of Shadow | white, 16.5 to 1 |
| 3 | `#271254` | `oklch(26.07% 0.1116 291.24)` | Praise of Shadow | white, 16 to 1 |
| 4 | `#2c135b` | `oklch(27.42% 0.1191 292.14)` | Voldemort | white, 15.5 to 1 |
| 5 | `#311563` | `oklch(28.93% 0.1276 293.17)` | Candied Blueberry | white, 14.8 to 1 |
| 6 | `#37166b` | `oklch(30.57% 0.1365 294.36)` | Candied Blueberry | white, 14.1 to 1 |
| 7 | `#3d1773` | `oklch(32.31% 0.1457 295.73)` | Explorer of the Galaxies | white, 13.3 to 1 |
| 8 | `#44187c` | `oklch(34.12% 0.1549 297.31)` | Grim Purple | white, 12.5 to 1 |
| 9 | `#4c1984` | `oklch(35.95% 0.1636 299.13)` | Occult | white, 11.7 to 1 |
| 10 | `#541a8c` | `oklch(37.78% 0.1716 301.22)` | American Violet | white, 11 to 1 |
| 11 | `#5c1c92` | `oklch(39.58% 0.1785 303.61)` | Banafš Violet | white, 10.3 to 1 |
| 12 | `#651d97` | `oklch(41.33% 0.1844 306.32)` | Wild Violet | white, 9.6 to 1 |
| 13 | `#6f1f9c` | `oklch(43.17% 0.1901 309.30)` | Orb of Discord | white, 8.9 to 1 |
| 14 | `#7920a1` | `oklch(45.07% 0.1956 312.55)` | Orb of Discord | white, 8.2 to 1 |
| 15 | `#8422a4` | `oklch(47.02% 0.2009 316.04)` | Noble Cause Purple | white, 7.6 to 1 |
| 16 | `#9024a7` | `oklch(49.01% 0.2057 319.77)` | Minesweeper’s Purple | white, 7 to 1 |
| 17 | `#9c25a8` | `oklch(50.99% 0.2101 323.72)` | Purple Ink | white, 6.4 to 1 |
| 18 | `#a827a8` | `oklch(52.98% 0.2138 327.88)` | Ultra Violet Lentz | white, 5.9 to 1 |
| 19 | `#b429a7` | `oklch(54.93% 0.2168 332.22)` | Amora Purple | white, 5.4 to 1 |
| 20 | `#c02ca5` | `oklch(56.83% 0.2190 336.75)` | Byzantine | white, 5 to 1 |
| 21 | `#cb2fa1` | `oklch(58.67% 0.2202 341.43)` | Perfectly Purple Place | white, 4.7 to 1 |
| 22 | `#d6339c` | `oklch(60.42% 0.2204 346.31)` | Lustful Wishes | black, 4.8 to 1 |
| 23 | `#e03895` | `oklch(62.22% 0.2189 351.86)` | Prunus Avium | black, 5.1 to 1 |
| 24 | `#eb3e8c` | `oklch(64.05% 0.2161 358.07)` | Cerise Pink | black, 5.5 to 1 |
| 25 | `#f44681` | `oklch(65.88% 0.2121 4.71)` | Flamboyant Flamingo | black, 6 to 1 |
| 26 | `#fb5076` | `oklch(67.69% 0.2073 11.55)` | Warm Pink | black, 6.5 to 1 |
| 27 | `#ff5c6c` | `oklch(69.43% 0.1971 18.40)` | Grenadine Pink | black, 7 to 1 |
| 28 | `#ff6b65` | `oklch(71.07% 0.1819 25.01)` | Pastel Red | black, 7.5 to 1 |
| 29 | `#ff7760` | `oklch(72.58% 0.1705 31.19)` | Peachy Pinky | black, 8 to 1 |
| 30 | `#ff815d` | `oklch(73.93% 0.1623 36.70)` | Pink Fire | black, 8.5 to 1 |
| 31 | `#ff885b` | `oklch(75.07% 0.1564 41.34)` | Nectarine | black, 8.9 to 1 |
| 32 | `#ff8e59` | `oklch(75.98% 0.1524 44.88)` | Fire Orange | black, 9.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #21104a 0.0%, #24114f 3.2%, #271254 6.5%, #2c135b 9.7%, #311563 12.9%, #37166b 16.1%, #3d1773 19.4%, #44187c 22.6%, #4c1984 25.8%, #541a8c 29.0%, #5c1c92 32.3%, #651d97 35.5%, #6f1f9c 38.7%, #7920a1 41.9%, #8422a4 45.2%, #9024a7 48.4%, #9c25a8 51.6%, #a827a8 54.8%, #b429a7 58.1%, #c02ca5 61.3%, #cb2fa1 64.5%, #d6339c 67.7%, #e03895 71.0%, #eb3e8c 74.2%, #f44681 77.4%, #fb5076 80.6%, #ff5c6c 83.9%, #ff6b65 87.1%, #ff7760 90.3%, #ff815d 93.5%, #ff885b 96.8%, #ff8e59 100.0%);
background: linear-gradient(135deg in oklch, oklch(24.02% 0.1006 289.69) 0.0%, oklch(24.93% 0.1053 290.43) 3.2%, oklch(26.07% 0.1116 291.24) 6.5%, oklch(27.42% 0.1191 292.14) 9.7%, oklch(28.93% 0.1276 293.17) 12.9%, oklch(30.57% 0.1365 294.36) 16.1%, oklch(32.31% 0.1457 295.73) 19.4%, oklch(34.12% 0.1549 297.31) 22.6%, oklch(35.95% 0.1636 299.13) 25.8%, oklch(37.78% 0.1716 301.22) 29.0%, oklch(39.58% 0.1785 303.61) 32.3%, oklch(41.33% 0.1844 306.32) 35.5%, oklch(43.17% 0.1901 309.30) 38.7%, oklch(45.07% 0.1956 312.55) 41.9%, oklch(47.02% 0.2009 316.04) 45.2%, oklch(49.01% 0.2057 319.77) 48.4%, oklch(50.99% 0.2101 323.72) 51.6%, oklch(52.98% 0.2138 327.88) 54.8%, oklch(54.93% 0.2168 332.22) 58.1%, oklch(56.83% 0.2190 336.75) 61.3%, oklch(58.67% 0.2202 341.43) 64.5%, oklch(60.42% 0.2204 346.31) 67.7%, oklch(62.22% 0.2189 351.86) 71.0%, oklch(64.05% 0.2161 358.07) 74.2%, oklch(65.88% 0.2121 4.71) 77.4%, oklch(67.69% 0.2073 11.55) 80.6%, oklch(69.43% 0.1971 18.40) 83.9%, oklch(71.07% 0.1819 25.01) 87.1%, oklch(72.58% 0.1705 31.19) 90.3%, oklch(73.93% 0.1623 36.70) 93.5%, oklch(75.07% 0.1564 41.34) 96.8%, oklch(75.98% 0.1524 44.88) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.24 | 0.101 | 289.7 |
| 2 | 0.402 | 0.181 | 304.5 |
| 3 | 0.598 | 0.22 | 344.6 |
| 4 | 0.76 | 0.181 | 404.9 |

## In these collections

- [Orange and purple gradients](https://grabient.com/orange-and-purple-gradients)

## Other forms

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