# Ochre and crimson Day of the Dead

The Ochre and crimson Day of the Dead brings together gold, orange, magenta, and off-white. The colors span a moderate lightness range, combining strong color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is magenta, and its lightest tone is off-white.

- Also called: Orange, pink and white linear swatches
- Seed: `kUy4MzVsi9FHMOD3hr_g`
- Page: https://grabient.com/kUy4MzVsi9FHMOD3hr_g?style=linearSwatches&steps=4
- Drawn as: linear swatches, 4 steps, 90 degrees
- Kinds: dark center, vivid, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 3.1 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 | `#ffa814` | `oklch(79.92% 0.1680 71.72)` | Cloudy Carrot | black, 10.8 to 1 |
| 2 | `#f16b00` | `oklch(68.11% 0.1872 47.39)` | Royal Flycatcher Crest | black, 6.8 to 1 |
| 3 | `#dc4ab0` | `oklch(64.17% 0.2094 341.89)` | Orion | black, 5.6 to 1 |
| 4 | `#f5e7ef` | `oklch(94.09% 0.0179 341.89)` | Amour Frais | black, 17.5 to 1 |

## CSS

```css
background: linear-gradient(90deg, #ffa814 0.000% 25.000%, #f16b00 25.000% 50.000%, #dc4ab0 50.000% 75.000%, #f5e7ef 75.000% 100.000%);
background: linear-gradient(90deg, oklch(79.92% 0.1680 71.72) 0.000% 25.000%, oklch(68.11% 0.1872 47.39) 25.000% 50.000%, oklch(64.17% 0.2094 341.89) 50.000% 75.000%, oklch(94.09% 0.0179 341.89) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.799 | 0.181 | 71.7 |
| 2 | 0.681 | 0.2 | 47.4 |
| 3 | 0.642 | 0.209 | -18.1 |
| 4 | 0.941 | 0.018 | -18.1 |

## In these collections

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

## Other forms

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