# Champagne, crimson and forest green color palette

The Champagne, crimson and forest green color palette brings together pale yellow, gold, red, blue, and green. The colors span a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits botanical branding and garden event graphics. Its darkest tone is green, and its lightest tone is pale yellow.

- Also called: Rainbow from off-white to green linear swatches
- Seed: `kW7xZE7DM_83Bt3JwbCv68zQ`
- Page: https://grabient.com/kW7xZE7DM_83Bt3JwbCv68zQ?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: light to dark, vivid, rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 4.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 | `#f1ecd5` | `oklch(94.09% 0.0303 96.33)` | Tambourine | black, 17.6 to 1 |
| 2 | `#e9cd56` | `oklch(85.04% 0.1406 96.33)` | Fish Finger | black, 13.3 to 1 |
| 3 | `#da4a4a` | `oklch(61.02% 0.1805 24.47)` | Re-Entry | black, 5 to 1 |
| 4 | `#1a78e1` | `oklch(57.87% 0.1805 255.55)` | Bright Navy Blue | black, 4.8 to 1 |
| 5 | `#1a7736` | `oklch(50.00% 0.1295 148.81)` | Nature’s Strength | white, 5.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #f1ecd5 0.000% 20.000%, #e9cd56 20.000% 40.000%, #da4a4a 40.000% 60.000%, #1a78e1 60.000% 80.000%, #1a7736 80.000% 100.000%);
background: linear-gradient(90deg, oklch(94.09% 0.0303 96.33) 0.000% 20.000%, oklch(85.04% 0.1406 96.33) 20.000% 40.000%, oklch(61.02% 0.1805 24.47) 40.000% 60.000%, oklch(57.87% 0.1805 255.55) 60.000% 80.000%, oklch(50.00% 0.1295 148.81) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.941 | 0.03 | 96.3 |
| 2 | 0.85 | 0.141 | 96.3 |
| 3 | 0.61 | 0.181 | 24.5 |
| 4 | 0.579 | 0.181 | -104.5 |
| 5 | 0.5 | 0.13 | -211.2 |

## In these collections

- [Primary color swatches](https://grabient.com/primary-color-swatches)
- [Back to school swatches](https://grabient.com/back-to-school-swatches)

## Other forms

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