# Mauve and champagne Day of the Dead

The Mauve and champagne Day of the Dead brings together dark gray, magenta, orange, gold, and pale orange. 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 pale orange.

- Also called: Black, purple, orange and beige linear swatches
- Seed: `kYOwz6J6G_b84wRfNMgaLbCXYNQE`
- Page: https://grabient.com/kYOwz6J6G_b84wRfNMgaLbCXYNQE?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: dark to light, vivid, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 13.7 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 | `#241a1e` | `oklch(23.23% 0.0165 351.56)` | Kurobeni | white, 16.8 to 1 |
| 2 | `#501839` | `oklch(31.10% 0.0923 347.34)` | Tulip Poplar Purple | white, 13.6 to 1 |
| 3 | `#a23164` | `oklch(49.61% 0.1557 356.85)` | Parlour Red | white, 6.6 to 1 |
| 4 | `#eb9839` | `oklch(74.80% 0.1447 65.54)` | Roasted Chestnut | black, 9 to 1 |
| 5 | `#f1bd3b` | `oklch(82.28% 0.1502 85.61)` | Golden Mary | black, 12 to 1 |
| 6 | `#f1e7cd` | `oklch(92.91% 0.0358 88.78)` | Wax Poetic | black, 17 to 1 |

## CSS

```css
background: linear-gradient(90deg, #241a1e 0.000% 16.667%, #501839 16.667% 33.333%, #a23164 33.333% 50.000%, #eb9839 50.000% 66.667%, #f1bd3b 66.667% 83.333%, #f1e7cd 83.333% 100.000%);
background: linear-gradient(90deg, oklch(23.23% 0.0165 351.56) 0.000% 16.667%, oklch(31.10% 0.0923 347.34) 16.667% 33.333%, oklch(49.61% 0.1557 356.85) 33.333% 50.000%, oklch(74.80% 0.1447 65.54) 50.000% 66.667%, oklch(82.28% 0.1502 85.61) 66.667% 83.333%, oklch(92.91% 0.0358 88.78) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.232 | 0.017 | 351.6 |
| 2 | 0.311 | 0.092 | 347.3 |
| 3 | 0.496 | 0.156 | 356.8 |
| 4 | 0.748 | 0.145 | 425.5 |
| 5 | 0.823 | 0.15 | 445.6 |
| 6 | 0.929 | 0.036 | 448.8 |

## In these collections

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

## Other forms

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