# Turquoise and marigold against ink

Deep turquoise, bright aqua, marigold gold, and dark violet create a compact arrangement of four angular swatches. The gold stands apart from the cool colors, while the darkest wedge gives the brighter pair definition. Use this Day of the Dead palette for cut paper illustrations, remembrance posters, and festive editorial layouts.

- Also called: Rainbow from teal to dark purple angular swatches
- Seed: `kUejuXWik9GK3MwgGLBg`
- Page: https://grabient.com/kUejuXWik9GK3MwgGLBg?style=angularSwatches&steps=4&angle=315
- Drawn as: angular swatches, 4 steps, 315 degrees
- Kinds: light center, vivid, rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 7.8 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 | `#0a6979` | `oklch(48.03% 0.0813 212.34)` | Teal With It | white, 6.3 to 1 |
| 2 | `#2fb7ae` | `oklch(70.87% 0.1130 188.04)` | Message Green | black, 8.5 to 1 |
| 3 | `#e9a926` | `oklch(77.56% 0.1516 79.19)` | Apricot Glazed Chicken | black, 10.1 to 1 |
| 4 | `#2b183b` | `oklch(25.20% 0.0675 308.16)` | Blackcurrant | white, 16.2 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #0a6979 0.000% 25.000%, #2fb7ae 25.000% 50.000%, #e9a926 50.000% 75.000%, #2b183b 75.000% 100.000%);
background: conic-gradient(from 315deg, oklch(48.03% 0.0813 212.34) 0.000% 25.000%, oklch(70.87% 0.1130 188.04) 25.000% 50.000%, oklch(77.56% 0.1516 79.19) 50.000% 75.000%, oklch(25.20% 0.0675 308.16) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.48 | 0.081 | 212.3 |
| 2 | 0.709 | 0.113 | 188 |
| 3 | 0.776 | 0.152 | 79.2 |
| 4 | 0.252 | 0.068 | -51.8 |

## In these collections

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

## Other forms

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