# Stone, peach and sage color palette

The Stone, peach and sage color palette brings together light green, blue, light orange, red, and light teal. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is light green.

- Also called: Light blue, blue and beige linear swatches
- Seed: `kW2Rl-zaBJGyQVPTnrvXxHSI`
- Page: https://grabient.com/kW2Rl-zaBJGyQVPTnrvXxHSI?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 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 | `#b8d7cf` | `oklch(85.43% 0.0344 177.89)` | High Point | black, 13.6 to 1 |
| 2 | `#5e86b8` | `oklch(61.02% 0.0882 255.03)` | Marine Ink | black, 5.5 to 1 |
| 3 | `#e1cbb0` | `oklch(85.43% 0.0441 72.57)` | Macadamia | black, 13.4 to 1 |
| 4 | `#be7f6c` | `oklch(65.75% 0.0841 37.69)` | Kitchen Terra Cotta | black, 6.4 to 1 |
| 5 | `#8ab8b5` | `oklch(74.80% 0.0482 191.98)` | Vintage Blue | black, 9.5 to 1 |

## CSS

```css
background: linear-gradient(90deg, #b8d7cf 0.000% 20.000%, #5e86b8 20.000% 40.000%, #e1cbb0 40.000% 60.000%, #be7f6c 60.000% 80.000%, #8ab8b5 80.000% 100.000%);
background: linear-gradient(90deg, oklch(85.43% 0.0344 177.89) 0.000% 20.000%, oklch(61.02% 0.0882 255.03) 20.000% 40.000%, oklch(85.43% 0.0441 72.57) 40.000% 60.000%, oklch(65.75% 0.0841 37.69) 60.000% 80.000%, oklch(74.80% 0.0482 191.98) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.854 | 0.034 | 177.9 |
| 2 | 0.61 | 0.088 | 255 |
| 3 | 0.854 | 0.044 | 432.6 |
| 4 | 0.657 | 0.084 | 397.7 |
| 5 | 0.748 | 0.048 | 552 |

## In these collections

- [Sun bleached pool tiles](https://grabient.com/sun-bleached-pool-tiles)
- [Calm swatches](https://grabient.com/calm-swatches)
- [Soft swatches](https://grabient.com/soft-swatches)
- [Dusty swatches](https://grabient.com/dusty-swatches)

## Other forms

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