# Champagne, crimson and plum color palette

The Champagne, crimson and plum color palette brings together pale orange, orange, red, green, and purple. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits poster layouts and editorial spreads. Its darkest tone is purple, and its lightest tone is pale orange.

- Also called: Beige, red, green and purple linear swatches
- Seed: `kW7B463De9b65u7XtstsCksg`
- Page: https://grabient.com/kW7B463De9b65u7XtstsCksg?style=linearSwatches&steps=5&angle=135
- Drawn as: linear swatches, 5 steps, 135 degrees
- Kinds: vivid, warm, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 8.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 | `#f5e6c9` | `oklch(92.91% 0.0413 82.27)` | Windham Cream | black, 17 to 1 |
| 2 | `#e98c2b` | `oklch(72.44% 0.1530 61.13)` | Goblin Eyes | black, 8.2 to 1 |
| 3 | `#a82f2f` | `oklch(49.21% 0.1585 25.20)` | Très Bien | white, 6.7 to 1 |
| 4 | `#8ba92d` | `oklch(68.90% 0.1502 122.42)` | Beautiful Mint | black, 7.8 to 1 |
| 5 | `#5a2a67` | `oklch(37.80% 0.1130 318.63)` | Imperial Purple | white, 10.6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #f5e6c9 0.000% 20.000%, #e98c2b 20.000% 40.000%, #a82f2f 40.000% 60.000%, #8ba92d 60.000% 80.000%, #5a2a67 80.000% 100.000%);
background: linear-gradient(135deg, oklch(92.91% 0.0413 82.27) 0.000% 20.000%, oklch(72.44% 0.1530 61.13) 20.000% 40.000%, oklch(49.21% 0.1585 25.20) 40.000% 60.000%, oklch(68.90% 0.1502 122.42) 60.000% 80.000%, oklch(37.80% 0.1130 318.63) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.929 | 0.041 | 82.3 |
| 2 | 0.724 | 0.153 | 61.1 |
| 3 | 0.492 | 0.158 | 25.2 |
| 4 | 0.689 | 0.15 | 122.4 |
| 5 | 0.378 | 0.113 | -41.4 |

## In these collections

- [Wasabi plum editorial](https://grabient.com/wasabi-plum-editorial)
- [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/kW7B463De9b65u7XtstsCksg.json?style=linearSwatches&steps=5&angle=135)
- [PNG](https://grabient.com/kW7B463De9b65u7XtstsCksg.png?style=linearSwatches&steps=5&angle=135)
- [SVG](https://grabient.com/kW7B463De9b65u7XtstsCksg.svg?style=linearSwatches&steps=5&angle=135)
- [CSS](https://grabient.com/kW7B463De9b65u7XtstsCksg.css?style=linearSwatches&steps=5&angle=135)
- [ASE](https://grabient.com/kW7B463De9b65u7XtstsCksg.ase?style=linearSwatches&steps=5&angle=135)
- [GPL](https://grabient.com/kW7B463De9b65u7XtstsCksg.gpl?style=linearSwatches&steps=5&angle=135)
- [GRD](https://grabient.com/kW7B463De9b65u7XtstsCksg.grd?style=linearSwatches&steps=5&angle=135)
- [Design tokens](https://grabient.com/kW7B463De9b65u7XtstsCksg.tokens.json?style=linearSwatches&steps=5&angle=135)
- [Social card](https://grabient.com/api/og?seed=kW7B463De9b65u7XtstsCksg&style=linearSwatches&steps=5&angle=135)
- [Palettes like this one](https://grabient.com/palettes?q=kW7B463De9b65u7XtstsCksg)
- [Guide for agents](https://grabient.com/llms.txt)