# Ochre, blush and pale blue spring palette

The Ochre, blush and pale blue spring palette brings together gold, light red, light blue, and off-white. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its light and open character suits seasonal campaigns and event graphics. Its darkest tone is light red, and its lightest tone is off-white.

- Also called: Triadic tan, pink, light blue and gray angular swatches
- Seed: `kWymJD7J--lqfNZjEDJdIU-w`
- Page: https://grabient.com/kWymJD7J--lqfNZjEDJdIU-w?style=angularSwatches&steps=5&angle=225
- Drawn as: angular swatches, 5 steps, 225 degrees
- Kinds: pastel, light, multicolor
- Hues: analogous
- Contrast of its darkest and lightest colors: 2 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 | `#d8bb48` | `oklch(79.53% 0.1350 94.92)` | Buried Gold | black, 11 to 1 |
| 2 | `#ebcb8d` | `oklch(85.43% 0.0868 83.30)` | Honeysuckle Beige | black, 13.4 to 1 |
| 3 | `#ce8ca4` | `oklch(71.26% 0.0854 355.59)` | Kiss | black, 7.9 to 1 |
| 4 | `#9fbcd1` | `oklch(77.95% 0.0441 240.40)` | Bush Viper | black, 10.5 to 1 |
| 5 | `#dbe6eb` | `oklch(91.73% 0.0138 230.89)` | Snowcap | black, 16.4 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #d8bb48 0.000% 20.000%, #ebcb8d 20.000% 40.000%, #ce8ca4 40.000% 60.000%, #9fbcd1 60.000% 80.000%, #dbe6eb 80.000% 100.000%);
background: conic-gradient(from 225deg, oklch(79.53% 0.1350 94.92) 0.000% 20.000%, oklch(85.43% 0.0868 83.30) 20.000% 40.000%, oklch(71.26% 0.0854 355.59) 40.000% 60.000%, oklch(77.95% 0.0441 240.40) 60.000% 80.000%, oklch(91.73% 0.0138 230.89) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.795 | 0.135 | 94.9 |
| 2 | 0.854 | 0.087 | 83.3 |
| 3 | 0.713 | 0.085 | -4.4 |
| 4 | 0.78 | 0.044 | -119.6 |
| 5 | 0.917 | 0.014 | -129.1 |

## In these collections

- [Spring swatches](https://grabient.com/spring-swatches)

## Other forms

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