# Stone and champagne soft neutral palette

The Stone and champagne soft neutral palette brings together light green and pale yellow. 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 green, and its lightest tone is pale yellow.

- Also called: Gray linear gradient
- Seed: `kSxRRvbIm9fKJu2`
- Page: https://grabient.com/kSxRRvbIm9fKJu2?steps=32&angle=315
- Drawn as: linear gradient, 32 steps, 315 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 | `#a9bcaf` | `oklch(77.56% 0.0276 156.09)` | Foggy Rain | black, 10.4 to 1 |
| 2 | `#aabcaf` | `oklch(77.85% 0.0275 155.36)` | Foggy Rain | black, 10.5 to 1 |
| 3 | `#abbeb0` | `oklch(78.21% 0.0274 154.52)` | Foggy Rain | black, 10.6 to 1 |
| 4 | `#adbfb1` | `oklch(78.64% 0.0274 153.59)` | Cottage Charm | black, 10.8 to 1 |
| 5 | `#afc0b3` | `oklch(79.11% 0.0273 152.56)` | Cottage Charm | black, 11 to 1 |
| 6 | `#b0c2b4` | `oklch(79.63% 0.0272 151.44)` | Rainee | black, 11.2 to 1 |
| 7 | `#b3c4b5` | `oklch(80.18% 0.0271 150.23)` | Mossa | black, 11.4 to 1 |
| 8 | `#b5c5b7` | `oklch(80.76% 0.0270 148.93)` | Pine Whisper | black, 11.6 to 1 |
| 9 | `#b7c7b8` | `oklch(81.35% 0.0268 147.55)` | Pond’s Edge | black, 11.8 to 1 |
| 10 | `#b9c9ba` | `oklch(81.95% 0.0267 146.10)` | Tropical Cyclone | black, 12.1 to 1 |
| 11 | `#bccbbb` | `oklch(82.55% 0.0266 144.57)` | Jade Tinge | black, 12.3 to 1 |
| 12 | `#becdbd` | `oklch(83.14% 0.0265 142.96)` | Paris White | black, 12.6 to 1 |
| 13 | `#c1cebe` | `oklch(83.71% 0.0264 141.29)` | Green Lily | black, 12.8 to 1 |
| 14 | `#c3d0c0` | `oklch(84.26% 0.0263 139.56)` | Dewkist | black, 13 to 1 |
| 15 | `#c5d1c1` | `oklch(84.76% 0.0263 137.76)` | Dewkist | black, 13.2 to 1 |
| 16 | `#c7d3c2` | `oklch(85.22% 0.0262 135.91)` | Tomatillo Peel | black, 13.4 to 1 |
| 17 | `#c9d4c3` | `oklch(85.64% 0.0262 133.97)` | Tomatillo Peel | black, 13.6 to 1 |
| 18 | `#cbd5c3` | `oklch(86.03% 0.0261 131.78)` | Green Lane | black, 13.8 to 1 |
| 19 | `#cdd6c4` | `oklch(86.43% 0.0261 129.37)` | Ligado | black, 14 to 1 |
| 20 | `#cfd7c5` | `oklch(86.81% 0.0261 126.76)` | Spring Valley | black, 14.1 to 1 |
| 21 | `#d1d8c6` | `oklch(87.18% 0.0261 124.01)` | Bayberry Frost | black, 14.3 to 1 |
| 22 | `#d3d9c6` | `oklch(87.53% 0.0261 121.16)` | Light Feather Green | black, 14.5 to 1 |
| 23 | `#d5dac7` | `oklch(87.88% 0.0261 118.26)` | Smoky Light | black, 14.6 to 1 |
| 24 | `#d7dbc7` | `oklch(88.21% 0.0261 115.34)` | Silver Laurel | black, 14.8 to 1 |
| 25 | `#d9dbc8` | `oklch(88.52% 0.0261 112.46)` | Cool Runnings | black, 14.9 to 1 |
| 26 | `#dbdcc8` | `oklch(88.82% 0.0261 109.65)` | Silver Laurel | black, 15 to 1 |
| 27 | `#ddddc9` | `oklch(89.09% 0.0261 106.97)` | Desert Springs | black, 15.2 to 1 |
| 28 | `#deddca` | `oklch(89.35% 0.0261 104.45)` | Green White | black, 15.3 to 1 |
| 29 | `#e0deca` | `oklch(89.59% 0.0262 102.14)` | Light Pistachio Tang | black, 15.4 to 1 |
| 30 | `#e1decb` | `oklch(89.80% 0.0262 100.09)` | Light Pistachio Tang | black, 15.5 to 1 |
| 31 | `#e2dfcb` | `oklch(89.99% 0.0262 98.33)` | Light Pistachio Tang | black, 15.6 to 1 |
| 32 | `#e3dfcc` | `oklch(90.16% 0.0262 96.92)` | Confident White | black, 15.6 to 1 |

