# Stone and sage green palette

The Stone and sage green palette brings together pale green and green. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is green, and its lightest tone is pale green.

- Also called: Monochrome gray to green linear gradient
- Seed: `kS5RlnWSDAjaoQI`
- Page: https://grabient.com/kS5RlnWSDAjaoQI?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: light to dark, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 5.8 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 | `#d1e5d1` | `oklch(90.16% 0.0344 144.84)` | Herbal Mist | black, 15.8 to 1 |
| 2 | `#cee3ce` | `oklch(89.44% 0.0365 145.04)` | Lime Flip | black, 15.5 to 1 |
| 3 | `#cae1ca` | `oklch(88.60% 0.0391 145.27)` | Wishful Green | black, 15.1 to 1 |
| 4 | `#c6dec6` | `oklch(87.64% 0.0422 145.53)` | Mint Intermezzo | black, 14.6 to 1 |
| 5 | `#c1dbc1` | `oklch(86.58% 0.0456 145.83)` | Green Grapes | black, 14.2 to 1 |
| 6 | `#bbd8bc` | `oklch(85.42% 0.0494 146.16)` | Lamina | black, 13.7 to 1 |
| 7 | `#b5d5b7` | `oklch(84.17% 0.0534 146.50)` | Enchanted Meadow | black, 13.1 to 1 |
| 8 | `#afd2b1` | `oklch(82.85% 0.0575 146.87)` | Coral Springs | black, 12.6 to 1 |
| 9 | `#a9ceac` | `oklch(81.46% 0.0618 147.25)` | Mint Circle | black, 12 to 1 |
| 10 | `#a2caa6` | `oklch(80.02% 0.0661 147.64)` | Potted Plant | black, 11.5 to 1 |
| 11 | `#9bc6a0` | `oklch(78.54% 0.0703 148.04)` | French Market | black, 10.9 to 1 |
| 12 | `#94c29a` | `oklch(77.03% 0.0744 148.44)` | Delltone | black, 10.4 to 1 |
| 13 | `#8dbe94` | `oklch(75.49% 0.0784 148.83)` | Garden Swing | black, 9.9 to 1 |
| 14 | `#86ba8f` | `oklch(73.94% 0.0820 149.22)` | Oilcloth Green | black, 9.3 to 1 |
| 15 | `#7fb589` | `oklch(72.39% 0.0854 149.59)` | Tree Fern | black, 8.8 to 1 |
| 16 | `#78b184` | `oklch(70.84% 0.0883 149.95)` | Frosted Emerald | black, 8.4 to 1 |
| 17 | `#72ac7f` | `oklch(69.30% 0.0908 150.30)` | Morning Forest | black, 7.9 to 1 |
| 18 | `#6ba879` | `oklch(67.61% 0.0930 150.66)` | Primavera | black, 7.4 to 1 |
| 19 | `#64a274` | `oklch(65.80% 0.0951 151.04)` | Growth | black, 6.9 to 1 |
| 20 | `#5d9d6e` | `oklch(63.89% 0.0970 151.42)` | Treelet | black, 6.4 to 1 |
| 21 | `#559768` | `oklch(61.90% 0.0987 151.82)` | Endless | black, 6 to 1 |
| 22 | `#4d9162` | `oklch(59.86% 0.1003 152.22)` | Illuminati Green | black, 5.5 to 1 |
| 23 | `#458b5c` | `oklch(57.80% 0.1017 152.61)` | Middle Green | black, 5 to 1 |
| 24 | `#3d8556` | `oklch(55.75% 0.1030 153.00)` | Kilkenny | black, 4.6 to 1 |
| 25 | `#357f51` | `oklch(53.73% 0.1042 153.38)` | Kākāriki Green | white, 4.8 to 1 |
| 26 | `#2d7a4b` | `oklch(51.78% 0.1053 153.75)` | Canadian Pine | white, 5.2 to 1 |
| 27 | `#257446` | `oklch(49.92% 0.1063 154.10)` | Felt | white, 5.7 to 1 |
| 28 | `#1c6f42` | `oklch(48.17% 0.1072 154.42)` | Diisha Green | white, 6.1 to 1 |
| 29 | `#136b3d` | `oklch(46.57% 0.1081 154.72)` | Cadmium Green | white, 6.5 to 1 |
| 30 | `#07673a` | `oklch(45.14% 0.1088 154.99)` | Frog Green | white, 7 to 1 |
| 31 | `#006337` | `oklch(43.92% 0.1082 155.19)` | Ficus Elastica | white, 7.3 to 1 |
| 32 | `#006035` | `oklch(42.92% 0.1053 155.38)` | Spruce | white, 7.7 to 1 |

