# Near-black and gold Day of the Dead

The Near-black and gold Day of the Dead brings together dark orange, orange, gold, and yellow. The colors span a very broad lightness range, combining strong color with high contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is dark orange, and its lightest tone is yellow.

- Also called: Black, brown, orange and yellow linear gradient
- Seed: `kWKRYiMKu_9HMQRoQcLc7bBg`
- Page: https://grabient.com/kWKRYiMKu_9HMQRoQcLc7bBg?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 14.9 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 | `#180903` | `oklch(16.14% 0.0303 47.81)` | Soy Sauce | white, 19.4 to 1 |
| 2 | `#1e0c03` | `oklch(17.88% 0.0375 47.74)` | Crowshead | white, 18.9 to 1 |
| 3 | `#270f03` | `oklch(20.17% 0.0471 47.58)` | Root Brew | white, 18.2 to 1 |
| 4 | `#321202` | `oklch(22.89% 0.0585 47.38)` | Chocolate Melange | white, 17.1 to 1 |
| 5 | `#3e1600` | `oklch(25.94% 0.0711 47.20)` | Bath in Chocolate | white, 15.8 to 1 |
| 6 | `#4b1c00` | `oklch(29.18% 0.0809 46.87)` | Chocolate Rush | white, 14.3 to 1 |
| 7 | `#572200` | `oklch(32.51% 0.0899 47.00)` | Conker Brown | white, 12.8 to 1 |
| 8 | `#642800` | `oklch(35.81% 0.0986 47.31)` | Raw Chocolate | white, 11.3 to 1 |
| 9 | `#702f00` | `oklch(38.97% 0.1064 47.87)` | Cold Press Coffee | white, 10 to 1 |
| 10 | `#7d3600` | `oklch(42.25% 0.1141 48.57)` | Red Beech | white, 8.7 to 1 |
| 11 | `#8b3d00` | `oklch(45.69% 0.1219 49.37)` | Espresso Martini | white, 7.5 to 1 |
| 12 | `#994600` | `oklch(49.23% 0.1296 50.32)` | Roux | white, 6.5 to 1 |
| 13 | `#a64f00` | `oklch(52.78% 0.1367 51.45)` | Cinnamon Bun | white, 5.6 to 1 |
| 14 | `#b45800` | `oklch(56.27% 0.1432 52.79)` | Elm Brown Red | white, 4.8 to 1 |
| 15 | `#c06100` | `oklch(59.61% 0.1487 54.38)` | Crema | black, 4.9 to 1 |
| 16 | `#cb6b00` | `oklch(62.72% 0.1531 56.25)` | Sludge | black, 5.6 to 1 |
| 17 | `#d57400` | `oklch(65.57% 0.1562 58.47)` | Gold Orange | black, 6.3 to 1 |
| 18 | `#dd7e00` | `oklch(68.25% 0.1582 61.24)` | Orange Pepper | black, 7 to 1 |
| 19 | `#e48800` | `oklch(70.81% 0.1596 64.42)` | Hotter Butter | black, 7.7 to 1 |
| 20 | `#e99200` | `oklch(73.22% 0.1608 67.87)` | Gold Fusion | black, 8.5 to 1 |
| 21 | `#ee9b00` | `oklch(75.50% 0.1622 71.42)` | Cheddar | black, 9.3 to 1 |
| 22 | `#f2a400` | `oklch(77.63% 0.1638 74.89)` | Orange Pospsicle | black, 10.1 to 1 |
| 23 | `#f6ad00` | `oklch(79.61% 0.1659 78.14)` | Spicy Sweetcorn | black, 10.8 to 1 |
| 24 | `#f9b500` | `oklch(81.45% 0.1683 80.99)` | Yellow Summer | black, 11.6 to 1 |
| 25 | `#fcbc00` | `oklch(83.15% 0.1708 83.43)` | Chocobo Feather | black, 12.3 to 1 |
| 26 | `#ffc205` | `oklch(84.70% 0.1729 85.72)` | Happy Yipee | black, 13 to 1 |
| 27 | `#ffc92b` | `oklch(86.11% 0.1669 87.85)` | Bumblebee | black, 13.6 to 1 |
| 28 | `#ffcf3d` | `oklch(87.38% 0.1617 89.79)` | Habañero Gold | black, 14.2 to 1 |
| 29 | `#ffd54a` | `oklch(88.49% 0.1571 91.54)` | Vibrant | black, 14.8 to 1 |
| 30 | `#ffd954` | `oklch(89.46% 0.1530 93.06)` | Tuscan Sun | black, 15.3 to 1 |
| 31 | `#ffdd5c` | `oklch(90.28% 0.1494 94.35)` | Rodan Gold | black, 15.7 to 1 |
| 32 | `#ffe063` | `oklch(90.94% 0.1462 95.37)` | Neon Light | black, 16 to 1 |