## CSS

```css
background: linear-gradient(315deg, #a9bcaf 0.0%, #aabcaf 3.2%, #abbeb0 6.5%, #adbfb1 9.7%, #afc0b3 12.9%, #b0c2b4 16.1%, #b3c4b5 19.4%, #b5c5b7 22.6%, #b7c7b8 25.8%, #b9c9ba 29.0%, #bccbbb 32.3%, #becdbd 35.5%, #c1cebe 38.7%, #c3d0c0 41.9%, #c5d1c1 45.2%, #c7d3c2 48.4%, #c9d4c3 51.6%, #cbd5c3 54.8%, #cdd6c4 58.1%, #cfd7c5 61.3%, #d1d8c6 64.5%, #d3d9c6 67.7%, #d5dac7 71.0%, #d7dbc7 74.2%, #d9dbc8 77.4%, #dbdcc8 80.6%, #ddddc9 83.9%, #deddca 87.1%, #e0deca 90.3%, #e1decb 93.5%, #e2dfcb 96.8%, #e3dfcc 100.0%);
background: linear-gradient(315deg in oklch, oklch(77.56% 0.0276 156.09) 0.0%, oklch(77.85% 0.0275 155.36) 3.2%, oklch(78.21% 0.0274 154.52) 6.5%, oklch(78.64% 0.0274 153.59) 9.7%, oklch(79.11% 0.0273 152.56) 12.9%, oklch(79.63% 0.0272 151.44) 16.1%, oklch(80.18% 0.0271 150.23) 19.4%, oklch(80.76% 0.0270 148.93) 22.6%, oklch(81.35% 0.0268 147.55) 25.8%, oklch(81.95% 0.0267 146.10) 29.0%, oklch(82.55% 0.0266 144.57) 32.3%, oklch(83.14% 0.0265 142.96) 35.5%, oklch(83.71% 0.0264 141.29) 38.7%, oklch(84.26% 0.0263 139.56) 41.9%, oklch(84.76% 0.0263 137.76) 45.2%, oklch(85.22% 0.0262 135.91) 48.4%, oklch(85.64% 0.0262 133.97) 51.6%, oklch(86.03% 0.0261 131.78) 54.8%, oklch(86.43% 0.0261 129.37) 58.1%, oklch(86.81% 0.0261 126.76) 61.3%, oklch(87.18% 0.0261 124.01) 64.5%, oklch(87.53% 0.0261 121.16) 67.7%, oklch(87.88% 0.0261 118.26) 71.0%, oklch(88.21% 0.0261 115.34) 74.2%, oklch(88.52% 0.0261 112.46) 77.4%, oklch(88.82% 0.0261 109.65) 80.6%, oklch(89.09% 0.0261 106.97) 83.9%, oklch(89.35% 0.0261 104.45) 87.1%, oklch(89.59% 0.0262 102.14) 90.3%, oklch(89.80% 0.0262 100.09) 93.5%, oklch(89.99% 0.0262 98.33) 96.8%, oklch(90.16% 0.0262 96.92) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.776 | 0.028 | 156.1 |
| 2 | 0.854 | 0.026 | 135 |
| 3 | 0.902 | 0.026 | 96.9 |

## In these collections

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

## Other forms

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