# Champagne and near-black Day of the Dead

The Champagne and near-black Day of the Dead brings together pale orange, orange, magenta, and dark purple. The colors span a very broad lightness range, combining moderate color with high contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark purple, and its lightest tone is pale orange.

- Also called: Beige, orange, purple and black radial gradient
- Seed: `kU9Co-47Q9rGpNkUEroA`
- Page: https://grabient.com/kU9Co-47Q9rGpNkUEroA?style=radialGradient&steps=32
- Drawn as: radial gradient, 32 steps, 90 degrees
- Kinds: light to dark, warm, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 17.5 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 | `#fff1d0` | `oklch(96.06% 0.0460 87.91)` | Bird’s Child | black, 18.7 to 1 |
| 2 | `#ffedc5` | `oklch(95.14% 0.0553 87.08)` | Frosted Lemon | black, 18.2 to 1 |
| 3 | `#ffe9ba` | `oklch(94.08% 0.0659 86.36)` | Sun-Kissed Yellow | black, 17.6 to 1 |
| 4 | `#ffe4ac` | `oklch(92.86% 0.0779 85.63)` | Pale Peach | black, 16.9 to 1 |
| 5 | `#ffdf9d` | `oklch(91.49% 0.0900 84.77)` | Precious Nectar | black, 16.2 to 1 |
| 6 | `#fed98f` | `oklch(89.94% 0.1007 83.68)` | Egg Cream | black, 15.4 to 1 |
| 7 | `#fdd180` | `oklch(88.21% 0.1113 82.22)` | Bread and Butter | black, 14.6 to 1 |
| 8 | `#fbc970` | `oklch(86.29% 0.1213 80.29)` | Afternoon | black, 13.7 to 1 |
| 9 | `#fac061` | `oklch(84.16% 0.1302 77.76)` | Saffron Mango | black, 12.7 to 1 |
| 10 | `#f8b552` | `oklch(81.82% 0.1373 74.51)` | Mango Margarita | black, 11.7 to 1 |
| 11 | `#f5aa47` | `oklch(79.25% 0.1423 70.43)` | Artisans Gold | black, 10.6 to 1 |
| 12 | `#f09d3f` | `oklch(76.39% 0.1447 65.32)` | Amber Glow | black, 9.6 to 1 |
| 13 | `#ea8f3d` | `oklch(73.05% 0.1453 58.94)` | California | black, 8.4 to 1 |
| 14 | `#e17f3e` | `oklch(69.33% 0.1445 51.52)` | Tree Poppy | black, 7.3 to 1 |
| 15 | `#d66f42` | `oklch(65.32% 0.1424 43.31)` | Field Poppy | black, 6.2 to 1 |
| 16 | `#c96047` | `oklch(61.13% 0.1392 34.58)` | Emotional | black, 5.2 to 1 |
| 17 | `#b9524c` | `oklch(56.87% 0.1353 25.58)` | Blazer | white, 4.7 to 1 |
| 18 | `#a94550` | `oklch(52.63% 0.1308 16.56)` | Black Pudding | white, 5.7 to 1 |
| 19 | `#983b52` | `oklch(48.52% 0.1259 7.79)` | Algae Red | white, 6.8 to 1 |
| 20 | `#873252` | `oklch(44.65% 0.1209 359.51)` | Raspberry Radiance | white, 8 to 1 |
| 21 | `#772a51` | `oklch(41.10% 0.1161 351.98)` | Magenta Purple | white, 9.3 to 1 |
| 22 | `#69244f` | `oklch(37.97% 0.1114 345.39)` | Velvet Mauve | white, 10.6 to 1 |
| 23 | `#5c1f4c` | `oklch(35.02% 0.1061 339.18)` | Plum Caspia | white, 11.9 to 1 |
| 24 | `#4f1b49` | `oklch(32.18% 0.0999 333.16)` | Violet Carmine | white, 13.2 to 1 |
| 25 | `#441744` | `oklch(29.47% 0.0931 327.38)` | Velvet Cosmos | white, 14.4 to 1 |
| 26 | `#39143f` | `oklch(26.91% 0.0861 321.89)` | Purple Door | white, 15.6 to 1 |
| 27 | `#2f1139` | `oklch(24.52% 0.0789 316.75)` | Synallactida | white, 16.6 to 1 |
| 28 | `#260f33` | `oklch(22.31% 0.0719 311.99)` | Blacklist | white, 17.5 to 1 |
| 29 | `#1f0c2d` | `oklch(20.31% 0.0654 307.67)` | Midnight Monarch | white, 18.2 to 1 |
| 30 | `#190a28` | `oklch(18.54% 0.0596 303.84)` | Midnight Monarch | white, 18.8 to 1 |
| 31 | `#140823` | `oklch(17.01% 0.0547 300.54)` | Election Night | white, 19.2 to 1 |
| 32 | `#10071f` | `oklch(15.75% 0.0510 297.83)` | Election Night | white, 19.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #fff1d0 0.0%, #ffedc5 3.2%, #ffe9ba 6.5%, #ffe4ac 9.7%, #ffdf9d 12.9%, #fed98f 16.1%, #fdd180 19.4%, #fbc970 22.6%, #fac061 25.8%, #f8b552 29.0%, #f5aa47 32.3%, #f09d3f 35.5%, #ea8f3d 38.7%, #e17f3e 41.9%, #d66f42 45.2%, #c96047 48.4%, #b9524c 51.6%, #a94550 54.8%, #983b52 58.1%, #873252 61.3%, #772a51 64.5%, #69244f 67.7%, #5c1f4c 71.0%, #4f1b49 74.2%, #441744 77.4%, #39143f 80.6%, #2f1139 83.9%, #260f33 87.1%, #1f0c2d 90.3%, #190a28 93.5%, #140823 96.8%, #10071f 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(96.06% 0.0460 87.91) 0.0%, oklch(95.14% 0.0553 87.08) 3.2%, oklch(94.08% 0.0659 86.36) 6.5%, oklch(92.86% 0.0779 85.63) 9.7%, oklch(91.49% 0.0900 84.77) 12.9%, oklch(89.94% 0.1007 83.68) 16.1%, oklch(88.21% 0.1113 82.22) 19.4%, oklch(86.29% 0.1213 80.29) 22.6%, oklch(84.16% 0.1302 77.76) 25.8%, oklch(81.82% 0.1373 74.51) 29.0%, oklch(79.25% 0.1423 70.43) 32.3%, oklch(76.39% 0.1447 65.32) 35.5%, oklch(73.05% 0.1453 58.94) 38.7%, oklch(69.33% 0.1445 51.52) 41.9%, oklch(65.32% 0.1424 43.31) 45.2%, oklch(61.13% 0.1392 34.58) 48.4%, oklch(56.87% 0.1353 25.58) 51.6%, oklch(52.63% 0.1308 16.56) 54.8%, oklch(48.52% 0.1259 7.79) 58.1%, oklch(44.65% 0.1209 359.51) 61.3%, oklch(41.10% 0.1161 351.98) 64.5%, oklch(37.97% 0.1114 345.39) 67.7%, oklch(35.02% 0.1061 339.18) 71.0%, oklch(32.18% 0.0999 333.16) 74.2%, oklch(29.47% 0.0931 327.38) 77.4%, oklch(26.91% 0.0861 321.89) 80.6%, oklch(24.52% 0.0789 316.75) 83.9%, oklch(22.31% 0.0719 311.99) 87.1%, oklch(20.31% 0.0654 307.67) 90.3%, oklch(18.54% 0.0596 303.84) 93.5%, oklch(17.01% 0.0547 300.54) 96.8%, oklch(15.75% 0.0510 297.83) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.961 | 0.058 | 87.9 |
| 2 | 0.783 | 0.143 | 68.9 |
| 3 | 0.39 | 0.113 | -12.5 |
| 4 | 0.157 | 0.051 | -62.2 |

## In these collections

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

## Other forms

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