# Champagne color palette

The Champagne color palette brings together off-white and gold. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its light and open character suits holiday stationery and seasonal displays. Its darkest tone is gold, and its lightest tone is off-white.

- Also called: Monochrome white to tan radial gradient
- Seed: `kQ-go87yDAA`
- Page: https://grabient.com/kQ-go87yDAA?style=radialGradient&steps=32
- Drawn as: radial gradient, 32 steps, 90 degrees
- Kinds: even lightness, pastel, light, warm, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 1.4 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 | `#fef9f0` | `oklch(98.43% 0.0138 85.08)` | White Heat | black, 20 to 1 |
| 2 | `#fef9ee` | `oklch(98.23% 0.0151 85.10)` | White Heat | black, 19.9 to 1 |
| 3 | `#fef8ec` | `oklch(98.00% 0.0167 85.12)` | Day Lily | black, 19.8 to 1 |
| 4 | `#fdf7ea` | `oklch(97.75% 0.0184 85.14)` | Pearl Necklace | black, 19.6 to 1 |
| 5 | `#fdf6e8` | `oklch(97.46% 0.0204 85.17)` | Antique China | black, 19.5 to 1 |
| 6 | `#fdf5e5` | `oklch(97.15% 0.0225 85.20)` | Old Lace | black, 19.3 to 1 |
| 7 | `#fcf4e2` | `oklch(96.82% 0.0248 85.23)` | Candlelight Ivory | black, 19.1 to 1 |
| 8 | `#fcf2df` | `oklch(96.46% 0.0273 85.27)` | Damask | black, 18.9 to 1 |
| 9 | `#fbf1dc` | `oklch(96.09% 0.0298 85.30)` | String Cheese | black, 18.7 to 1 |
| 10 | `#fbf0d9` | `oklch(95.70% 0.0325 85.34)` | Hedgehog Mushroom | black, 18.5 to 1 |
| 11 | `#faeed5` | `oklch(95.30% 0.0353 85.38)` | Flashlight | black, 18.3 to 1 |
| 12 | `#faedd2` | `oklch(94.88% 0.0382 85.42)` | Nice Cream | black, 18 to 1 |
| 13 | `#f9ebce` | `oklch(94.45% 0.0411 85.46)` | Spotlight | black, 17.8 to 1 |
| 14 | `#f9eaca` | `oklch(94.02% 0.0441 85.50)` | Gin Fizz | black, 17.6 to 1 |
| 15 | `#f8e8c7` | `oklch(93.58% 0.0471 85.54)` | Summer Sunshine | black, 17.3 to 1 |
| 16 | `#f8e7c3` | `oklch(93.14% 0.0501 85.59)` | Foundation | black, 17.1 to 1 |
| 17 | `#f7e5bf` | `oklch(92.69% 0.0532 85.63)` | Saturn | black, 16.9 to 1 |
| 18 | `#f6e3bb` | `oklch(92.25% 0.0562 85.67)` | Kettle Corn | black, 16.6 to 1 |
| 19 | `#f6e2b8` | `oklch(91.81% 0.0593 85.71)` | Pale Maize | black, 16.4 to 1 |
| 20 | `#f5e0b4` | `oklch(91.37% 0.0623 85.75)` | Butter Muffin | black, 16.2 to 1 |
| 21 | `#f5dfb0` | `oklch(90.95% 0.0652 85.80)` | Friendly Yellow | black, 16 to 1 |
| 22 | `#f4ddac` | `oklch(90.53% 0.0681 85.83)` | Milk Quartz | black, 15.8 to 1 |
| 23 | `#f4dca9` | `oklch(90.13% 0.0708 85.87)` | Pecan Cream | black, 15.6 to 1 |
| 24 | `#f3daa6` | `oklch(89.74% 0.0735 85.91)` | Upbeat | black, 15.4 to 1 |
| 25 | `#f3d9a2` | `oklch(89.36% 0.0761 85.95)` | Double Cream | black, 15.2 to 1 |
| 26 | `#f2d89f` | `oklch(89.01% 0.0785 85.98)` | Pie Crust | black, 15 to 1 |
| 27 | `#f2d79c` | `oklch(88.67% 0.0808 86.01)` | Splash | black, 14.9 to 1 |
| 28 | `#f1d599` | `oklch(88.36% 0.0829 86.04)` | White Corn | black, 14.7 to 1 |
| 29 | `#f1d497` | `oklch(88.08% 0.0849 86.07)` | White Corn | black, 14.6 to 1 |
| 30 | `#f0d494` | `oklch(87.82% 0.0867 86.09)` | White Corn | black, 14.5 to 1 |
| 31 | `#f0d392` | `oklch(87.60% 0.0882 86.12)` | Nectar Jackpot | black, 14.4 to 1 |
| 32 | `#f0d291` | `oklch(87.40% 0.0896 86.13)` | Nectar Jackpot | black, 14.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #fef9f0 0.0%, #fef9ee 3.2%, #fef8ec 6.5%, #fdf7ea 9.7%, #fdf6e8 12.9%, #fdf5e5 16.1%, #fcf4e2 19.4%, #fcf2df 22.6%, #fbf1dc 25.8%, #fbf0d9 29.0%, #faeed5 32.3%, #faedd2 35.5%, #f9ebce 38.7%, #f9eaca 41.9%, #f8e8c7 45.2%, #f8e7c3 48.4%, #f7e5bf 51.6%, #f6e3bb 54.8%, #f6e2b8 58.1%, #f5e0b4 61.3%, #f5dfb0 64.5%, #f4ddac 67.7%, #f4dca9 71.0%, #f3daa6 74.2%, #f3d9a2 77.4%, #f2d89f 80.6%, #f2d79c 83.9%, #f1d599 87.1%, #f1d497 90.3%, #f0d494 93.5%, #f0d392 96.8%, #f0d291 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(98.43% 0.0138 85.08) 0.0%, oklch(98.23% 0.0151 85.10) 3.2%, oklch(98.00% 0.0167 85.12) 6.5%, oklch(97.75% 0.0184 85.14) 9.7%, oklch(97.46% 0.0204 85.17) 12.9%, oklch(97.15% 0.0225 85.20) 16.1%, oklch(96.82% 0.0248 85.23) 19.4%, oklch(96.46% 0.0273 85.27) 22.6%, oklch(96.09% 0.0298 85.30) 25.8%, oklch(95.70% 0.0325 85.34) 29.0%, oklch(95.30% 0.0353 85.38) 32.3%, oklch(94.88% 0.0382 85.42) 35.5%, oklch(94.45% 0.0411 85.46) 38.7%, oklch(94.02% 0.0441 85.50) 41.9%, oklch(93.58% 0.0471 85.54) 45.2%, oklch(93.14% 0.0501 85.59) 48.4%, oklch(92.69% 0.0532 85.63) 51.6%, oklch(92.25% 0.0562 85.67) 54.8%, oklch(91.81% 0.0593 85.71) 58.1%, oklch(91.37% 0.0623 85.75) 61.3%, oklch(90.95% 0.0652 85.80) 64.5%, oklch(90.53% 0.0681 85.83) 67.7%, oklch(90.13% 0.0708 85.87) 71.0%, oklch(89.74% 0.0735 85.91) 74.2%, oklch(89.36% 0.0761 85.95) 77.4%, oklch(89.01% 0.0785 85.98) 80.6%, oklch(88.67% 0.0808 86.01) 83.9%, oklch(88.36% 0.0829 86.04) 87.1%, oklch(88.08% 0.0849 86.07) 90.3%, oklch(87.82% 0.0867 86.09) 93.5%, oklch(87.60% 0.0882 86.12) 96.8%, oklch(87.40% 0.0896 86.13) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.984 | 0.014 | 85.1 |
| 2 | 0.874 | 0.09 | 86.1 |

## In these collections

- [Christmas gradients](https://grabient.com/christmas-gradients)
- [Cream swatches](https://grabient.com/cream-swatches)

## Other forms

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