# Champagne color palette

The Champagne color palette brings together pale yellow, gold, gray, and yellow. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is gray, and its lightest tone is pale yellow.

- Also called: Monochrome beige, black and tan radial swatches
- Seed: `kY7CNGaKHAFipv6pB8ExaE-1knwA`
- Page: https://grabient.com/kY7CNGaKHAFipv6pB8ExaE-1knwA?style=radialSwatches&steps=6&angle=315
- Drawn as: radial swatches, 6 steps, 315 degrees
- Kinds: dark center, warm
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 10.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 | `#f0e9c4` | `oklch(92.91% 0.0482 98.44)` | Ethereal Green | black, 17.1 to 1 |
| 2 | `#d3c780` | `oklch(82.28% 0.0923 99.49)` | Serene Scene | black, 12.2 to 1 |
| 3 | `#b19e41` | `oklch(69.69% 0.1144 97.38)` | Queen Palm | black, 7.8 to 1 |
| 4 | `#343428` | `oklch(32.28% 0.0207 107.95)` | Black Powder | white, 12.5 to 1 |
| 5 | `#7f712b` | `oklch(54.72% 0.0909 98.44)` | Wood Garlic | white, 4.8 to 1 |
| 6 | `#afa049` | `oklch(70.08% 0.1089 99.49)` | Queen Palm | black, 7.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f0e9c4 0.000% 16.667%, #d3c780 16.667% 33.333%, #b19e41 33.333% 50.000%, #343428 50.000% 66.667%, #7f712b 66.667% 83.333%, #afa049 83.333% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(92.91% 0.0482 98.44) 0.000% 16.667%, oklch(82.28% 0.0923 99.49) 16.667% 33.333%, oklch(69.69% 0.1144 97.38) 33.333% 50.000%, oklch(32.28% 0.0207 107.95) 50.000% 66.667%, oklch(54.72% 0.0909 98.44) 66.667% 83.333%, oklch(70.08% 0.1089 99.49) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.929 | 0.048 | 98.4 |
| 2 | 0.823 | 0.092 | 99.5 |
| 3 | 0.697 | 0.114 | 97.4 |
| 4 | 0.323 | 0.021 | 107.9 |
| 5 | 0.547 | 0.091 | 98.4 |
| 6 | 0.701 | 0.109 | 99.5 |

## In these collections

- [Warm swatches](https://grabient.com/warm-swatches)
- [Yellow swatches](https://grabient.com/yellow-swatches)
- [Gold swatches](https://grabient.com/gold-swatches)

## Other forms

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