# Champagne and peach color palette

The Champagne and peach color palette brings together off-white, pale orange, light orange, gold, and light yellow. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its light and open character suits seasonal packaging and event invitations. Its darkest tone is light orange, and its lightest tone is off-white.

- Also called: Monochrome off-white and beige radial swatches
- Seed: `kY-RBAdY8-u4VvroH0A6aVB_KcwG`
- Page: https://grabient.com/kY-RBAdY8-u4VvroH0A6aVB_KcwG?style=radialSwatches&steps=6
- Drawn as: radial swatches, 6 steps, 90 degrees
- Kinds: pastel, light, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.6 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 | `#fef8e8` | `oklch(98.03% 0.0220 90.00)` | Cosmic Latte | black, 19.8 to 1 |
| 2 | `#f5e4c8` | `oklch(92.52% 0.0413 79.43)` | Marble Dust | black, 16.8 to 1 |
| 3 | `#edcdaa` | `oklch(86.61% 0.0593 68.86)` | Masala Chai | black, 13.8 to 1 |
| 4 | `#e7bb86` | `oklch(81.89% 0.0854 70.98)` | Bread Pudding | black, 11.8 to 1 |
| 5 | `#e3c478` | `oklch(83.07% 0.1020 87.89)` | Summer Field | black, 12.4 to 1 |
| 6 | `#f1dea3` | `oklch(90.16% 0.0785 92.11)` | North Star | black, 15.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #fef8e8 0.000% 16.667%, #f5e4c8 16.667% 33.333%, #edcdaa 33.333% 50.000%, #e7bb86 50.000% 66.667%, #e3c478 66.667% 83.333%, #f1dea3 83.333% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(98.03% 0.0220 90.00) 0.000% 16.667%, oklch(92.52% 0.0413 79.43) 16.667% 33.333%, oklch(86.61% 0.0593 68.86) 33.333% 50.000%, oklch(81.89% 0.0854 70.98) 50.000% 66.667%, oklch(83.07% 0.1020 87.89) 66.667% 83.333%, oklch(90.16% 0.0785 92.11) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.98 | 0.022 | 90 |
| 2 | 0.925 | 0.041 | 79.4 |
| 3 | 0.866 | 0.059 | 68.9 |
| 4 | 0.819 | 0.085 | 71 |
| 5 | 0.831 | 0.102 | 87.9 |
| 6 | 0.902 | 0.079 | 92.1 |

## In these collections

- [Cream swatches](https://grabient.com/cream-swatches)
- [Fall swatches](https://grabient.com/fall-swatches)

## Other forms

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