# Aubergine and turquoise Day of the Dead

The Aubergine and turquoise Day of the Dead brings together dark purple, purple, magenta, orange, gold, dark gray, and teal. 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 gray, and its lightest tone is gold.

- Also called: Vivid purple, orange, olive and teal linear gradient
- Seed: `kaOlfOQlPC9bXQzeTEd6D3EpICRrSwcag`
- Page: https://grabient.com/kaOlfOQlPC9bXQzeTEd6D3EpICRrSwcag?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: light center, vivid, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 12.3 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 | `#20054f` | `oklch(22.83% 0.1199 289.69)` | Indigo Sloth | white, 17.5 to 1 |
| 2 | `#270759` | `oklch(25.23% 0.1293 291.68)` | Praise of Shadow | white, 16.6 to 1 |
| 3 | `#320b67` | `oklch(28.53% 0.1427 294.32)` | Candied Blueberry | white, 15.2 to 1 |
| 4 | `#400f78` | `oklch(32.46% 0.1586 297.46)` | Invasive Indigo | white, 13.4 to 1 |
| 5 | `#51148a` | `oklch(36.76% 0.1759 300.95)` | Indigo Girls | white, 11.5 to 1 |
| 6 | `#64189c` | `oklch(41.17% 0.1931 304.66)` | Wild Violet | white, 9.7 to 1 |
| 7 | `#771cac` | `oklch(45.43% 0.2089 308.44)` | Fuchsia Nebula | white, 8.2 to 1 |
| 8 | `#8a20b9` | `oklch(49.27% 0.2221 312.13)` | Pheromone Purple | white, 7 to 1 |
| 9 | `#9a24c1` | `oklch(52.45% 0.2314 315.60)` | Prom Queen | white, 6.1 to 1 |
| 10 | `#a929c7` | `oklch(55.17% 0.2374 318.69)` | Telemagenta | white, 5.5 to 1 |
| 11 | `#b62ecc` | `oklch(57.66% 0.2412 321.50)` | Telemagenta | white, 4.9 to 1 |
| 12 | `#c133cf` | `oklch(59.92% 0.2432 324.26)` | Steel Pink | black, 4.6 to 1 |
| 13 | `#cd38d0` | `oklch(61.99% 0.2438 327.16)` | Steel Pink | black, 5 to 1 |
| 14 | `#d73dcf` | `oklch(63.87% 0.2433 330.43)` | Pinkish Purple | black, 5.4 to 1 |
| 15 | `#e241cb` | `oklch(65.58% 0.2421 334.27)` | Leo Royal Fuchsia | black, 5.8 to 1 |
| 16 | `#ed44c5` | `oklch(67.14% 0.2407 338.90)` | Kinky Pinky | black, 6.2 to 1 |
| 17 | `#f847bc` | `oklch(68.56% 0.2393 344.54)` | Mat Dazzle Rose | black, 6.5 to 1 |
| 18 | `#ff4dad` | `oklch(69.69% 0.2296 351.49)` | Barbie Pink | black, 6.9 to 1 |
| 19 | `#ff5c9c` | `oklch(70.56% 0.2050 359.50)` | Neon Sunset | black, 7.2 to 1 |
| 20 | `#ff668b` | `oklch(71.24% 0.1880 8.19)` | Berlin Pink | black, 7.5 to 1 |
| 21 | `#ff6e7b` | `oklch(71.81% 0.1773 17.20)` | Begonia | black, 7.7 to 1 |
| 22 | `#ff746a` | `oklch(72.34% 0.1715 26.17)` | Salmon | black, 7.9 to 1 |
| 23 | `#ff7a5a` | `oklch(72.91% 0.1693 34.71)` | Melon | black, 8.1 to 1 |
| 24 | `#ff804a` | `oklch(73.60% 0.1691 42.47)` | Mythical Orange | black, 8.4 to 1 |
| 25 | `#ff873e` | `oklch(74.61% 0.1682 49.11)` | Orange Bell Pepper | black, 8.8 to 1 |
| 26 | `#ff9340` | `oklch(76.52% 0.1605 54.83)` | Energy Orange | black, 9.5 to 1 |
| 27 | `#ffa14d` | `oklch(79.00% 0.1484 59.88)` | Exotic Flower | black, 10.4 to 1 |
| 28 | `#ffaf5d` | `oklch(81.57% 0.1355 64.53)` | Vintage Orange | black, 11.5 to 1 |
| 29 | `#ffba69` | `oklch(83.74% 0.1261 69.03)` | Desert Dessert | black, 12.4 to 1 |
| 30 | `#ffc16b` | `oklch(85.03% 0.1252 73.61)` | Solar Storm | black, 13 to 1 |
| 31 | `#ffc257` | `oklch(84.95% 0.1401 78.55)` | Orange Delight | black, 13 to 1 |
| 32 | `#fbbc00` | `oklch(83.03% 0.1704 84.06)` | Chocobo Feather | black, 12.2 to 1 |
| 33 | `#e0b30a` | `oklch(78.43% 0.1588 90.34)` | Golden Frame | black, 10.6 to 1 |
| 34 | `#b89f20` | `oklch(70.35% 0.1367 97.11)` | Wet Leaf | black, 7.9 to 1 |
| 35 | `#8b8328` | `oklch(59.91% 0.1099 104.26)` | Fickle Pickle | black, 5.3 to 1 |
| 36 | `#606328` | `oklch(48.29% 0.0812 111.68)` | Gardener Green | white, 6.3 to 1 |
| 37 | `#3c4321` | `oklch(36.73% 0.0535 119.26)` | Ceylanite | white, 10.4 to 1 |
| 38 | `#212818` | `oklch(26.42% 0.0298 126.90)` | Kuro Green | white, 15.2 to 1 |
| 39 | `#10140e` | `oklch(18.58% 0.0128 134.49)` | Glimpse Into Space | white, 18.5 to 1 |
| 40 | `#090b08` | `oklch(14.42% 0.0056 141.93)` | Existential Angst | white, 19.7 to 1 |
| 41 | `#080c08` | `oklch(14.80% 0.0106 149.51)` | Dark Side of the Moon | white, 19.6 to 1 |
| 42 | `#09170f` | `oklch(18.99% 0.0269 157.70)` | Pinch of Pepper | white, 18.3 to 1 |
| 43 | `#032b1e` | `oklch(25.93% 0.0511 166.17)` | Bush | white, 15.2 to 1 |
| 44 | `#004437` | `oklch(34.58% 0.0655 174.53)` | UP Forest Green | white, 11.1 to 1 |
| 45 | `#006056` | `oklch(43.85% 0.0783 182.51)` | Empress Teal | white, 7.4 to 1 |
| 46 | `#007b76` | `oklch(52.72% 0.0911 189.68)` | Emperor Jade | white, 5.1 to 1 |
| 47 | `#009394` | `oklch(60.10% 0.1025 195.70)` | Lido Deck | black, 5.6 to 1 |
| 48 | `#00a3aa` | `oklch(64.96% 0.1104 200.22)` | Aare River Brienz | black, 6.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #20054f 0.0%, #270759 2.1%, #320b67 4.3%, #400f78 6.4%, #51148a 8.5%, #64189c 10.6%, #771cac 12.8%, #8a20b9 14.9%, #9a24c1 17.0%, #a929c7 19.1%, #b62ecc 21.3%, #c133cf 23.4%, #cd38d0 25.5%, #d73dcf 27.7%, #e241cb 29.8%, #ed44c5 31.9%, #f847bc 34.0%, #ff4dad 36.2%, #ff5c9c 38.3%, #ff668b 40.4%, #ff6e7b 42.6%, #ff746a 44.7%, #ff7a5a 46.8%, #ff804a 48.9%, #ff873e 51.1%, #ff9340 53.2%, #ffa14d 55.3%, #ffaf5d 57.4%, #ffba69 59.6%, #ffc16b 61.7%, #ffc257 63.8%, #fbbc00 66.0%, #e0b30a 68.1%, #b89f20 70.2%, #8b8328 72.3%, #606328 74.5%, #3c4321 76.6%, #212818 78.7%, #10140e 80.9%, #090b08 83.0%, #080c08 85.1%, #09170f 87.2%, #032b1e 89.4%, #004437 91.5%, #006056 93.6%, #007b76 95.7%, #009394 97.9%, #00a3aa 100.0%);
background: linear-gradient(135deg in oklch, oklch(22.83% 0.1199 289.69) 0.0%, oklch(25.23% 0.1293 291.68) 2.1%, oklch(28.53% 0.1427 294.32) 4.3%, oklch(32.46% 0.1586 297.46) 6.4%, oklch(36.76% 0.1759 300.95) 8.5%, oklch(41.17% 0.1931 304.66) 10.6%, oklch(45.43% 0.2089 308.44) 12.8%, oklch(49.27% 0.2221 312.13) 14.9%, oklch(52.45% 0.2314 315.60) 17.0%, oklch(55.17% 0.2374 318.69) 19.1%, oklch(57.66% 0.2412 321.50) 21.3%, oklch(59.92% 0.2432 324.26) 23.4%, oklch(61.99% 0.2438 327.16) 25.5%, oklch(63.87% 0.2433 330.43) 27.7%, oklch(65.58% 0.2421 334.27) 29.8%, oklch(67.14% 0.2407 338.90) 31.9%, oklch(68.56% 0.2393 344.54) 34.0%, oklch(69.69% 0.2296 351.49) 36.2%, oklch(70.56% 0.2050 359.50) 38.3%, oklch(71.24% 0.1880 8.19) 40.4%, oklch(71.81% 0.1773 17.20) 42.6%, oklch(72.34% 0.1715 26.17) 44.7%, oklch(72.91% 0.1693 34.71) 46.8%, oklch(73.60% 0.1691 42.47) 48.9%, oklch(74.61% 0.1682 49.11) 51.1%, oklch(76.52% 0.1605 54.83) 53.2%, oklch(79.00% 0.1484 59.88) 55.3%, oklch(81.57% 0.1355 64.53) 57.4%, oklch(83.74% 0.1261 69.03) 59.6%, oklch(85.03% 0.1252 73.61) 61.7%, oklch(84.95% 0.1401 78.55) 63.8%, oklch(83.03% 0.1704 84.06) 66.0%, oklch(78.43% 0.1588 90.34) 68.1%, oklch(70.35% 0.1367 97.11) 70.2%, oklch(59.91% 0.1099 104.26) 72.3%, oklch(48.29% 0.0812 111.68) 74.5%, oklch(36.73% 0.0535 119.26) 76.6%, oklch(26.42% 0.0298 126.90) 78.7%, oklch(18.58% 0.0128 134.49) 80.9%, oklch(14.42% 0.0056 141.93) 83.0%, oklch(14.80% 0.0106 149.51) 85.1%, oklch(18.99% 0.0269 157.70) 87.2%, oklch(25.93% 0.0511 166.17) 89.4%, oklch(34.58% 0.0655 174.53) 91.5%, oklch(43.85% 0.0783 182.51) 93.6%, oklch(52.72% 0.0911 189.68) 95.7%, oklch(60.10% 0.1025 195.70) 97.9%, oklch(64.96% 0.1104 200.22) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.228 | 0.12 | 289.7 |
| 2 | 0.52 | 0.23 | 315 |
| 3 | 0.681 | 0.24 | 342.5 |
| 4 | 0.74 | 0.209 | 405.9 |
| 5 | 0.819 | 0.169 | 446.1 |
| 6 | 0.142 | 0.006 | 503.2 |
| 7 | 0.65 | 0.181 | 560.2 |

## In these collections

- [Day of the Dead gradients](https://grabient.com/day-of-the-dead-gradients)

## Other forms

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