# Altar blue and candle cream

Deep navy, muted blue turquoise, bone cream, and marigold gold form four angular wedges. The pale cream separates the cool blues from the warm gold, giving the palette a measured contrast of night and candlelight. These Day of the Dead colors suit memorial invitations, evening event posters, and illustrated altar scenes.

- Also called: Navy, beige and orange angular swatches
- Seed: `kUWEK3SyA83YMLphtj8g`
- Page: https://grabient.com/kUWEK3SyA83YMLphtj8g?style=angularSwatches&steps=4&angle=135
- Drawn as: angular swatches, 4 steps, 135 degrees
- Kinds: light center, pastel
- Hues: complementary
- Contrast of its darkest and lightest colors: 9.3 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 | `#173968` | `oklch(34.65% 0.0909 257.34)` | Lost in Space | white, 11.5 to 1 |
| 2 | `#3e87a8` | `oklch(59.06% 0.0882 230.92)` | Underwater Moonlight | black, 5.2 to 1 |
| 3 | `#f2e6cf` | `oklch(92.91% 0.0331 84.04)` | French Creme | black, 17 to 1 |
| 4 | `#e7a62a` | `oklch(76.77% 0.1488 77.70)` | Mustard Glaze | black, 9.8 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #173968 0.000% 25.000%, #3e87a8 25.000% 50.000%, #f2e6cf 50.000% 75.000%, #e7a62a 75.000% 100.000%);
background: conic-gradient(from 135deg, oklch(34.65% 0.0909 257.34) 0.000% 25.000%, oklch(59.06% 0.0882 230.92) 25.000% 50.000%, oklch(92.91% 0.0331 84.04) 50.000% 75.000%, oklch(76.77% 0.1488 77.70) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.346 | 0.091 | 257.3 |
| 2 | 0.591 | 0.088 | 230.9 |
| 3 | 0.929 | 0.033 | 84 |
| 4 | 0.768 | 0.149 | 77.7 |

## In these collections

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

## Other forms

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