# Cream, stone and gray soft neutral palette

Off-white to gray radial gradient with 32 colors: #f0f0dc, #eeeeda, #ebecd8, #e8ead6, #e5e8d4, #e1e6d1, #dde3ce, #d9e0cb, #d5ddc8, #d1dac5, #ccd7c2, #c8d4c0, #c4d1bd, #c0ceba, #bccbb7, #b7c7b4, #b3c4b1, #aec0ae, #a9bcab, #a5b8a7, #a0b4a3, #9bb09f, #95aa9a, #8fa595, #899f8f, #839889, #7d9283, #778c7d, #728677, #6d8172, #697d6e, #667a6b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Off-white to gray radial gradient
- Seed: `kU8RNMbYtCt4MQnHDEAg`
- Page: https://grabient.com/kU8RNMbYtCt4MQnHDEAg?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light to dark, neutral, light
- Hues: achromatic
- Contrast of its darkest and lightest colors: 3.9 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 | `#f0f0dc` | `oklch(94.88% 0.0262 106.87)` | Highlight | black, 18.1 to 1 |
| 2 | `#eeeeda` | `oklch(94.40% 0.0264 108.22)` | Yellowish Grey | black, 17.8 to 1 |
| 3 | `#ebecd8` | `oklch(93.80% 0.0267 109.94)` | Pale Rebelka Jakub | black, 17.5 to 1 |
| 4 | `#e8ead6` | `oklch(93.11% 0.0271 111.99)` | Horned Lizard | black, 17.2 to 1 |
| 5 | `#e5e8d4` | `oklch(92.32% 0.0275 114.28)` | Pine Water | black, 16.8 to 1 |
| 6 | `#e1e6d1` | `oklch(91.46% 0.0280 116.75)` | Bleached Jade | black, 16.3 to 1 |
| 7 | `#dde3ce` | `oklch(90.55% 0.0285 119.34)` | Cavan | black, 15.9 to 1 |
| 8 | `#d9e0cb` | `oklch(89.58% 0.0289 121.96)` | Gin | black, 15.4 to 1 |
| 9 | `#d5ddc8` | `oklch(88.59% 0.0294 124.56)` | Silver Laurel | black, 15 to 1 |
| 10 | `#d1dac5` | `oklch(87.57% 0.0298 127.06)` | Duchamp Light Green | black, 14.5 to 1 |
| 11 | `#ccd7c2` | `oklch(86.56% 0.0302 129.39)` | Hawthorne | black, 14 to 1 |
| 12 | `#c8d4c0` | `oklch(85.54% 0.0305 131.58)` | Tomatillo Peel | black, 13.6 to 1 |
| 13 | `#c4d1bd` | `oklch(84.52% 0.0309 133.86)` | Budding Green | black, 13.2 to 1 |
| 14 | `#c0ceba` | `oklch(83.47% 0.0312 136.20)` | Mellow Spring | black, 12.7 to 1 |
| 15 | `#bccbb7` | `oklch(82.39% 0.0315 138.55)` | Pastel Grey Green | black, 12.3 to 1 |
| 16 | `#b7c7b4` | `oklch(81.28% 0.0318 140.88)` | Aqua Dream | black, 11.8 to 1 |
| 17 | `#b3c4b1` | `oklch(80.13% 0.0321 143.12)` | Zanah | black, 11.4 to 1 |
| 18 | `#aec0ae` | `oklch(78.93% 0.0324 145.25)` | Young Gecko | black, 10.9 to 1 |
| 19 | `#a9bcab` | `oklch(77.67% 0.0326 147.21)` | Rockfall | black, 10.5 to 1 |
| 20 | `#a5b8a7` | `oklch(76.36% 0.0328 148.95)` | Thrush Egg | black, 10 to 1 |
| 21 | `#a0b4a3` | `oklch(74.98% 0.0330 150.44)` | Copper Patina | black, 9.5 to 1 |
| 22 | `#9bb09f` | `oklch(73.51% 0.0331 151.62)` | Phoenix Tears | black, 9 to 1 |
| 23 | `#95aa9a` | `oklch(71.84% 0.0332 152.48)` | Melville | black, 8.5 to 1 |
| 24 | `#8fa595` | `oklch(69.97% 0.0333 153.06)` | Wintessa | black, 7.9 to 1 |
| 25 | `#899f8f` | `oklch(67.97% 0.0333 153.42)` | Hillside View | black, 7.3 to 1 |
| 26 | `#839889` | `oklch(65.91% 0.0333 153.60)` | Paradise Found | black, 6.8 to 1 |
| 27 | `#7d9283` | `oklch(63.86% 0.0332 153.63)` | Green Bay | black, 6.3 to 1 |
| 28 | `#778c7d` | `oklch(61.87% 0.0332 153.58)` | Salty Sea | black, 5.8 to 1 |
| 29 | `#728677` | `oklch(60.02% 0.0332 153.48)` | Xanadu | black, 5.4 to 1 |
| 30 | `#6d8172` | `oklch(58.36% 0.0331 153.38)` | Wild Beet Leaf | black, 5 to 1 |
| 31 | `#697d6e` | `oklch(56.97% 0.0331 153.33)` | Brussels | black, 4.7 to 1 |
| 32 | `#667a6b` | `oklch(55.91% 0.0331 153.37)` | Sage Green Grey | white, 4.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f0f0dc 0.0%, #eeeeda 3.2%, #ebecd8 6.5%, #e8ead6 9.7%, #e5e8d4 12.9%, #e1e6d1 16.1%, #dde3ce 19.4%, #d9e0cb 22.6%, #d5ddc8 25.8%, #d1dac5 29.0%, #ccd7c2 32.3%, #c8d4c0 35.5%, #c4d1bd 38.7%, #c0ceba 41.9%, #bccbb7 45.2%, #b7c7b4 48.4%, #b3c4b1 51.6%, #aec0ae 54.8%, #a9bcab 58.1%, #a5b8a7 61.3%, #a0b4a3 64.5%, #9bb09f 67.7%, #95aa9a 71.0%, #8fa595 74.2%, #899f8f 77.4%, #839889 80.6%, #7d9283 83.9%, #778c7d 87.1%, #728677 90.3%, #6d8172 93.5%, #697d6e 96.8%, #667a6b 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(94.88% 0.0262 106.87) 0.0%, oklch(94.40% 0.0264 108.22) 3.2%, oklch(93.80% 0.0267 109.94) 6.5%, oklch(93.11% 0.0271 111.99) 9.7%, oklch(92.32% 0.0275 114.28) 12.9%, oklch(91.46% 0.0280 116.75) 16.1%, oklch(90.55% 0.0285 119.34) 19.4%, oklch(89.58% 0.0289 121.96) 22.6%, oklch(88.59% 0.0294 124.56) 25.8%, oklch(87.57% 0.0298 127.06) 29.0%, oklch(86.56% 0.0302 129.39) 32.3%, oklch(85.54% 0.0305 131.58) 35.5%, oklch(84.52% 0.0309 133.86) 38.7%, oklch(83.47% 0.0312 136.20) 41.9%, oklch(82.39% 0.0315 138.55) 45.2%, oklch(81.28% 0.0318 140.88) 48.4%, oklch(80.13% 0.0321 143.12) 51.6%, oklch(78.93% 0.0324 145.25) 54.8%, oklch(77.67% 0.0326 147.21) 58.1%, oklch(76.36% 0.0328 148.95) 61.3%, oklch(74.98% 0.0330 150.44) 64.5%, oklch(73.51% 0.0331 151.62) 67.7%, oklch(71.84% 0.0332 152.48) 71.0%, oklch(69.97% 0.0333 153.06) 74.2%, oklch(67.97% 0.0333 153.42) 77.4%, oklch(65.91% 0.0333 153.60) 80.6%, oklch(63.86% 0.0332 153.63) 83.9%, oklch(61.87% 0.0332 153.58) 87.1%, oklch(60.02% 0.0332 153.48) 90.3%, oklch(58.36% 0.0331 153.38) 93.5%, oklch(56.97% 0.0331 153.33) 96.8%, oklch(55.91% 0.0331 153.37) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.949 | 0.026 | 106.9 |
| 2 | 0.862 | 0.03 | 130.1 |
| 3 | 0.74 | 0.033 | 151.3 |
| 4 | 0.559 | 0.033 | 153.4 |

## In these collections

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

## Other forms

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