# Pale sage and mauve floral palette

The Pale sage and mauve floral palette brings together off-white, light green, green, and magenta. 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 magenta, and its lightest tone is off-white.

- Also called: Gray, green and purple radial swatches
- Seed: `kW9g1T7pTAd-hQNNH0FP54uY`
- Page: https://grabient.com/kW9g1T7pTAd-hQNNH0FP54uY?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Kinds: light to dark, pastel
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.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 | `#f3f6e9` | `oklch(96.85% 0.0179 117.42)` | Applemint Soda | black, 19.2 to 1 |
| 2 | `#cedbb2` | `oklch(87.01% 0.0565 121.65)` | Pallid Light Green | black, 14.3 to 1 |
| 3 | `#9dba7c` | `oklch(75.20% 0.0909 129.05)` | Gleeful | black, 9.7 to 1 |
| 4 | `#668f5e` | `oklch(60.63% 0.0854 140.67)` | Irish Charm | black, 5.6 to 1 |
| 5 | `#874f68` | `oklch(50.00% 0.0827 352.73)` | Raspberry Crush | white, 6.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f3f6e9 0.000% 20.000%, #cedbb2 20.000% 40.000%, #9dba7c 40.000% 60.000%, #668f5e 60.000% 80.000%, #874f68 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(96.85% 0.0179 117.42) 0.000% 20.000%, oklch(87.01% 0.0565 121.65) 20.000% 40.000%, oklch(75.20% 0.0909 129.05) 40.000% 60.000%, oklch(60.63% 0.0854 140.67) 60.000% 80.000%, oklch(50.00% 0.0827 352.73) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.969 | 0.018 | 117.4 |
| 2 | 0.87 | 0.056 | 121.6 |
| 3 | 0.752 | 0.091 | 129 |
| 4 | 0.606 | 0.085 | 140.7 |
| 5 | 0.5 | 0.083 | -7.3 |

## In these collections

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

## Other forms

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