# Stone and cream color palette

The Stone and cream color palette brings together light green, off-white, pale red, and light magenta. The colors span a narrow lightness range, combining restrained color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is light magenta, and its lightest tone is off-white.

- Also called: Gray radial gradient
- Seed: `kU0xlk8wY8XGJNVjCTtg`
- Page: https://grabient.com/kU0xlk8wY8XGJNVjCTtg?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: neutral, light
- Hues: achromatic
- Contrast of its darkest and lightest colors: 1.5 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 | `#bcceb9` | `oklch(83.07% 0.0344 141.33)` | Sunlit Sea | black, 12.6 to 1 |
| 2 | `#becfba` | `oklch(83.54% 0.0333 139.82)` | Sunlit Sea | black, 12.8 to 1 |
| 3 | `#c1d0bd` | `oklch(84.18% 0.0317 138.22)` | Budding Green | black, 13 to 1 |
| 4 | `#c5d2bf` | `oklch(84.95% 0.0298 136.44)` | Budding Green | black, 13.3 to 1 |
| 5 | `#c9d5c3` | `oklch(85.82% 0.0276 134.41)` | Green Lane | black, 13.7 to 1 |
| 6 | `#cdd7c6` | `oklch(86.73% 0.0254 132.05)` | Spring Valley | black, 14.1 to 1 |
| 7 | `#d1daca` | `oklch(87.64% 0.0231 129.28)` | Ottoman | black, 14.5 to 1 |
| 8 | `#d6dccd` | `oklch(88.52% 0.0210 126.03)` | Caribbean Pleasure | black, 14.9 to 1 |
| 9 | `#d9ded0` | `oklch(89.30% 0.0192 122.21)` | Light Iced Aniseed | black, 15.3 to 1 |
| 10 | `#dde0d3` | `oklch(89.96% 0.0177 117.76)` | Whitened Sage | black, 15.6 to 1 |
| 11 | `#dfe1d4` | `oklch(90.44% 0.0167 112.58)` | Moss Mist | black, 15.8 to 1 |
| 12 | `#e1e1d5` | `oklch(90.74% 0.0163 106.46)` | Fish Ceviche | black, 15.9 to 1 |
| 13 | `#e4e2d5` | `oklch(90.96% 0.0165 98.99)` | Paramount White | black, 16 to 1 |
| 14 | `#e6e1d5` | `oklch(91.11% 0.0170 90.43)` | Cotton Tuft | black, 16.1 to 1 |
| 15 | `#e8e1d5` | `oklch(91.19% 0.0179 81.08)` | Dagger Moth | black, 16.1 to 1 |
| 16 | `#eae0d5` | `oklch(91.18% 0.0190 71.24)` | Moroccan Moonlight | black, 16.1 to 1 |
| 17 | `#ecdfd4` | `oklch(91.08% 0.0202 61.22)` | Pink Dyed Blond | black, 16 to 1 |
| 18 | `#edddd4` | `oklch(90.90% 0.0214 51.31)` | Santa Fe Spirit | black, 15.9 to 1 |
| 19 | `#eedcd5` | `oklch(90.62% 0.0226 41.82)` | American Yorkshire | black, 15.7 to 1 |
| 20 | `#eedad5` | `oklch(90.24% 0.0237 33.05)` | Cottingley Fairies | black, 15.5 to 1 |
| 21 | `#edd7d5` | `oklch(89.75% 0.0245 25.31)` | Peach Glamour | black, 15.3 to 1 |
| 22 | `#ebd5d5` | `oklch(89.15% 0.0249 18.83)` | Shangri La | black, 15 to 1 |
| 23 | `#e9d2d4` | `oklch(88.32% 0.0252 13.14)` | Light Pink Pandora | black, 14.6 to 1 |
| 24 | `#e5cfd2` | `oklch(87.26% 0.0254 8.01)` | Delicate Pink | black, 14.1 to 1 |
| 25 | `#e1cbcf` | `oklch(86.04% 0.0254 3.41)` | Mega Metal Mecha | black, 13.5 to 1 |
| 26 | `#dcc6cc` | `oklch(84.72% 0.0254 359.30)` | Kellie Belle | black, 13 to 1 |
| 27 | `#d7c2c9` | `oklch(83.36% 0.0253 355.64)` | Old Mission Pink | black, 12.4 to 1 |
| 28 | `#d2bec6` | `oklch(82.01% 0.0252 352.40)` | Pink Linen | black, 11.9 to 1 |
| 29 | `#cdbac2` | `oklch(80.74% 0.0251 349.53)` | Queen’s Violet | black, 11.4 to 1 |
| 30 | `#c9b6bf` | `oklch(79.60% 0.0249 347.00)` | High Society | black, 10.9 to 1 |
| 31 | `#c6b3bd` | `oklch(78.65% 0.0248 344.78)` | Masked Mauve | black, 10.6 to 1 |
| 32 | `#c3b1bb` | `oklch(77.95% 0.0248 342.82)` | La-De-Dah | black, 10.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #bcceb9 0.0%, #becfba 3.2%, #c1d0bd 6.5%, #c5d2bf 9.7%, #c9d5c3 12.9%, #cdd7c6 16.1%, #d1daca 19.4%, #d6dccd 22.6%, #d9ded0 25.8%, #dde0d3 29.0%, #dfe1d4 32.3%, #e1e1d5 35.5%, #e4e2d5 38.7%, #e6e1d5 41.9%, #e8e1d5 45.2%, #eae0d5 48.4%, #ecdfd4 51.6%, #edddd4 54.8%, #eedcd5 58.1%, #eedad5 61.3%, #edd7d5 64.5%, #ebd5d5 67.7%, #e9d2d4 71.0%, #e5cfd2 74.2%, #e1cbcf 77.4%, #dcc6cc 80.6%, #d7c2c9 83.9%, #d2bec6 87.1%, #cdbac2 90.3%, #c9b6bf 93.5%, #c6b3bd 96.8%, #c3b1bb 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(83.07% 0.0344 141.33) 0.0%, oklch(83.54% 0.0333 139.82) 3.2%, oklch(84.18% 0.0317 138.22) 6.5%, oklch(84.95% 0.0298 136.44) 9.7%, oklch(85.82% 0.0276 134.41) 12.9%, oklch(86.73% 0.0254 132.05) 16.1%, oklch(87.64% 0.0231 129.28) 19.4%, oklch(88.52% 0.0210 126.03) 22.6%, oklch(89.30% 0.0192 122.21) 25.8%, oklch(89.96% 0.0177 117.76) 29.0%, oklch(90.44% 0.0167 112.58) 32.3%, oklch(90.74% 0.0163 106.46) 35.5%, oklch(90.96% 0.0165 98.99) 38.7%, oklch(91.11% 0.0170 90.43) 41.9%, oklch(91.19% 0.0179 81.08) 45.2%, oklch(91.18% 0.0190 71.24) 48.4%, oklch(91.08% 0.0202 61.22) 51.6%, oklch(90.90% 0.0214 51.31) 54.8%, oklch(90.62% 0.0226 41.82) 58.1%, oklch(90.24% 0.0237 33.05) 61.3%, oklch(89.75% 0.0245 25.31) 64.5%, oklch(89.15% 0.0249 18.83) 67.7%, oklch(88.32% 0.0252 13.14) 71.0%, oklch(87.26% 0.0254 8.01) 74.2%, oklch(86.04% 0.0254 3.41) 77.4%, oklch(84.72% 0.0254 359.30) 80.6%, oklch(83.36% 0.0253 355.64) 83.9%, oklch(82.01% 0.0252 352.40) 87.1%, oklch(80.74% 0.0251 349.53) 90.3%, oklch(79.60% 0.0249 347.00) 93.5%, oklch(78.65% 0.0248 344.78) 96.8%, oklch(77.95% 0.0248 342.82) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.831 | 0.034 | 141.3 |
| 2 | 0.906 | 0.017 | 110.7 |
| 3 | 0.894 | 0.025 | 20.9 |
| 4 | 0.78 | 0.025 | -17.2 |

## In these collections

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

## Other forms

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