## CSS

```css
background: linear-gradient(180deg, #d1e5d1 0.0%, #cee3ce 3.2%, #cae1ca 6.5%, #c6dec6 9.7%, #c1dbc1 12.9%, #bbd8bc 16.1%, #b5d5b7 19.4%, #afd2b1 22.6%, #a9ceac 25.8%, #a2caa6 29.0%, #9bc6a0 32.3%, #94c29a 35.5%, #8dbe94 38.7%, #86ba8f 41.9%, #7fb589 45.2%, #78b184 48.4%, #72ac7f 51.6%, #6ba879 54.8%, #64a274 58.1%, #5d9d6e 61.3%, #559768 64.5%, #4d9162 67.7%, #458b5c 71.0%, #3d8556 74.2%, #357f51 77.4%, #2d7a4b 80.6%, #257446 83.9%, #1c6f42 87.1%, #136b3d 90.3%, #07673a 93.5%, #006337 96.8%, #006035 100.0%);
background: linear-gradient(180deg in oklch, oklch(90.16% 0.0344 144.84) 0.0%, oklch(89.44% 0.0365 145.04) 3.2%, oklch(88.60% 0.0391 145.27) 6.5%, oklch(87.64% 0.0422 145.53) 9.7%, oklch(86.58% 0.0456 145.83) 12.9%, oklch(85.42% 0.0494 146.16) 16.1%, oklch(84.17% 0.0534 146.50) 19.4%, oklch(82.85% 0.0575 146.87) 22.6%, oklch(81.46% 0.0618 147.25) 25.8%, oklch(80.02% 0.0661 147.64) 29.0%, oklch(78.54% 0.0703 148.04) 32.3%, oklch(77.03% 0.0744 148.44) 35.5%, oklch(75.49% 0.0784 148.83) 38.7%, oklch(73.94% 0.0820 149.22) 41.9%, oklch(72.39% 0.0854 149.59) 45.2%, oklch(70.84% 0.0883 149.95) 48.4%, oklch(69.30% 0.0908 150.30) 51.6%, oklch(67.61% 0.0930 150.66) 54.8%, oklch(65.80% 0.0951 151.04) 58.1%, oklch(63.89% 0.0970 151.42) 61.3%, oklch(61.90% 0.0987 151.82) 64.5%, oklch(59.86% 0.1003 152.22) 67.7%, oklch(57.80% 0.1017 152.61) 71.0%, oklch(55.75% 0.1030 153.00) 74.2%, oklch(53.73% 0.1042 153.38) 77.4%, oklch(51.78% 0.1053 153.75) 80.6%, oklch(49.92% 0.1063 154.10) 83.9%, oklch(48.17% 0.1072 154.42) 87.1%, oklch(46.57% 0.1081 154.72) 90.3%, oklch(45.14% 0.1088 154.99) 93.5%, oklch(43.92% 0.1082 155.19) 96.8%, oklch(42.92% 0.1053 155.38) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.902 | 0.034 | 144.8 |
| 2 | 0.701 | 0.09 | 150.1 |
| 3 | 0.429 | 0.11 | 155.4 |

## In these collections

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

## Other forms

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