# Champagne color palette

The Champagne color palette brings together pale yellow, gold, and orange. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its light and open character suits travel posters and environmental mood boards. Its darkest tone is orange, and its lightest tone is pale yellow.

- Also called: Monochrome off-white and brown radial swatches
- Seed: `kW-RJB9pI_-4cv_jIz_UyG_I`
- Page: https://grabient.com/kW-RJB9pI_-4cv_jIz_UyG_I?style=radialSwatches&steps=5
- Drawn as: radial swatches, 5 steps, 90 degrees
- Kinds: light to dark, pastel, light, warm, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 3 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 | `#fef9e6` | `oklch(98.03% 0.0248 92.11)` | Down Feathers | black, 19.8 to 1 |
| 2 | `#f5e9c4` | `oklch(93.31% 0.0496 92.11)` | Pear Sorbet | black, 17.2 to 1 |
| 3 | `#e5d298` | `oklch(86.61% 0.0785 92.11)` | Desert Wind | black, 14 to 1 |
| 4 | `#ceb56d` | `oklch(77.95% 0.0965 91.05)` | Autumn Wandering | black, 10.4 to 1 |
| 5 | `#aa8c4a` | `oklch(65.35% 0.0923 84.71)` | Golden Years | black, 6.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #fef9e6 0.000% 20.000%, #f5e9c4 20.000% 40.000%, #e5d298 40.000% 60.000%, #ceb56d 60.000% 80.000%, #aa8c4a 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(98.03% 0.0248 92.11) 0.000% 20.000%, oklch(93.31% 0.0496 92.11) 20.000% 40.000%, oklch(86.61% 0.0785 92.11) 40.000% 60.000%, oklch(77.95% 0.0965 91.05) 60.000% 80.000%, oklch(65.35% 0.0923 84.71) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.98 | 0.025 | 92.1 |
| 2 | 0.933 | 0.05 | 92.1 |
| 3 | 0.866 | 0.079 | 92.1 |
| 4 | 0.78 | 0.096 | 91.1 |
| 5 | 0.654 | 0.092 | 84.7 |

## In these collections

- [Desert swatches](https://grabient.com/desert-swatches)
- [Sky](https://grabient.com/sky)
- [Gold swatches](https://grabient.com/gold-swatches)

## Other forms

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