## CSS

```css
background: linear-gradient(90deg, #180903 0.0%, #1e0c03 3.2%, #270f03 6.5%, #321202 9.7%, #3e1600 12.9%, #4b1c00 16.1%, #572200 19.4%, #642800 22.6%, #702f00 25.8%, #7d3600 29.0%, #8b3d00 32.3%, #994600 35.5%, #a64f00 38.7%, #b45800 41.9%, #c06100 45.2%, #cb6b00 48.4%, #d57400 51.6%, #dd7e00 54.8%, #e48800 58.1%, #e99200 61.3%, #ee9b00 64.5%, #f2a400 67.7%, #f6ad00 71.0%, #f9b500 74.2%, #fcbc00 77.4%, #ffc205 80.6%, #ffc92b 83.9%, #ffcf3d 87.1%, #ffd54a 90.3%, #ffd954 93.5%, #ffdd5c 96.8%, #ffe063 100.0%);
background: linear-gradient(90deg in oklch, oklch(16.14% 0.0303 47.81) 0.0%, oklch(17.88% 0.0375 47.74) 3.2%, oklch(20.17% 0.0471 47.58) 6.5%, oklch(22.89% 0.0585 47.38) 9.7%, oklch(25.94% 0.0711 47.20) 12.9%, oklch(29.18% 0.0809 46.87) 16.1%, oklch(32.51% 0.0899 47.00) 19.4%, oklch(35.81% 0.0986 47.31) 22.6%, oklch(38.97% 0.1064 47.87) 25.8%, oklch(42.25% 0.1141 48.57) 29.0%, oklch(45.69% 0.1219 49.37) 32.3%, oklch(49.23% 0.1296 50.32) 35.5%, oklch(52.78% 0.1367 51.45) 38.7%, oklch(56.27% 0.1432 52.79) 41.9%, oklch(59.61% 0.1487 54.38) 45.2%, oklch(62.72% 0.1531 56.25) 48.4%, oklch(65.57% 0.1562 58.47) 51.6%, oklch(68.25% 0.1582 61.24) 54.8%, oklch(70.81% 0.1596 64.42) 58.1%, oklch(73.22% 0.1608 67.87) 61.3%, oklch(75.50% 0.1622 71.42) 64.5%, oklch(77.63% 0.1638 74.89) 67.7%, oklch(79.61% 0.1659 78.14) 71.0%, oklch(81.45% 0.1683 80.99) 74.2%, oklch(83.15% 0.1708 83.43) 77.4%, oklch(84.70% 0.1729 85.72) 80.6%, oklch(86.11% 0.1669 87.85) 83.9%, oklch(87.38% 0.1617 89.79) 87.1%, oklch(88.49% 0.1571 91.54) 90.3%, oklch(89.46% 0.1530 93.06) 93.5%, oklch(90.28% 0.1494 94.35) 96.8%, oklch(90.94% 0.1462 95.37) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.161 | 0.03 | 47.8 |
| 2 | 0.382 | 0.12 | 47.8 |
| 3 | 0.642 | 0.209 | 57.3 |
| 4 | 0.819 | 0.181 | 81.6 |
| 5 | 0.909 | 0.15 | 95.4 |

## In these collections

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

## Other forms

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