# Champagne and plum color palette

The Champagne and plum color palette brings together pale yellow, green, magenta, and dark magenta. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits botanical branding and garden event graphics. Its darkest tone is dark magenta, and its lightest tone is pale yellow.

- Also called: Beige, green and dark purple linear swatches
- Seed: `kW6R1CY7xDcWsQIyJS6oxq-g`
- Page: https://grabient.com/kW6R1CY7xDcWsQIyJS6oxq-g?style=linearSwatches&steps=5&angle=45
- Drawn as: linear swatches, 5 steps, 45 degrees
- Kinds: light to dark
- Hues: complementary
- Contrast of its darkest and lightest colors: 11.9 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 | `#ede4c6` | `oklch(91.73% 0.0400 92.81)` | Proper Temperature | black, 16.4 to 1 |
| 2 | `#a6c93e` | `oklch(78.35% 0.1654 122.40)` | Android Green | black, 11 to 1 |
| 3 | `#5c7d25` | `oklch(54.72% 0.1213 127.69)` | Birch Leaf Green | white, 4.7 to 1 |
| 4 | `#692c55` | `oklch(39.37% 0.1020 341.85)` | Velvet Mauve | white, 9.9 to 1 |
| 5 | `#3b1838` | `oklch(27.56% 0.0730 330.23)` | Nightly Voyager | white, 15.2 to 1 |

## CSS

```css
background: linear-gradient(45deg, #ede4c6 0.000% 20.000%, #a6c93e 20.000% 40.000%, #5c7d25 40.000% 60.000%, #692c55 60.000% 80.000%, #3b1838 80.000% 100.000%);
background: linear-gradient(45deg, oklch(91.73% 0.0400 92.81) 0.000% 20.000%, oklch(78.35% 0.1654 122.40) 20.000% 40.000%, oklch(54.72% 0.1213 127.69) 40.000% 60.000%, oklch(39.37% 0.1020 341.85) 60.000% 80.000%, oklch(27.56% 0.0730 330.23) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.917 | 0.04 | 92.8 |
| 2 | 0.783 | 0.165 | 122.4 |
| 3 | 0.547 | 0.121 | 127.7 |
| 4 | 0.394 | 0.102 | -18.1 |
| 5 | 0.276 | 0.073 | -29.8 |

## In these collections

- [Plum orchard harvest](https://grabient.com/plum-orchard-harvest)
- [Kerala riverboat regatta](https://grabient.com/kerala-riverboat-regatta)
- [Halloween swatches](https://grabient.com/halloween-swatches)
- [Gold border jasmine garland](https://grabient.com/gold-border-jasmine-garland)

## Other forms

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