# Near-black and ochre Day of the Dead

The Near-black and ochre Day of the Dead brings together dark gray, teal, and gold. 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 gray, and its lightest tone is gold.

- Also called: Black, teal and mustard linear gradient
- Seed: `kUIgfTsBS0NmrvxmtLOg`
- Page: https://grabient.com/kUIgfTsBS0NmrvxmtLOg?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: dark to light, vivid, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 10.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 | `#08070b` | `oklch(13.39% 0.0096 297.42)` | Reversed Grey | white, 20 to 1 |
| 2 | `#0b0a0f` | `oklch(14.75% 0.0123 291.34)` | Raven | white, 19.7 to 1 |
| 3 | `#0d0d15` | `oklch(16.45% 0.0155 283.06)` | Midnight Oil | white, 19.3 to 1 |
| 4 | `#10121b` | `oklch(18.44% 0.0193 273.10)` | Midnight Edition | white, 18.6 to 1 |
| 5 | `#121822` | `oklch(20.68% 0.0236 261.97)` | River Styx | white, 17.8 to 1 |
| 6 | `#131e2a` | `oklch(23.12% 0.0283 250.20)` | The Count’s Black | white, 16.8 to 1 |
| 7 | `#132632` | `oklch(25.73% 0.0333 238.32)` | Abyssal Anchorfish Blue | white, 15.5 to 1 |
| 8 | `#132e39` | `oklch(28.45% 0.0385 226.83)` | Oceanic Noir | white, 14.2 to 1 |
| 9 | `#12363f` | `oklch(31.24% 0.0439 216.26)` | Firmament Blue | white, 12.8 to 1 |
| 10 | `#113f45` | `oklch(34.06% 0.0493 207.13)` | Sunken Harbour | white, 11.4 to 1 |
| 11 | `#12484b` | `oklch(36.87% 0.0547 199.95)` | Incubi Darkness | white, 10.2 to 1 |
| 12 | `#135151` | `oklch(39.71% 0.0602 195.20)` | Emerald Spring | white, 9 to 1 |
| 13 | `#155b59` | `oklch(42.84% 0.0662 192.73)` | Dark Turquoise | white, 7.8 to 1 |
| 14 | `#166563` | `oklch(46.20% 0.0726 192.02)` | Abduction | white, 6.8 to 1 |
| 15 | `#16706e` | `oklch(49.69% 0.0793 192.58)` | Boating Green | white, 5.8 to 1 |
| 16 | `#157c7b` | `oklch(53.25% 0.0862 193.88)` | Parasailing | white, 5 to 1 |
| 17 | `#148788` | `oklch(56.78% 0.0930 195.42)` | Tubbataha Teal | black, 4.8 to 1 |
| 18 | `#129395` | `oklch(60.20% 0.0996 196.68)` | Atrovirens | black, 5.6 to 1 |
| 19 | `#0f9ea1` | `oklch(63.43% 0.1059 197.16)` | Pleasant Stream | black, 6.4 to 1 |
| 20 | `#0ba8aa` | `oklch(66.38% 0.1117 196.34)` | Fiji | black, 7.1 to 1 |
| 21 | `#0ab1b0` | `oklch(68.98% 0.1168 193.70)` | Laguna Green | black, 7.9 to 1 |
| 22 | `#11bab1` | `oklch(71.15% 0.1213 188.75)` | Super Rare Jade | black, 8.6 to 1 |
| 23 | `#23c1ac` | `oklch(72.97% 0.1252 181.28)` | Turquoise | black, 9.2 to 1 |
| 24 | `#3bc6a3` | `oklch(74.50% 0.1286 171.77)` | Jadeite | black, 9.8 to 1 |
| 25 | `#56ca95` | `oklch(75.80% 0.1316 160.75)` | Vegetation | black, 10.2 to 1 |
| 26 | `#72cb83` | `oklch(76.87% 0.1343 148.77)` | Serengeti Green | black, 10.6 to 1 |
| 27 | `#8dcb70` | `oklch(77.77% 0.1366 136.37)` | Apple Orchard | black, 10.8 to 1 |
| 28 | `#a6c85e` | `oklch(78.52% 0.1387 124.10)` | Green Glow | black, 11 to 1 |
| 29 | `#bdc44e` | `oklch(79.16% 0.1405 112.50)` | Tropic Canary | black, 11.1 to 1 |
| 30 | `#cfc043` | `oklch(79.71% 0.1420 102.11)` | Anime | black, 11.2 to 1 |
| 31 | `#debc3e` | `oklch(80.22% 0.1434 93.47)` | Solarium | black, 11.3 to 1 |
| 32 | `#e8b93e` | `oklch(80.71% 0.1447 87.13)` | Capital Yellow | black, 11.4 to 1 |

