# Sage, stone and gray soft neutral palette

Gray radial gradient with 32 colors: #94a891, #97a992, #9aaa94, #9dac97, #a1ae9a, #a5b09d, #a9b2a1, #adb4a4, #b1b6a7, #b4b7a9, #b7b8aa, #b9b9ab, #bbb9ab, #beb9ab, #c0b8ab, #c2b7ab, #c4b6ab, #c6b4ab, #c7b2ab, #c7b1ac, #c6aeac, #c4acac, #c1a9ab, #bea6aa, #b9a2a7, #b59ea5, #b09aa2, #ab969f, #a7929c, #a38f99, #9f8c97, #9d8a95. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Gray radial gradient
- Seed: `kUtBxk4wc8OGKNVTCjtg`
- Page: https://grabient.com/kUtBxk4wc8OGKNVTCjtg?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: neutral
- Hues: achromatic
- Contrast of its darkest and lightest colors: 1.6 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 | `#94a891` | `oklch(70.87% 0.0386 141.33)` | Mantle | black, 8.2 to 1 |
| 2 | `#97a992` | `oklch(71.31% 0.0374 139.76)` | Green Amazons | black, 8.3 to 1 |
| 3 | `#9aaa94` | `oklch(71.92% 0.0356 138.07)` | Green Amazons | black, 8.5 to 1 |
| 4 | `#9dac97` | `oklch(72.65% 0.0336 136.18)` | Garden | black, 8.7 to 1 |
| 5 | `#a1ae9a` | `oklch(73.47% 0.0313 134.03)` | Drizzle | black, 9 to 1 |
| 6 | `#a5b09d` | `oklch(74.34% 0.0288 131.54)` | Limestone Green | black, 9.3 to 1 |
| 7 | `#a9b2a1` | `oklch(75.20% 0.0264 128.65)` | Montezuma Hills | black, 9.5 to 1 |
| 8 | `#adb4a4` | `oklch(76.03% 0.0242 125.27)` | Stormy Day | black, 9.8 to 1 |
| 9 | `#b1b6a7` | `oklch(76.77% 0.0222 121.34)` | Dewkissed Rain | black, 10.1 to 1 |
| 10 | `#b4b7a9` | `oklch(77.39% 0.0206 116.79)` | Shell Walk | black, 10.3 to 1 |
| 11 | `#b7b8aa` | `oklch(77.85% 0.0195 111.54)` | Antique Coin | black, 10.4 to 1 |
| 12 | `#b9b9ab` | `oklch(78.13% 0.0191 105.37)` | Gravel Dust | black, 10.5 to 1 |
| 13 | `#bbb9ab` | `oklch(78.34% 0.0192 97.87)` | Greenwood | black, 10.6 to 1 |
| 14 | `#beb9ab` | `oklch(78.49% 0.0197 89.29)` | Techno Taupe | black, 10.6 to 1 |
| 15 | `#c0b8ab` | `oklch(78.56% 0.0205 79.94)` | City Dweller | black, 10.6 to 1 |
| 16 | `#c2b7ab` | `oklch(78.55% 0.0216 70.11)` | Versatile Taupe | black, 10.6 to 1 |
| 17 | `#c4b6ab` | `oklch(78.46% 0.0228 60.10)` | Versatile Taupe | black, 10.6 to 1 |
| 18 | `#c6b4ab` | `oklch(78.28% 0.0241 50.21)` | River Clay | black, 10.5 to 1 |
| 19 | `#c7b2ab` | `oklch(78.01% 0.0253 40.74)` | Subdued Hue | black, 10.4 to 1 |
| 20 | `#c7b1ac` | `oklch(77.63% 0.0264 31.99)` | Subdued Hue | black, 10.2 to 1 |
| 21 | `#c6aeac` | `oklch(77.15% 0.0272 24.25)` | Wispy Mauve | black, 10 to 1 |
| 22 | `#c4acac` | `oklch(76.55% 0.0277 17.77)` | Dusky | black, 9.8 to 1 |
| 23 | `#c1a9ab` | `oklch(75.72% 0.0280 12.08)` | Violet Ice | black, 9.5 to 1 |
| 24 | `#bea6aa` | `oklch(74.66% 0.0281 6.96)` | Pale Poppy | black, 9.2 to 1 |
| 25 | `#b9a2a7` | `oklch(73.44% 0.0282 2.36)` | Magical Mauve | black, 8.8 to 1 |
| 26 | `#b59ea5` | `oklch(72.12% 0.0281 358.25)` | Pinterested | black, 8.3 to 1 |
| 27 | `#b09aa2` | `oklch(70.76% 0.0281 354.59)` | Decorum | black, 7.9 to 1 |
| 28 | `#ab969f` | `oklch(69.41% 0.0279 351.34)` | Legendary Lilac | black, 7.5 to 1 |
| 29 | `#a7929c` | `oklch(68.14% 0.0278 348.47)` | Nirvana | black, 7.2 to 1 |
| 30 | `#a38f99` | `oklch(67.00% 0.0277 345.95)` | Nirvana | black, 6.9 to 1 |
| 31 | `#9f8c97` | `oklch(66.05% 0.0276 343.72)` | Greige Violet | black, 6.6 to 1 |
| 32 | `#9d8a95` | `oklch(65.35% 0.0276 341.76)` | Piano Mauve | black, 6.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #94a891 0.0%, #97a992 3.2%, #9aaa94 6.5%, #9dac97 9.7%, #a1ae9a 12.9%, #a5b09d 16.1%, #a9b2a1 19.4%, #adb4a4 22.6%, #b1b6a7 25.8%, #b4b7a9 29.0%, #b7b8aa 32.3%, #b9b9ab 35.5%, #bbb9ab 38.7%, #beb9ab 41.9%, #c0b8ab 45.2%, #c2b7ab 48.4%, #c4b6ab 51.6%, #c6b4ab 54.8%, #c7b2ab 58.1%, #c7b1ac 61.3%, #c6aeac 64.5%, #c4acac 67.7%, #c1a9ab 71.0%, #bea6aa 74.2%, #b9a2a7 77.4%, #b59ea5 80.6%, #b09aa2 83.9%, #ab969f 87.1%, #a7929c 90.3%, #a38f99 93.5%, #9f8c97 96.8%, #9d8a95 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(70.87% 0.0386 141.33) 0.0%, oklch(71.31% 0.0374 139.76) 3.2%, oklch(71.92% 0.0356 138.07) 6.5%, oklch(72.65% 0.0336 136.18) 9.7%, oklch(73.47% 0.0313 134.03) 12.9%, oklch(74.34% 0.0288 131.54) 16.1%, oklch(75.20% 0.0264 128.65) 19.4%, oklch(76.03% 0.0242 125.27) 22.6%, oklch(76.77% 0.0222 121.34) 25.8%, oklch(77.39% 0.0206 116.79) 29.0%, oklch(77.85% 0.0195 111.54) 32.3%, oklch(78.13% 0.0191 105.37) 35.5%, oklch(78.34% 0.0192 97.87) 38.7%, oklch(78.49% 0.0197 89.29) 41.9%, oklch(78.56% 0.0205 79.94) 45.2%, oklch(78.55% 0.0216 70.11) 48.4%, oklch(78.46% 0.0228 60.10) 51.6%, oklch(78.28% 0.0241 50.21) 54.8%, oklch(78.01% 0.0253 40.74) 58.1%, oklch(77.63% 0.0264 31.99) 61.3%, oklch(77.15% 0.0272 24.25) 64.5%, oklch(76.55% 0.0277 17.77) 67.7%, oklch(75.72% 0.0280 12.08) 71.0%, oklch(74.66% 0.0281 6.96) 74.2%, oklch(73.44% 0.0282 2.36) 77.4%, oklch(72.12% 0.0281 358.25) 80.6%, oklch(70.76% 0.0281 354.59) 83.9%, oklch(69.41% 0.0279 351.34) 87.1%, oklch(68.14% 0.0278 348.47) 90.3%, oklch(67.00% 0.0277 345.95) 93.5%, oklch(66.05% 0.0276 343.72) 96.8%, oklch(65.35% 0.0276 341.76) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.709 | 0.039 | 141.3 |
| 2 | 0.78 | 0.019 | 109.6 |
| 3 | 0.768 | 0.028 | 19.8 |
| 4 | 0.654 | 0.028 | -18.2 |

## In these collections

- [Soft neutral gradients](https://grabient.com/soft-neutral-gradients)

## Other forms

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