# Stone, sky blue and sage color palette

The Stone, sky blue and sage color palette brings together off-white, light purple, light blue, blue, and green. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its light and open character suits invitation suites and ceremony stationery. Its darkest tone is blue, and its lightest tone is off-white.

- Also called: Pastel gray, lavender, blue and green linear swatches
- Seed: `kW8AvjZ5W-l4VO5Vmj4V58yA`
- Page: https://grabient.com/kW8AvjZ5W-l4VO5Vmj4V58yA?style=linearSwatches&steps=5&angle=45
- Drawn as: linear swatches, 5 steps, 45 degrees
- Kinds: pastel
- Hues: two-hue
- Contrast of its darkest and lightest colors: 2.4 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 | `#f1eaf3` | `oklch(94.49% 0.0152 319.22)` | Snow Plum | black, 17.7 to 1 |
| 2 | `#cdb9e1` | `oklch(81.50% 0.0593 307.59)` | Drifting Dream | black, 11.6 to 1 |
| 3 | `#9daad0` | `oklch(74.02% 0.0579 270.61)` | Tinted Lilac | black, 9 to 1 |
| 4 | `#7899c2` | `oklch(67.32% 0.0717 254.76)` | Blue Beauty | black, 7.1 to 1 |
| 5 | `#82a873` | `oklch(68.90% 0.0854 137.46)` | Garden of Eden | black, 7.7 to 1 |

## CSS

```css
background: linear-gradient(45deg, #f1eaf3 0.000% 20.000%, #cdb9e1 20.000% 40.000%, #9daad0 40.000% 60.000%, #7899c2 60.000% 80.000%, #82a873 80.000% 100.000%);
background: linear-gradient(45deg, oklch(94.49% 0.0152 319.22) 0.000% 20.000%, oklch(81.50% 0.0593 307.59) 20.000% 40.000%, oklch(74.02% 0.0579 270.61) 40.000% 60.000%, oklch(67.32% 0.0717 254.76) 60.000% 80.000%, oklch(68.90% 0.0854 137.46) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.945 | 0.015 | 319.2 |
| 2 | 0.815 | 0.059 | 307.6 |
| 3 | 0.74 | 0.058 | 270.6 |
| 4 | 0.673 | 0.072 | 254.8 |
| 5 | 0.689 | 0.085 | 137.5 |

## In these collections

- [Spring garden wedding](https://grabient.com/spring-garden-wedding)
- [Jacaranda first bloom](https://grabient.com/jacaranda-first-bloom)

## Other forms

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