# Near-black and teal Day of the Dead

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

- Also called: Monochrome black to cyan radial gradient
- Seed: `kUIRacsbo_9VBvPqsz7A`
- Page: https://grabient.com/kUIRacsbo_9VBvPqsz7A?style=radialGradient&steps=32&angle=210
- Drawn as: radial gradient, 32 steps, 210 degrees
- Kinds: dark to light, vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 12.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 | `#00090e` | `oklch(13.04% 0.0240 221.18)` | Black Knight | white, 20 to 1 |
| 2 | `#000d12` | `oklch(14.51% 0.0266 220.99)` | Black Knight | white, 19.7 to 1 |
| 3 | `#001117` | `oklch(16.39% 0.0301 221.02)` | Black Glaze | white, 19.2 to 1 |
| 4 | `#00161e` | `oklch(18.60% 0.0342 221.22)` | Creeping Death | white, 18.5 to 1 |
| 5 | `#001c25` | `oklch(21.09% 0.0388 221.51)` | Creeping Death | white, 17.5 to 1 |
| 6 | `#00232d` | `oklch(23.79% 0.0439 221.80)` | Midnight Dreams | white, 16.3 to 1 |
| 7 | `#002b37` | `oklch(26.63% 0.0492 222.01)` | Black Chasm | white, 15 to 1 |
| 8 | `#003240` | `oklch(29.54% 0.0546 222.05)` | Nordic Noir | white, 13.6 to 1 |
| 9 | `#003a4a` | `oklch(32.47% 0.0599 221.87)` | Natural Indigo | white, 12.2 to 1 |
| 10 | `#004353` | `oklch(35.35% 0.0650 221.38)` | Crab Nebula | white, 10.9 to 1 |
| 11 | `#004b5c` | `oklch(38.10% 0.0696 220.51)` | Nocturnal Expedition | white, 9.7 to 1 |
| 12 | `#005365` | `oklch(40.75% 0.0738 219.16)` | Rainy Morning | white, 8.7 to 1 |
| 13 | `#005b6d` | `oklch(43.50% 0.0778 217.28)` | Brave New Teal | white, 7.7 to 1 |
| 14 | `#006475` | `oklch(46.33% 0.0818 214.96)` | Green Spool | white, 6.8 to 1 |
| 15 | `#006d7d` | `oklch(49.20% 0.0858 212.32)` | Coastal Jetty | white, 6 to 1 |
| 16 | `#007785` | `oklch(52.09% 0.0899 209.47)` | Biscay Bay | white, 5.2 to 1 |
| 17 | `#00808d` | `oklch(54.95% 0.0941 206.52)` | Briny | white, 4.6 to 1 |
| 18 | `#008a94` | `oklch(57.75% 0.0984 203.58)` | Zuni | black, 5 to 1 |
| 19 | `#00939a` | `oklch(60.45% 0.1028 200.77)` | Peacock Feather | black, 5.6 to 1 |
| 20 | `#009ca1` | `oklch(63.03% 0.1072 198.19)` | Island Dream | black, 6.3 to 1 |
| 21 | `#00a5a7` | `oklch(65.44% 0.1115 195.96)` | Wax Crayon Blue | black, 6.9 to 1 |
| 22 | `#00adac` | `oklch(67.65% 0.1156 194.17)` | Teal Me No Lies | black, 7.5 to 1 |
| 23 | `#00b5b2` | `oklch(69.78% 0.1196 192.64)` | Swagger | black, 8.2 to 1 |
| 24 | `#00bcb7` | `oklch(71.83% 0.1236 191.31)` | Jade Gravel | black, 8.8 to 1 |
| 25 | `#00c3bc` | `oklch(73.80% 0.1274 190.14)` | Cala Benirrás Blue | black, 9.5 to 1 |
| 26 | `#00cac1` | `oklch(75.67% 0.1311 189.12)` | Pristine Oceanic | black, 10.2 to 1 |
| 27 | `#00d0c6` | `oklch(77.43% 0.1345 188.24)` | Blue Martina | black, 10.8 to 1 |
| 28 | `#00d6ca` | `oklch(79.04% 0.1378 187.47)` | Turquoise Panic | black, 11.5 to 1 |
| 29 | `#00dcce` | `oklch(80.51% 0.1407 186.80)` | Mint Morning | black, 12.1 to 1 |
| 30 | `#00e1d2` | `oklch(81.81% 0.1434 186.21)` | Ice Climber | black, 12.6 to 1 |
| 31 | `#19e5d4` | `oklch(82.93% 0.1431 185.68)` | MoS₂ Cyan | black, 13.1 to 1 |
| 32 | `#2de7d6` | `oklch(83.86% 0.1406 185.21)` | First Timer Green | black, 13.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #00090e 0.0%, #000d12 3.2%, #001117 6.5%, #00161e 9.7%, #001c25 12.9%, #00232d 16.1%, #002b37 19.4%, #003240 22.6%, #003a4a 25.8%, #004353 29.0%, #004b5c 32.3%, #005365 35.5%, #005b6d 38.7%, #006475 41.9%, #006d7d 45.2%, #007785 48.4%, #00808d 51.6%, #008a94 54.8%, #00939a 58.1%, #009ca1 61.3%, #00a5a7 64.5%, #00adac 67.7%, #00b5b2 71.0%, #00bcb7 74.2%, #00c3bc 77.4%, #00cac1 80.6%, #00d0c6 83.9%, #00d6ca 87.1%, #00dcce 90.3%, #00e1d2 93.5%, #19e5d4 96.8%, #2de7d6 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(13.04% 0.0240 221.18) 0.0%, oklch(14.51% 0.0266 220.99) 3.2%, oklch(16.39% 0.0301 221.02) 6.5%, oklch(18.60% 0.0342 221.22) 9.7%, oklch(21.09% 0.0388 221.51) 12.9%, oklch(23.79% 0.0439 221.80) 16.1%, oklch(26.63% 0.0492 222.01) 19.4%, oklch(29.54% 0.0546 222.05) 22.6%, oklch(32.47% 0.0599 221.87) 25.8%, oklch(35.35% 0.0650 221.38) 29.0%, oklch(38.10% 0.0696 220.51) 32.3%, oklch(40.75% 0.0738 219.16) 35.5%, oklch(43.50% 0.0778 217.28) 38.7%, oklch(46.33% 0.0818 214.96) 41.9%, oklch(49.20% 0.0858 212.32) 45.2%, oklch(52.09% 0.0899 209.47) 48.4%, oklch(54.95% 0.0941 206.52) 51.6%, oklch(57.75% 0.0984 203.58) 54.8%, oklch(60.45% 0.1028 200.77) 58.1%, oklch(63.03% 0.1072 198.19) 61.3%, oklch(65.44% 0.1115 195.96) 64.5%, oklch(67.65% 0.1156 194.17) 67.7%, oklch(69.78% 0.1196 192.64) 71.0%, oklch(71.83% 0.1236 191.31) 74.2%, oklch(73.80% 0.1274 190.14) 77.4%, oklch(75.67% 0.1311 189.12) 80.6%, oklch(77.43% 0.1345 188.24) 83.9%, oklch(79.04% 0.1378 187.47) 87.1%, oklch(80.51% 0.1407 186.80) 90.3%, oklch(81.81% 0.1434 186.21) 93.5%, oklch(82.93% 0.1431 185.68) 96.8%, oklch(83.86% 0.1406 185.21) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.13 | 0.03 | 220.1 |
| 2 | 0.39 | 0.16 | 220.1 |
| 3 | 0.669 | 0.181 | 194.7 |
| 4 | 0.839 | 0.141 | 185.2 |

## In these collections

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

## Other forms

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