# Champagne, rose and sage spring palette

The Champagne, rose and sage spring palette brings together pale orange, light orange, light red, magenta, purple, and teal. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its light and open character suits seasonal campaigns and event graphics. Its darkest tone is magenta, and its lightest tone is pale orange.

- Also called: Beige, pink and gray radial swatches
- Seed: `kY6is_Z6W8dkwu1QuTt0iO7lwRMS`
- Page: https://grabient.com/kY6is_Z6W8dkwu1QuTt0iO7lwRMS?style=radialSwatches&steps=6&angle=135
- Drawn as: radial swatches, 6 steps, 135 degrees
- Kinds: multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 2.9 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 | `#f5e4b9` | `oklch(92.13% 0.0593 88.59)` | Gentle Glow | black, 16.6 to 1 |
| 2 | `#f5b27e` | `oklch(81.50% 0.1033 59.00)` | Smoked Ham | black, 11.5 to 1 |
| 3 | `#e67a7c` | `oklch(70.08% 0.1337 19.90)` | Lively Coral | black, 7.4 to 1 |
| 4 | `#c85fa5` | `oklch(63.39% 0.1571 341.86)` | Pú Táo Zǐ Purple | black, 5.6 to 1 |
| 5 | `#9c7ebe` | `oklch(64.57% 0.0978 304.88)` | Plum Burst | black, 6.1 to 1 |
| 6 | `#86b0a7` | `oklch(72.44% 0.0469 180.18)` | Silicate Green | black, 8.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f5e4b9 0.000% 16.667%, #f5b27e 16.667% 33.333%, #e67a7c 33.333% 50.000%, #c85fa5 50.000% 66.667%, #9c7ebe 66.667% 83.333%, #86b0a7 83.333% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(92.13% 0.0593 88.59) 0.000% 16.667%, oklch(81.50% 0.1033 59.00) 16.667% 33.333%, oklch(70.08% 0.1337 19.90) 33.333% 50.000%, oklch(63.39% 0.1571 341.86) 50.000% 66.667%, oklch(64.57% 0.0978 304.88) 66.667% 83.333%, oklch(72.44% 0.0469 180.18) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.921 | 0.059 | 88.6 |
| 2 | 0.815 | 0.103 | 59 |
| 3 | 0.701 | 0.134 | 19.9 |
| 4 | 0.634 | 0.157 | -18.1 |
| 5 | 0.646 | 0.098 | -55.1 |
| 6 | 0.724 | 0.047 | -179.8 |

## In these collections

- [Spring swatches](https://grabient.com/spring-swatches)

## Other forms

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