# Stone, gray and sage multicolor palette

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

- Also called: Analogous gray, gray blue and green radial gradient
- Seed: `kW1RQz2hE99AFMvOD7SUxa4Y`
- Page: https://grabient.com/kW1RQz2hE99AFMvOD7SUxa4Y?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: neutral
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 2.2 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 | `#d6c8b7` | `oklch(83.86% 0.0276 72.42)` | Sandshell | black, 12.7 to 1 |
| 2 | `#d3c4b2` | `oklch(82.78% 0.0295 71.74)` | Whisper Pink | black, 12.3 to 1 |
| 3 | `#d0bfac` | `oklch(81.30% 0.0325 71.56)` | Nantucket Dune | black, 11.7 to 1 |
| 4 | `#cbb9a4` | `oklch(79.54% 0.0360 71.38)` | Sail Grey | black, 11 to 1 |
| 5 | `#c7b29b` | `oklch(77.61% 0.0397 70.71)` | Practical Beige | black, 10.2 to 1 |
| 6 | `#c2ac93` | `oklch(75.63% 0.0431 69.07)` | Papyrus Map | black, 9.5 to 1 |
| 7 | `#bea58c` | `oklch(73.71% 0.0457 65.96)` | Oakwood | black, 8.9 to 1 |
| 8 | `#bb9e87` | `oklch(71.98% 0.0470 60.89)` | Rogue Cowboy | black, 8.3 to 1 |
| 9 | `#b89985` | `oklch(70.53% 0.0465 53.37)` | Stone Brown | black, 7.9 to 1 |
| 10 | `#b59487` | `oklch(69.24% 0.0438 42.91)` | Mauve Blush | black, 7.5 to 1 |
| 11 | `#af908a` | `oklch(68.02% 0.0392 29.99)` | Plush Suede | black, 7.1 to 1 |
| 12 | `#a98d8e` | `oklch(66.88% 0.0335 15.30)` | Mauve Day | black, 6.8 to 1 |
| 13 | `#a18b91` | `oklch(65.83% 0.0274 359.51)` | Gothic Amethyst | black, 6.6 to 1 |
| 14 | `#998a92` | `oklch(64.89% 0.0217 343.32)` | Purple Mauve | black, 6.3 to 1 |
| 15 | `#928992` | `oklch(64.04% 0.0171 327.42)` | Gris Morado | black, 6.2 to 1 |
| 16 | `#8d8890` | `oklch(63.31% 0.0143 312.50)` | Horseshoe | black, 6 to 1 |
| 17 | `#898790` | `oklch(62.70% 0.0139 298.96)` | Box Office | black, 5.9 to 1 |
| 18 | `#868690` | `oklch(62.21% 0.0156 285.64)` | Old Amethyst | black, 5.7 to 1 |
| 19 | `#818591` | `oklch(61.82% 0.0189 272.42)` | Modest Mauve | black, 5.7 to 1 |
| 20 | `#7d8593` | `oklch(61.54% 0.0232 259.42)` | Cold Trade Winds | black, 5.6 to 1 |
| 21 | `#778695` | `oklch(61.37% 0.0281 246.76)` | Eastern Bluebird | black, 5.6 to 1 |
| 22 | `#718895` | `oklch(61.28% 0.0332 234.56)` | Skipper | black, 5.6 to 1 |
| 23 | `#6c8a95` | `oklch(61.29% 0.0379 222.95)` | Jeans Indigo | black, 5.6 to 1 |
| 24 | `#678b93` | `oklch(61.38% 0.0419 212.05)` | Blue Shoal | black, 5.7 to 1 |
| 25 | `#658d90` | `oklch(61.60% 0.0450 201.75)` | Oarsman Blue | black, 5.7 to 1 |
| 26 | `#64908d` | `oklch(62.01% 0.0481 191.66)` | Oil Blue | black, 5.9 to 1 |
| 27 | `#65928a` | `oklch(62.57% 0.0511 181.95)` | Oil Blue | black, 6 to 1 |
| 28 | `#689586` | `oklch(63.20% 0.0538 172.83)` | Up North | black, 6.2 to 1 |
| 29 | `#6b9783` | `oklch(63.86% 0.0564 164.47)` | Douglas Fir Green | black, 6.3 to 1 |
| 30 | `#70997f` | `oklch(64.48% 0.0586 157.09)` | Douglas Fir Green | black, 6.5 to 1 |
| 31 | `#749a7c` | `oklch(65.00% 0.0605 150.88)` | Jade Green | black, 6.6 to 1 |
| 32 | `#789b7a` | `oklch(65.35% 0.0620 146.04)` | Jade Green | black, 6.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #d6c8b7 0.0%, #d3c4b2 3.2%, #d0bfac 6.5%, #cbb9a4 9.7%, #c7b29b 12.9%, #c2ac93 16.1%, #bea58c 19.4%, #bb9e87 22.6%, #b89985 25.8%, #b59487 29.0%, #af908a 32.3%, #a98d8e 35.5%, #a18b91 38.7%, #998a92 41.9%, #928992 45.2%, #8d8890 48.4%, #898790 51.6%, #868690 54.8%, #818591 58.1%, #7d8593 61.3%, #778695 64.5%, #718895 67.7%, #6c8a95 71.0%, #678b93 74.2%, #658d90 77.4%, #64908d 80.6%, #65928a 83.9%, #689586 87.1%, #6b9783 90.3%, #70997f 93.5%, #749a7c 96.8%, #789b7a 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(83.86% 0.0276 72.42) 0.0%, oklch(82.78% 0.0295 71.74) 3.2%, oklch(81.30% 0.0325 71.56) 6.5%, oklch(79.54% 0.0360 71.38) 9.7%, oklch(77.61% 0.0397 70.71) 12.9%, oklch(75.63% 0.0431 69.07) 16.1%, oklch(73.71% 0.0457 65.96) 19.4%, oklch(71.98% 0.0470 60.89) 22.6%, oklch(70.53% 0.0465 53.37) 25.8%, oklch(69.24% 0.0438 42.91) 29.0%, oklch(68.02% 0.0392 29.99) 32.3%, oklch(66.88% 0.0335 15.30) 35.5%, oklch(65.83% 0.0274 359.51) 38.7%, oklch(64.89% 0.0217 343.32) 41.9%, oklch(64.04% 0.0171 327.42) 45.2%, oklch(63.31% 0.0143 312.50) 48.4%, oklch(62.70% 0.0139 298.96) 51.6%, oklch(62.21% 0.0156 285.64) 54.8%, oklch(61.82% 0.0189 272.42) 58.1%, oklch(61.54% 0.0232 259.42) 61.3%, oklch(61.37% 0.0281 246.76) 64.5%, oklch(61.28% 0.0332 234.56) 67.7%, oklch(61.29% 0.0379 222.95) 71.0%, oklch(61.38% 0.0419 212.05) 74.2%, oklch(61.60% 0.0450 201.75) 77.4%, oklch(62.01% 0.0481 191.66) 80.6%, oklch(62.57% 0.0511 181.95) 83.9%, oklch(63.20% 0.0538 172.83) 87.1%, oklch(63.86% 0.0564 164.47) 90.3%, oklch(64.48% 0.0586 157.09) 93.5%, oklch(65.00% 0.0605 150.88) 96.8%, oklch(65.35% 0.0620 146.04) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.839 | 0.028 | 72.4 |
| 2 | 0.709 | 0.047 | 55.5 |
| 3 | 0.63 | 0.014 | -54.4 |
| 4 | 0.614 | 0.043 | -150.6 |
| 5 | 0.654 | 0.062 | -214 |

## In these collections

- [Multicolor gradients](https://grabient.com/multicolor-gradients)

## Other forms

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