# Peach and champagne cream palette

The Peach and champagne cream palette brings together light orange, pale orange, and gold. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is light orange, and its lightest tone is pale orange.

- Also called: Analogous tan, peach and off-white linear swatches
- Seed: `kWyDAq7RPAPoKwhym8EaCo_w`
- Page: https://grabient.com/kWyDAq7RPAPoKwhym8EaCo_w?style=linearSwatches&steps=5&angle=135
- Drawn as: linear swatches, 5 steps, 135 degrees
- Kinds: pastel, light, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.7 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 | `#dab08f` | `oklch(78.74% 0.0661 59.77)` | Boot Hill Ghost | black, 10.6 to 1 |
| 2 | `#ebc9ad` | `oklch(85.83% 0.0537 61.88)` | Desert Sand | black, 13.5 to 1 |
| 3 | `#fdf0dd` | `oklch(96.06% 0.0289 79.84)` | White Grapefruit | black, 18.7 to 1 |
| 4 | `#f2dda5` | `oklch(90.16% 0.0758 89.35)` | Cutlery Polish | black, 15.6 to 1 |
| 5 | `#e3c066` | `oklch(81.89% 0.1157 88.30)` | Golden Chalice | black, 11.9 to 1 |

## CSS

```css
background: linear-gradient(135deg, #dab08f 0.000% 20.000%, #ebc9ad 20.000% 40.000%, #fdf0dd 40.000% 60.000%, #f2dda5 60.000% 80.000%, #e3c066 80.000% 100.000%);
background: linear-gradient(135deg, oklch(78.74% 0.0661 59.77) 0.000% 20.000%, oklch(85.83% 0.0537 61.88) 20.000% 40.000%, oklch(96.06% 0.0289 79.84) 40.000% 60.000%, oklch(90.16% 0.0758 89.35) 60.000% 80.000%, oklch(81.89% 0.1157 88.30) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.787 | 0.066 | 59.8 |
| 2 | 0.858 | 0.054 | 61.9 |
| 3 | 0.961 | 0.029 | 79.8 |
| 4 | 0.902 | 0.076 | 89.4 |
| 5 | 0.819 | 0.116 | 88.3 |

## In these collections

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

## Other forms

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