# Off-white, stone and sage green palette

The Off-white, stone and sage green palette brings together off-white, pale green, light green, and green. The colors span a moderate lightness range, combining restrained color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is green, and its lightest tone is off-white.

- Also called: White, gray and green linear swatches
- Seed: `kW8ARbcg7BWaPv9bD7_1htAQ`
- Page: https://grabient.com/kW8ARbcg7BWaPv9bD7_1htAQ?style=linearSwatches&steps=13
- Drawn as: linear swatches, 13 steps, 90 degrees
- Kinds: neutral, light
- Hues: monochromatic
- 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 | `#ecedea` | `oklch(94.49% 0.0055 127.97)` | Snow Storm | black, 17.8 to 1 |
| 2 | `#e5ece1` | `oklch(93.42% 0.0156 131.45)` | Calm Thoughts | black, 17.3 to 1 |
| 3 | `#dbe9d6` | `oklch(91.83% 0.0295 136.23)` | Little Sprout | black, 16.6 to 1 |
| 4 | `#d0e4cb` | `oklch(89.76% 0.0400 139.59)` | Lime Flip | black, 15.6 to 1 |
| 5 | `#c6dcc1` | `oklch(87.07% 0.0433 140.14)` | Bethany | black, 14.4 to 1 |
| 6 | `#bcd1b7` | `oklch(83.89% 0.0432 139.28)` | Eucalyptus Leaf | black, 12.9 to 1 |
| 7 | `#b3c7ad` | `oklch(80.71% 0.0427 138.54)` | Zanah | black, 11.6 to 1 |
| 8 | `#a9bda3` | `oklch(77.50% 0.0417 138.34)` | Pale Sage | black, 10.4 to 1 |
| 9 | `#9fb29a` | `oklch(74.29% 0.0405 138.26)` | Copper Patina | black, 9.3 to 1 |
| 10 | `#97aa91` | `oklch(71.65% 0.0427 138.54)` | Green Amazons | black, 8.4 to 1 |
| 11 | `#8da687` | `oklch(69.82% 0.0521 139.48)` | Mermaid’s Cove | black, 7.9 to 1 |
| 12 | `#84a47f` | `oklch(68.55% 0.0650 140.77)` | Rivergrass | black, 7.6 to 1 |
| 13 | `#7ea379` | `oklch(67.72% 0.0744 141.71)` | Rivergrass | black, 7.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #ecedea 0.000% 7.692%, #e5ece1 7.692% 15.385%, #dbe9d6 15.385% 23.077%, #d0e4cb 23.077% 30.769%, #c6dcc1 30.769% 38.462%, #bcd1b7 38.462% 46.154%, #b3c7ad 46.154% 53.846%, #a9bda3 53.846% 61.538%, #9fb29a 61.538% 69.231%, #97aa91 69.231% 76.923%, #8da687 76.923% 84.615%, #84a47f 84.615% 92.308%, #7ea379 92.308% 100.000%);
background: linear-gradient(90deg, oklch(94.49% 0.0055 127.97) 0.000% 7.692%, oklch(93.42% 0.0156 131.45) 7.692% 15.385%, oklch(91.83% 0.0295 136.23) 15.385% 23.077%, oklch(89.76% 0.0400 139.59) 23.077% 30.769%, oklch(87.07% 0.0433 140.14) 30.769% 38.462%, oklch(83.89% 0.0432 139.28) 38.462% 46.154%, oklch(80.71% 0.0427 138.54) 46.154% 53.846%, oklch(77.50% 0.0417 138.34) 53.846% 61.538%, oklch(74.29% 0.0405 138.26) 61.538% 69.231%, oklch(71.65% 0.0427 138.54) 69.231% 76.923%, oklch(69.82% 0.0521 139.48) 76.923% 84.615%, oklch(68.55% 0.0650 140.77) 84.615% 92.308%, oklch(67.72% 0.0744 141.71) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.945 | 0.006 | 128 |
| 2 | 0.898 | 0.04 | 139.6 |
| 3 | 0.807 | 0.043 | 138.5 |
| 4 | 0.717 | 0.043 | 138.5 |
| 5 | 0.677 | 0.074 | 141.7 |

## In these collections

- [Green gradients](https://grabient.com/green-gradients)

## Other forms

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