# Champagne, moss and mauve color palette

The Champagne, moss and mauve color palette brings together pale orange, gold, green, and magenta. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits invitation suites and ceremony stationery. Its darkest tone is magenta, and its lightest tone is pale orange.

- Also called: Beige, green, teal and purple radial swatches
- Seed: `kW7Ro6Ya1B1CpxJEGERuB5TQ`
- Page: https://grabient.com/kW7Ro6Ya1B1CpxJEGERuB5TQ?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Kinds: light to dark
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.6 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 | `#f5e7cf` | `oklch(93.31% 0.0358 81.56)` | Magnolia Blossom | black, 17.2 to 1 |
| 2 | `#c9b44e` | `oklch(76.77% 0.1240 97.41)` | Gold Gleam | black, 10.1 to 1 |
| 3 | `#699a52` | `oklch(63.39% 0.1144 136.51)` | Flat Green | black, 6.3 to 1 |
| 4 | `#407a6b` | `oklch(53.54% 0.0661 174.56)` | Leaping Lizard | white, 4.9 to 1 |
| 5 | `#704062` | `oklch(44.09% 0.0827 338.35)` | Mystique Violet | white, 8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f5e7cf 0.000% 20.000%, #c9b44e 20.000% 40.000%, #699a52 40.000% 60.000%, #407a6b 60.000% 80.000%, #704062 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(93.31% 0.0358 81.56) 0.000% 20.000%, oklch(76.77% 0.1240 97.41) 20.000% 40.000%, oklch(63.39% 0.1144 136.51) 40.000% 60.000%, oklch(53.54% 0.0661 174.56) 60.000% 80.000%, oklch(44.09% 0.0827 338.35) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.933 | 0.036 | 81.6 |
| 2 | 0.768 | 0.124 | 97.4 |
| 3 | 0.634 | 0.114 | 136.5 |
| 4 | 0.535 | 0.066 | 174.6 |
| 5 | 0.441 | 0.083 | 338.4 |

## In these collections

- [Spring garden wedding](https://grabient.com/spring-garden-wedding)
- [Jacaranda first bloom](https://grabient.com/jacaranda-first-bloom)

## Other forms

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