# Day of the Dead: violet, sky blue

The "Day of the Dead: violet, sky blue" palette brings together purple, teal, magenta, and off-white. The colors span a moderate lightness range, combining strong color with clear contrast. Its light and open character suits travel posters and environmental mood boards. Its darkest tone is purple, and its lightest tone is off-white.

- Also called: Purple, teal, pink and white angular swatches
- Seed: `kUk5HV3jaytRQUj6BL_g`
- Page: https://grabient.com/kUk5HV3jaytRQUj6BL_g?style=angularSwatches&steps=4&angle=135
- Drawn as: angular swatches, 4 steps, 135 degrees
- Kinds: vivid, multicolor
- Hues: wide
- 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 | `#8f54dc` | `oklch(57.87% 0.1998 300.23)` | Gloomy Purple | white, 4.7 to 1 |
| 2 | `#00c4ba` | `oklch(74.02% 0.1286 188.22)` | Swimmers Pool | black, 9.6 to 1 |
| 3 | `#e74ab6` | `oklch(66.14% 0.2205 342.50)` | Pink Bite | black, 6 to 1 |
| 4 | `#f8eff4` | `oklch(96.06% 0.0124 342.50)` | Sentimental Pink | black, 18.6 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #8f54dc 0.000% 25.000%, #00c4ba 25.000% 50.000%, #e74ab6 50.000% 75.000%, #f8eff4 75.000% 100.000%);
background: conic-gradient(from 135deg, oklch(57.87% 0.1998 300.23) 0.000% 25.000%, oklch(74.02% 0.1286 188.22) 25.000% 50.000%, oklch(66.14% 0.2205 342.50) 50.000% 75.000%, oklch(96.06% 0.0124 342.50) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.579 | 0.2 | 300.2 |
| 2 | 0.74 | 0.15 | 188.2 |
| 3 | 0.661 | 0.22 | 342.5 |
| 4 | 0.961 | 0.012 | 342.5 |

## In these collections

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

## Other forms

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