# Champagne, orange and sage floral palette

The Champagne, orange and sage floral palette brings together pale yellow, pale orange, gold, orange, red, and green. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its light and open character suits botanical branding and garden event graphics. Its darkest tone is green, and its lightest tone is pale yellow.

- Also called: Off-white, yellow, pink and green radial swatches
- Seed: `kY-RVDd5s_O6wv5iNjx16a7lUdT6`
- Page: https://grabient.com/kY-RVDd5s_O6wv5iNjx16a7lUdT6?style=radialSwatches&steps=6
- Drawn as: radial swatches, 6 steps, 90 degrees
- Kinds: light to dark, pastel, light, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.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 | `#fff9e3` | `oklch(98.03% 0.0289 94.22)` | Snug Cottage | black, 19.8 to 1 |
| 2 | `#ffeab7` | `oklch(94.09% 0.0693 87.89)` | Sun-Kissed Yellow | black, 17.6 to 1 |
| 3 | `#fdcd64` | `oklch(87.01% 0.1337 84.71)` | Qing Yellow | black, 14 to 1 |
| 4 | `#fc994e` | `oklch(77.17% 0.1488 55.12)` | Cocktail Hour | black, 9.7 to 1 |
| 5 | `#d57f82` | `oklch(68.90% 0.1061 18.13)` | Galah | black, 7.1 to 1 |
| 6 | `#70a37c` | `oklch(66.93% 0.0799 151.28)` | Growth | black, 7.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #fff9e3 0.000% 16.667%, #ffeab7 16.667% 33.333%, #fdcd64 33.333% 50.000%, #fc994e 50.000% 66.667%, #d57f82 66.667% 83.333%, #70a37c 83.333% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(98.03% 0.0289 94.22) 0.000% 16.667%, oklch(94.09% 0.0693 87.89) 16.667% 33.333%, oklch(87.01% 0.1337 84.71) 33.333% 50.000%, oklch(77.17% 0.1488 55.12) 50.000% 66.667%, oklch(68.90% 0.1061 18.13) 66.667% 83.333%, oklch(66.93% 0.0799 151.28) 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.029 | 94.2 |
| 2 | 0.941 | 0.074 | 87.9 |
| 3 | 0.87 | 0.134 | 84.7 |
| 4 | 0.772 | 0.149 | 55.1 |
| 5 | 0.689 | 0.106 | 18.1 |
| 6 | 0.669 | 0.08 | 151.3 |

## In these collections

- [Floral swatches](https://grabient.com/floral-swatches)

## Other forms

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