# Champagne, coral and sage spring palette

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

- Also called: Pastel beige, peach, pink and green radial swatches
- Seed: `kW9Bk4cZm92UlPRdLDx6p7OY`
- Page: https://grabient.com/kW9Bk4cZm92UlPRdLDx6p7OY?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Kinds: pastel, light, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 2.2 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 | `#fff0d9` | `oklch(96.06% 0.0344 78.75)` | Peach Cream | black, 18.6 to 1 |
| 2 | `#ffd2ae` | `oklch(89.37% 0.0699 60.79)` | Papaya Whip | black, 15 to 1 |
| 3 | `#f6a58e` | `oklch(79.53% 0.1020 36.48)` | Lugganath Orange | black, 10.6 to 1 |
| 4 | `#e8879b` | `oklch(73.23% 0.1213 6.89)` | Iced Berry | black, 8.3 to 1 |
| 5 | `#b9d59b` | `oklch(83.86% 0.0841 129.47)` | In Good Taste | black, 13 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #fff0d9 0.000% 20.000%, #ffd2ae 20.000% 40.000%, #f6a58e 40.000% 60.000%, #e8879b 60.000% 80.000%, #b9d59b 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(96.06% 0.0344 78.75) 0.000% 20.000%, oklch(89.37% 0.0699 60.79) 20.000% 40.000%, oklch(79.53% 0.1020 36.48) 40.000% 60.000%, oklch(73.23% 0.1213 6.89) 60.000% 80.000%, oklch(83.86% 0.0841 129.47) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.961 | 0.034 | 78.8 |
| 2 | 0.894 | 0.07 | 60.8 |
| 3 | 0.795 | 0.102 | 36.5 |
| 4 | 0.732 | 0.121 | 6.9 |
| 5 | 0.839 | 0.084 | 129.5 |

## In these collections

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

## Other forms

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