## CSS

```css
background: linear-gradient(180deg, #08070b 0.0%, #0b0a0f 3.2%, #0d0d15 6.5%, #10121b 9.7%, #121822 12.9%, #131e2a 16.1%, #132632 19.4%, #132e39 22.6%, #12363f 25.8%, #113f45 29.0%, #12484b 32.3%, #135151 35.5%, #155b59 38.7%, #166563 41.9%, #16706e 45.2%, #157c7b 48.4%, #148788 51.6%, #129395 54.8%, #0f9ea1 58.1%, #0ba8aa 61.3%, #0ab1b0 64.5%, #11bab1 67.7%, #23c1ac 71.0%, #3bc6a3 74.2%, #56ca95 77.4%, #72cb83 80.6%, #8dcb70 83.9%, #a6c85e 87.1%, #bdc44e 90.3%, #cfc043 93.5%, #debc3e 96.8%, #e8b93e 100.0%);
background: linear-gradient(180deg in oklch, oklch(13.39% 0.0096 297.42) 0.0%, oklch(14.75% 0.0123 291.34) 3.2%, oklch(16.45% 0.0155 283.06) 6.5%, oklch(18.44% 0.0193 273.10) 9.7%, oklch(20.68% 0.0236 261.97) 12.9%, oklch(23.12% 0.0283 250.20) 16.1%, oklch(25.73% 0.0333 238.32) 19.4%, oklch(28.45% 0.0385 226.83) 22.6%, oklch(31.24% 0.0439 216.26) 25.8%, oklch(34.06% 0.0493 207.13) 29.0%, oklch(36.87% 0.0547 199.95) 32.3%, oklch(39.71% 0.0602 195.20) 35.5%, oklch(42.84% 0.0662 192.73) 38.7%, oklch(46.20% 0.0726 192.02) 41.9%, oklch(49.69% 0.0793 192.58) 45.2%, oklch(53.25% 0.0862 193.88) 48.4%, oklch(56.78% 0.0930 195.42) 51.6%, oklch(60.20% 0.0996 196.68) 54.8%, oklch(63.43% 0.1059 197.16) 58.1%, oklch(66.38% 0.1117 196.34) 61.3%, oklch(68.98% 0.1168 193.70) 64.5%, oklch(71.15% 0.1213 188.75) 67.7%, oklch(72.97% 0.1252 181.28) 71.0%, oklch(74.50% 0.1286 171.77) 74.2%, oklch(75.80% 0.1316 160.75) 77.4%, oklch(76.87% 0.1343 148.77) 80.6%, oklch(77.77% 0.1366 136.37) 83.9%, oklch(78.52% 0.1387 124.10) 87.1%, oklch(79.16% 0.1405 112.50) 90.3%, oklch(79.71% 0.1420 102.11) 93.5%, oklch(80.22% 0.1434 93.47) 96.8%, oklch(80.71% 0.1447 87.13) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.134 | 0.01 | 297.4 |
| 2 | 0.378 | 0.056 | 198.1 |
| 3 | 0.705 | 0.12 | 190.7 |
| 4 | 0.807 | 0.145 | 87.1 |

## In these collections

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

## Other forms

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