# Five colors for festive remembrance

Night blue, turquoise, violet magenta, coral red, and marigold gold form five distinct bands. The dark opening supports a series of brighter paper and flower colors, creating an orderly festive rhythm. Use this Day of the Dead palette for celebration banners, illustrated community posters, or invitation designs with several contrasting accents.

- Also called: Navy, purple, red and orange linear swatches
- Seed: `kWSz6_VCc3cdD0NRRMTZzlHI`
- Page: https://grabient.com/kWSz6_VCc3cdD0NRRMTZzlHI?style=linearSwatches&steps=5&angle=180
- Drawn as: linear swatches, 5 steps, 180 degrees
- Kinds: vivid, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 7.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 | `#1b2857` | `oklch(29.53% 0.0854 268.59)` | Ultramarine Violet | white, 14 to 1 |
| 2 | `#1da7a9` | `oklch(66.14% 0.1075 196.73)` | Blue Bolero | black, 7.1 to 1 |
| 3 | `#b63b97` | `oklch(55.91% 0.1860 339.40)` | Fandango | white, 5.1 to 1 |
| 4 | `#e74e58` | `oklch(63.78% 0.1888 20.61)` | Highlighter Red | black, 5.6 to 1 |
| 5 | `#f3b62a` | `oklch(81.10% 0.1571 81.90)` | Sneezeweeds | black, 11.5 to 1 |

## CSS

```css
background: linear-gradient(180deg, #1b2857 0.000% 20.000%, #1da7a9 20.000% 40.000%, #b63b97 40.000% 60.000%, #e74e58 60.000% 80.000%, #f3b62a 80.000% 100.000%);
background: linear-gradient(180deg, oklch(29.53% 0.0854 268.59) 0.000% 20.000%, oklch(66.14% 0.1075 196.73) 20.000% 40.000%, oklch(55.91% 0.1860 339.40) 40.000% 60.000%, oklch(63.78% 0.1888 20.61) 60.000% 80.000%, oklch(81.10% 0.1571 81.90) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.295 | 0.085 | 268.6 |
| 2 | 0.661 | 0.107 | 196.7 |
| 3 | 0.559 | 0.186 | 339.4 |
| 4 | 0.638 | 0.189 | 380.6 |
| 5 | 0.811 | 0.157 | 441.9 |

## In these collections

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

## Other forms

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