# Champagne, moss and blush color palette

The Champagne, moss and blush color palette brings together pale yellow, gold, green, and pale red. The colors span a moderate lightness range, combining moderate color with clear contrast. Its light and open character suits invitation suites and ceremony stationery. Its darkest tone is green, and its lightest tone is pale yellow.

- Also called: Beige, yellow, green and light pink angular swatches
- Seed: `kW9ChCbjPBNyswxDosJ9AkuQ`
- Page: https://grabient.com/kW9ChCbjPBNyswxDosJ9AkuQ?style=angularSwatches&steps=5&angle=45
- Drawn as: angular swatches, 5 steps, 45 degrees
- Kinds: dark center, pastel
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.4 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 | `#fff2c9` | `oklch(96.06% 0.0551 92.81)` | Silent Ivory | black, 18.7 to 1 |
| 2 | `#e4d75e` | `oklch(86.61% 0.1419 103.38)` | Kowloon | black, 14.1 to 1 |
| 3 | `#8eb661` | `oklch(72.83% 0.1226 129.80)` | Broccoli | black, 9 to 1 |
| 4 | `#3e7c4f` | `oklch(53.15% 0.0951 150.93)` | Rokushō Green | white, 5 to 1 |
| 5 | `#f2dce1` | `oklch(91.34% 0.0248 1.93)` | Minified Blush | black, 16 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #fff2c9 0.000% 20.000%, #e4d75e 20.000% 40.000%, #8eb661 40.000% 60.000%, #3e7c4f 60.000% 80.000%, #f2dce1 80.000% 100.000%);
background: conic-gradient(from 45deg, oklch(96.06% 0.0551 92.81) 0.000% 20.000%, oklch(86.61% 0.1419 103.38) 20.000% 40.000%, oklch(72.83% 0.1226 129.80) 40.000% 60.000%, oklch(53.15% 0.0951 150.93) 60.000% 80.000%, oklch(91.34% 0.0248 1.93) 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.055 | 92.8 |
| 2 | 0.866 | 0.142 | 103.4 |
| 3 | 0.728 | 0.123 | 129.8 |
| 4 | 0.531 | 0.095 | 150.9 |
| 5 | 0.913 | 0.025 | 1.9 |

## In these collections

- [Spring garden wedding](https://grabient.com/spring-garden-wedding)
- [Rayman swatches](https://grabient.com/rayman-swatches)

## Other forms

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