# Champagne and sage floral palette

The Champagne and sage floral palette brings together pale yellow, gold, and green. The colors span a broad lightness range, combining moderate color with clear 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: Analogous beige, yellow and green radial swatches
- Seed: `kW8z5G77i_eC0vtPpcSuptB4`
- Page: https://grabient.com/kW8z5G77i_eC0vtPpcSuptB4?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Kinds: light to dark, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.1 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 | `#fff3b0` | `oklch(95.67% 0.0854 99.14)` | Paper Tiger | black, 18.6 to 1 |
| 2 | `#f7d54a` | `oklch(87.80% 0.1557 94.91)` | Anna Banana | black, 14.5 to 1 |
| 3 | `#daa929` | `oklch(75.98% 0.1447 85.40)` | Fine Gold | black, 9.6 to 1 |
| 4 | `#79934b` | `oklch(62.60% 0.1033 125.56)` | Emerald Shimmer | black, 6 to 1 |
| 5 | `#3f633c` | `oklch(46.06% 0.0744 142.47)` | Jurassic Park | white, 6.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #fff3b0 0.000% 20.000%, #f7d54a 20.000% 40.000%, #daa929 40.000% 60.000%, #79934b 60.000% 80.000%, #3f633c 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(95.67% 0.0854 99.14) 0.000% 20.000%, oklch(87.80% 0.1557 94.91) 20.000% 40.000%, oklch(75.98% 0.1447 85.40) 40.000% 60.000%, oklch(62.60% 0.1033 125.56) 60.000% 80.000%, oklch(46.06% 0.0744 142.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.957 | 0.085 | 99.1 |
| 2 | 0.878 | 0.156 | 94.9 |
| 3 | 0.76 | 0.145 | 85.4 |
| 4 | 0.626 | 0.103 | 125.6 |
| 5 | 0.461 | 0.074 | 142.5 |

## In these collections

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

## Other forms

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