# Champagne and silver neutral palette

The Champagne and silver neutral palette brings together off-white, light orange, and light gray. 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 gray, and its lightest tone is off-white.

- Also called: White and gray radial swatches
- Seed: `kW-gs89oi_u8JP7oA0D3wHAg`
- Page: https://grabient.com/kW-gs89oi_u8JP7oA0D3wHAg?style=radialSwatches&steps=5&angle=135
- Drawn as: radial swatches, 5 steps, 135 degrees
- Kinds: neutral, light
- 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 | `#fff9ef` | `oklch(98.43% 0.0152 85.08)` | Satin Purse | black, 20 to 1 |
| 2 | `#f1e8d8` | `oklch(93.31% 0.0234 82.96)` | String Ball | black, 17.2 to 1 |
| 3 | `#ded4c4` | `oklch(87.40% 0.0248 80.85)` | Wheat Sheaf | black, 14.3 to 1 |
| 4 | `#c6c4be` | `oklch(81.89% 0.0083 89.31)` | Overdue Grey | black, 11.9 to 1 |
| 5 | `#aeadaa` | `oklch(74.80% 0.0041 94.59)` | Industrial Age | black, 9.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #fff9ef 0.000% 20.000%, #f1e8d8 20.000% 40.000%, #ded4c4 40.000% 60.000%, #c6c4be 60.000% 80.000%, #aeadaa 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(98.43% 0.0152 85.08) 0.000% 20.000%, oklch(93.31% 0.0234 82.96) 20.000% 40.000%, oklch(87.40% 0.0248 80.85) 40.000% 60.000%, oklch(81.89% 0.0083 89.31) 60.000% 80.000%, oklch(74.80% 0.0041 94.59) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.984 | 0.015 | 85.1 |
| 2 | 0.933 | 0.023 | 83 |
| 3 | 0.874 | 0.025 | 80.9 |
| 4 | 0.819 | 0.008 | 89.3 |
| 5 | 0.748 | 0.004 | 94.6 |

## In these collections

- [Neutral swatches](https://grabient.com/neutral-swatches)

## Other forms

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