# Day of the Dead: ochre, cobalt blue

The "Day of the Dead: ochre, cobalt blue" palette brings together gold, teal, purple, and off-white. The colors span a moderate lightness range, combining strong color with clear contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is purple, and its lightest tone is off-white.

- Also called: Orange, teal, purple and gray angular swatches
- Seed: `kUyYMyXjbOMjIzT4hT_g`
- Page: https://grabient.com/kUyYMyXjbOMjIzT4hT_g?style=angularSwatches&steps=4&angle=225
- Drawn as: angular swatches, 4 steps, 225 degrees
- Kinds: dark center, vivid
- Hues: multi-hue
- Contrast of its darkest and lightest colors: 4.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 | `#ffa400` | `oklch(79.13% 0.1711 70.30)` | Yamabuki Gold | black, 10.5 to 1 |
| 2 | `#00c4be` | `oklch(74.02% 0.1275 190.78)` | Cala Benirrás Blue | black, 9.6 to 1 |
| 3 | `#904fd6` | `oklch(57.09% 0.1998 302.80)` | Morado Purple | white, 4.8 to 1 |
| 4 | `#f0ecf6` | `oklch(94.88% 0.0138 302.80)` | Silver Phoenix | black, 18 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #ffa400 0.000% 25.000%, #00c4be 25.000% 50.000%, #904fd6 50.000% 75.000%, #f0ecf6 75.000% 100.000%);
background: conic-gradient(from 225deg, oklch(79.13% 0.1711 70.30) 0.000% 25.000%, oklch(74.02% 0.1275 190.78) 25.000% 50.000%, oklch(57.09% 0.1998 302.80) 50.000% 75.000%, oklch(94.88% 0.0138 302.80) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.791 | 0.181 | 70.3 |
| 2 | 0.74 | 0.15 | 190.8 |
| 3 | 0.571 | 0.2 | 302.8 |
| 4 | 0.949 | 0.014 | 302.8 |

## In these collections

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

## Other forms

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