# Stone sage palette

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

- Also called: Gray angular gradient
- Seed: `kWcxeFWAq-PCFvDbi8Avg3BY`
- Page: https://grabient.com/kWcxeFWAq-PCFvDbi8Avg3BY?style=angularGradient&steps=32&angle=225
- Drawn as: angular gradient, 32 steps, 225 degrees
- Kinds: light center, neutral
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 5.1 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 | `#425c59` | `oklch(45.28% 0.0317 187.03)` | Rosemary | white, 7.2 to 1 |
| 2 | `#47615e` | `oklch(47.23% 0.0316 185.97)` | Vert Pierre | white, 6.6 to 1 |
| 3 | `#4f6965` | `oklch(49.88% 0.0314 184.68)` | Rookwood Sash Green | white, 5.9 to 1 |
| 4 | `#58726e` | `oklch(53.04% 0.0313 183.16)` | Evening Emerald | white, 5.1 to 1 |
| 5 | `#627c77` | `oklch(56.52% 0.0311 181.38)` | Salal Leaves | black, 4.6 to 1 |
| 6 | `#6d8781` | `oklch(60.14% 0.0308 179.34)` | Marsh Creek | black, 5.4 to 1 |
| 7 | `#78928b` | `oklch(63.71% 0.0304 177.01)` | Longmeadow | black, 6.2 to 1 |
| 8 | `#839c94` | `oklch(67.05% 0.0297 174.40)` | Sutherland | black, 7.1 to 1 |
| 9 | `#8da59c` | `oklch(70.00% 0.0286 171.45)` | Morning Blue | black, 7.9 to 1 |
| 10 | `#98aea4` | `oklch(73.06% 0.0270 167.71)` | Tower Grey | black, 8.9 to 1 |
| 11 | `#a5b7ae` | `oklch(76.31% 0.0248 163.26)` | Smokey Slate | black, 9.9 to 1 |
| 12 | `#b1c1b7` | `oklch(79.54% 0.0224 158.41)` | April Thicket | black, 11.1 to 1 |
| 13 | `#bdcac0` | `oklch(82.57% 0.0199 153.50)` | Mountain Falls | black, 12.3 to 1 |
| 14 | `#c7d2c8` | `oklch(85.18% 0.0177 148.85)` | Milky Green | black, 13.4 to 1 |
| 15 | `#cfd8ce` | `oklch(87.18% 0.0161 144.80)` | Wind Fresh White | black, 14.3 to 1 |
| 16 | `#d3dbd2` | `oklch(88.36% 0.0152 141.66)` | Light Silver Grass | black, 14.8 to 1 |
| 17 | `#d4dcd2` | `oklch(88.54% 0.0154 139.70)` | Mountain Morn | black, 14.9 to 1 |
| 18 | `#d1d9cf` | `oklch(87.74% 0.0166 138.66)` | Grape Oil Green | black, 14.5 to 1 |
| 19 | `#ccd5c9` | `oklch(86.14% 0.0186 138.34)` | Falling Star | black, 13.8 to 1 |
| 20 | `#c4cec1` | `oklch(83.92% 0.0212 138.60)` | Gentle Calm | black, 12.9 to 1 |
| 21 | `#bac6b7` | `oklch(81.28% 0.0240 139.29)` | Komorebi | black, 11.8 to 1 |
| 22 | `#b0bdad` | `oklch(78.41% 0.0268 140.25)` | Cottage Charm | black, 10.7 to 1 |
| 23 | `#a6b4a3` | `oklch(75.48% 0.0293 141.34)` | Frosty Green | black, 9.7 to 1 |
| 24 | `#9cac9a` | `oklch(72.70% 0.0313 142.40)` | Garden | black, 8.7 to 1 |
| 25 | `#93a492` | `oklch(69.97% 0.0327 143.51)` | Heavenly Garden | black, 7.9 to 1 |
| 26 | `#889a88` | `oklch(66.80% 0.0338 145.05)` | Green Clay | black, 7 to 1 |
| 27 | `#7d907e` | `oklch(63.36% 0.0347 146.88)` | Cyanara | black, 6.1 to 1 |
| 28 | `#728674` | `oklch(59.84% 0.0354 148.87)` | Xanadu | black, 5.3 to 1 |
| 29 | `#677c6b` | `oklch(56.43% 0.0360 150.86)` | Cricket Green | black, 4.6 to 1 |
| 30 | `#5d7363` | `oklch(53.33% 0.0364 152.70)` | Hilltop | white, 5.1 to 1 |
| 31 | `#556c5c` | `oklch(50.73% 0.0368 154.24)` | Picholine | white, 5.7 to 1 |
| 32 | `#4f6657` | `oklch(48.82% 0.0372 155.33)` | Jungle Camouflage | white, 6.1 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #425c59 0.0%, #47615e 3.2%, #4f6965 6.5%, #58726e 9.7%, #627c77 12.9%, #6d8781 16.1%, #78928b 19.4%, #839c94 22.6%, #8da59c 25.8%, #98aea4 29.0%, #a5b7ae 32.3%, #b1c1b7 35.5%, #bdcac0 38.7%, #c7d2c8 41.9%, #cfd8ce 45.2%, #d3dbd2 48.4%, #d4dcd2 51.6%, #d1d9cf 54.8%, #ccd5c9 58.1%, #c4cec1 61.3%, #bac6b7 64.5%, #b0bdad 67.7%, #a6b4a3 71.0%, #9cac9a 74.2%, #93a492 77.4%, #889a88 80.6%, #7d907e 83.9%, #728674 87.1%, #677c6b 90.3%, #5d7363 93.5%, #556c5c 96.8%, #4f6657 100.0%);
background: conic-gradient(from 225deg in oklch, oklch(45.28% 0.0317 187.03) 0.0%, oklch(47.23% 0.0316 185.97) 3.2%, oklch(49.88% 0.0314 184.68) 6.5%, oklch(53.04% 0.0313 183.16) 9.7%, oklch(56.52% 0.0311 181.38) 12.9%, oklch(60.14% 0.0308 179.34) 16.1%, oklch(63.71% 0.0304 177.01) 19.4%, oklch(67.05% 0.0297 174.40) 22.6%, oklch(70.00% 0.0286 171.45) 25.8%, oklch(73.06% 0.0270 167.71) 29.0%, oklch(76.31% 0.0248 163.26) 32.3%, oklch(79.54% 0.0224 158.41) 35.5%, oklch(82.57% 0.0199 153.50) 38.7%, oklch(85.18% 0.0177 148.85) 41.9%, oklch(87.18% 0.0161 144.80) 45.2%, oklch(88.36% 0.0152 141.66) 48.4%, oklch(88.54% 0.0154 139.70) 51.6%, oklch(87.74% 0.0166 138.66) 54.8%, oklch(86.14% 0.0186 138.34) 58.1%, oklch(83.92% 0.0212 138.60) 61.3%, oklch(81.28% 0.0240 139.29) 64.5%, oklch(78.41% 0.0268 140.25) 67.7%, oklch(75.48% 0.0293 141.34) 71.0%, oklch(72.70% 0.0313 142.40) 74.2%, oklch(69.97% 0.0327 143.51) 77.4%, oklch(66.80% 0.0338 145.05) 80.6%, oklch(63.36% 0.0347 146.88) 83.9%, oklch(59.84% 0.0354 148.87) 87.1%, oklch(56.43% 0.0360 150.86) 90.3%, oklch(53.33% 0.0364 152.70) 93.5%, oklch(50.73% 0.0368 154.24) 96.8%, oklch(48.82% 0.0372 155.33) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.453 | 0.032 | 187 |
| 2 | 0.693 | 0.029 | 172.2 |
| 3 | 0.886 | 0.015 | 140.5 |
| 4 | 0.72 | 0.032 | 142.6 |
| 5 | 0.488 | 0.037 | 155.3 |

## In these collections

- [Sage](https://grabient.com/sage)

## Other forms

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