# Champagne, stone and dusty blue color palette

The Champagne, stone and dusty blue color palette brings together pale orange and light gray. The colors span a narrow lightness range, combining restrained color with gentle contrast. Its light and open character suits presentation backgrounds and section dividers. Its darkest tone is light gray, and its lightest tone is pale orange.

- Also called: Warm gray radial gradient
- Seed: `kU6hI-7Aa_OMEvpZB9Sg`
- Page: https://grabient.com/kU6hI-7Aa_OMEvpZB9Sg?style=radialGradient&steps=32&angle=20
- Drawn as: radial gradient, 32 steps, 20 degrees
- Kinds: neutral, light, warm
- Hues: achromatic
- Contrast of its darkest and lightest colors: 2.1 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 | `#ece4d3` | `oklch(92.13% 0.0248 87.89)` | Pogo Sands | black, 16.6 to 1 |
| 2 | `#eae3d2` | `oklch(91.72% 0.0244 87.55)` | Abilene Lace | black, 16.4 to 1 |
| 3 | `#e9e1d0` | `oklch(91.20% 0.0239 87.14)` | Cosy White | black, 16.1 to 1 |
| 4 | `#e7dfcf` | `oklch(90.59% 0.0233 86.67)` | Spellbound | black, 15.8 to 1 |
| 5 | `#e4ddcd` | `oklch(89.90% 0.0226 86.14)` | Carded Wool | black, 15.5 to 1 |
| 6 | `#e2dbcb` | `oklch(89.15% 0.0218 85.55)` | Frankly Earnest | black, 15.1 to 1 |
| 7 | `#dfd8c9` | `oklch(88.37% 0.0211 84.91)` | Stretched Canvas | black, 14.8 to 1 |
| 8 | `#dcd5c7` | `oklch(87.58% 0.0203 84.21)` | Polished Limestone | black, 14.4 to 1 |
| 9 | `#dad3c5` | `oklch(86.78% 0.0195 83.46)` | Windrush | black, 14 to 1 |
| 10 | `#d7d0c4` | `oklch(86.01% 0.0188 82.67)` | Mineral | black, 13.7 to 1 |
| 11 | `#d5cec2` | `oklch(85.27% 0.0181 81.84)` | Modern Grey | black, 13.3 to 1 |
| 12 | `#d2cbc0` | `oklch(84.58% 0.0175 80.59)` | Ashen Tan | black, 13 to 1 |
| 13 | `#d0c9be` | `oklch(83.90% 0.0168 77.93)` | Fisherman Knit | black, 12.8 to 1 |
| 14 | `#cec7bd` | `oklch(83.23% 0.0161 74.30)` | Micaceous Light Grey | black, 12.5 to 1 |
| 15 | `#ccc4bb` | `oklch(82.56% 0.0153 70.22)` | Old Eggshell | black, 12.2 to 1 |
| 16 | `#cac2ba` | `oklch(81.88% 0.0146 66.20)` | Pumice Stone | black, 11.9 to 1 |
| 17 | `#c8c0b9` | `oklch(81.21% 0.0139 62.77)` | Basket of Bobbins | black, 11.6 to 1 |
| 18 | `#c6beb7` | `oklch(80.53% 0.0133 60.45)` | Sculpting Clay | black, 11.4 to 1 |
| 19 | `#c4bbb5` | `oklch(79.84% 0.0128 59.77)` | Mauve Stone | black, 11.1 to 1 |
| 20 | `#c1b9b3` | `oklch(79.14% 0.0125 61.25)` | Mountain Boulder | black, 10.8 to 1 |
| 21 | `#beb7b1` | `oklch(78.43% 0.0124 65.41)` | Rampart | black, 10.6 to 1 |
| 22 | `#bbb5ae` | `oklch(77.71% 0.0125 72.85)` | Soft Beige | black, 10.3 to 1 |
| 23 | `#b8b3ab` | `oklch(76.92% 0.0129 84.68)` | Requisite Grey | black, 10.1 to 1 |
| 24 | `#b3b2a8` | `oklch(76.07% 0.0135 100.34)` | Allegory | black, 9.8 to 1 |
| 25 | `#adb0a6` | `oklch(75.19% 0.0143 118.85)` | Blue Fox | black, 9.5 to 1 |
| 26 | `#a7aea5` | `oklch(74.30% 0.0153 139.22)` | Light Drizzle | black, 9.2 to 1 |
| 27 | `#a1aca6` | `oklch(73.43% 0.0164 160.47)` | Feldspar Silver | black, 8.9 to 1 |
| 28 | `#9baaa7` | `oklch(72.59% 0.0174 181.61)` | Oily Steel | black, 8.7 to 1 |
| 29 | `#97a8a9` | `oklch(71.81% 0.0185 201.65)` | Celestra Grey | black, 8.4 to 1 |
| 30 | `#95a5aa` | `oklch(71.12% 0.0194 219.61)` | Dusty Sky | black, 8.2 to 1 |
| 31 | `#95a2ab` | `oklch(70.53% 0.0201 234.50)` | Stormy Skies | black, 8 to 1 |
| 32 | `#94a0ab` | `oklch(70.08% 0.0207 245.35)` | Frilled Shark | black, 7.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #ece4d3 0.0%, #eae3d2 3.2%, #e9e1d0 6.5%, #e7dfcf 9.7%, #e4ddcd 12.9%, #e2dbcb 16.1%, #dfd8c9 19.4%, #dcd5c7 22.6%, #dad3c5 25.8%, #d7d0c4 29.0%, #d5cec2 32.3%, #d2cbc0 35.5%, #d0c9be 38.7%, #cec7bd 41.9%, #ccc4bb 45.2%, #cac2ba 48.4%, #c8c0b9 51.6%, #c6beb7 54.8%, #c4bbb5 58.1%, #c1b9b3 61.3%, #beb7b1 64.5%, #bbb5ae 67.7%, #b8b3ab 71.0%, #b3b2a8 74.2%, #adb0a6 77.4%, #a7aea5 80.6%, #a1aca6 83.9%, #9baaa7 87.1%, #97a8a9 90.3%, #95a5aa 93.5%, #95a2ab 96.8%, #94a0ab 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(92.13% 0.0248 87.89) 0.0%, oklch(91.72% 0.0244 87.55) 3.2%, oklch(91.20% 0.0239 87.14) 6.5%, oklch(90.59% 0.0233 86.67) 9.7%, oklch(89.90% 0.0226 86.14) 12.9%, oklch(89.15% 0.0218 85.55) 16.1%, oklch(88.37% 0.0211 84.91) 19.4%, oklch(87.58% 0.0203 84.21) 22.6%, oklch(86.78% 0.0195 83.46) 25.8%, oklch(86.01% 0.0188 82.67) 29.0%, oklch(85.27% 0.0181 81.84) 32.3%, oklch(84.58% 0.0175 80.59) 35.5%, oklch(83.90% 0.0168 77.93) 38.7%, oklch(83.23% 0.0161 74.30) 41.9%, oklch(82.56% 0.0153 70.22) 45.2%, oklch(81.88% 0.0146 66.20) 48.4%, oklch(81.21% 0.0139 62.77) 51.6%, oklch(80.53% 0.0133 60.45) 54.8%, oklch(79.84% 0.0128 59.77) 58.1%, oklch(79.14% 0.0125 61.25) 61.3%, oklch(78.43% 0.0124 65.41) 64.5%, oklch(77.71% 0.0125 72.85) 67.7%, oklch(76.92% 0.0129 84.68) 71.0%, oklch(76.07% 0.0135 100.34) 74.2%, oklch(75.19% 0.0143 118.85) 77.4%, oklch(74.30% 0.0153 139.22) 80.6%, oklch(73.43% 0.0164 160.47) 83.9%, oklch(72.59% 0.0174 181.61) 87.1%, oklch(71.81% 0.0185 201.65) 90.3%, oklch(71.12% 0.0194 219.61) 93.5%, oklch(70.53% 0.0201 234.50) 96.8%, oklch(70.08% 0.0207 245.35) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.921 | 0.025 | 87.9 |
| 2 | 0.85 | 0.018 | 81.6 |
| 3 | 0.78 | 0.012 | 69.9 |
| 4 | 0.701 | 0.021 | 245.3 |

## In these collections

- [Zoom background gradients](https://grabient.com/zoom-background-gradients)
- [Natural swatches](https://grabient.com/natural-swatches)

## Other forms

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