# Champagne, peach and sage vintage palette

The Champagne, peach and sage vintage palette brings together pale orange, light orange, light yellow, and light green. The colors span a narrow lightness range, combining restrained color with gentle contrast. Its light and open character suits editorial layouts and period-inspired packaging. Its darkest tone is light green, and its lightest tone is pale orange.

- Also called: Pastel analogous beige, pink and gray linear swatches
- Seed: `kW6Rw765O9OOWvhnEUZYZJCg`
- Page: https://grabient.com/kW6Rw765O9OOWvhnEUZYZJCg?style=linearSwatches&steps=11
- Drawn as: linear swatches, 11 steps, 90 degrees
- Kinds: pastel, light, warm
- Hues: wide
- 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 | `#f0e2c7` | `oklch(91.73% 0.0386 83.67)` | White Chocolate | black, 16.4 to 1 |
| 2 | `#edd9bc` | `oklch(89.37% 0.0439 75.69)` | Cameo White | black, 15.2 to 1 |
| 3 | `#eacbaf` | `oklch(86.13% 0.0509 64.97)` | Sandpoint | black, 13.6 to 1 |
| 4 | `#e5bfa5` | `oklch(83.19% 0.0562 55.66)` | Biscuit Beige | black, 12.3 to 1 |
| 5 | `#e1b39e` | `oklch(80.18% 0.0607 45.54)` | Pink Sand | black, 11.1 to 1 |
| 6 | `#dbad98` | `oklch(78.35% 0.0620 44.57)` | Shy Time | black, 10.4 to 1 |
| 7 | `#d6b496` | `oklch(79.14% 0.0568 62.63)` | Entrada Sandstone | black, 10.7 to 1 |
| 8 | `#cdbf9d` | `oklch(80.86% 0.0491 88.60)` | Tumbling Tumbleweed | black, 11.5 to 1 |
| 9 | `#c3c2a0` | `oklch(80.62% 0.0463 105.29)` | Chameleon Tango | black, 11.5 to 1 |
| 10 | `#b8bd9a` | `oklch(78.53% 0.0478 114.90)` | Paspalum Grass | black, 10.7 to 1 |
| 11 | `#afb996` | `oklch(76.77% 0.0496 120.66)` | Chrysoprase | black, 10.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #f0e2c7 0.000% 9.091%, #edd9bc 9.091% 18.182%, #eacbaf 18.182% 27.273%, #e5bfa5 27.273% 36.364%, #e1b39e 36.364% 45.455%, #dbad98 45.455% 54.545%, #d6b496 54.545% 63.636%, #cdbf9d 63.636% 72.727%, #c3c2a0 72.727% 81.818%, #b8bd9a 81.818% 90.909%, #afb996 90.909% 100.000%);
background: linear-gradient(90deg, oklch(91.73% 0.0386 83.67) 0.000% 9.091%, oklch(89.37% 0.0439 75.69) 9.091% 18.182%, oklch(86.13% 0.0509 64.97) 18.182% 27.273%, oklch(83.19% 0.0562 55.66) 27.273% 36.364%, oklch(80.18% 0.0607 45.54) 36.364% 45.455%, oklch(78.35% 0.0620 44.57) 45.455% 54.545%, oklch(79.14% 0.0568 62.63) 54.545% 63.636%, oklch(80.86% 0.0491 88.60) 63.636% 72.727%, oklch(80.62% 0.0463 105.29) 72.727% 81.818%, oklch(78.53% 0.0478 114.90) 81.818% 90.909%, oklch(76.77% 0.0496 120.66) 90.909% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.917 | 0.039 | 83.7 |
| 2 | 0.846 | 0.054 | 60.4 |
| 3 | 0.783 | 0.062 | 44.6 |
| 4 | 0.811 | 0.047 | 98.5 |
| 5 | 0.768 | 0.05 | 120.7 |

## In these collections

- [Vintage swatches](https://grabient.com/vintage-swatches)

## Other forms

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