# Forest green, crimson and gold color palette

The Forest green, crimson and gold color palette brings together dark green, teal, red, gold, and light orange. 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 green, and its lightest tone is light orange.

- Also called: Dark green, salmon, orange and beige linear swatches
- Seed: `kWTElnVrbFVRIrHlwcY8pZAw`
- Page: https://grabient.com/kWTElnVrbFVRIrHlwcY8pZAw?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: dark to light, vivid, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 9.8 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 | `#003908` | `oklch(29.93% 0.0948 144.77)` | Elite Green | white, 13.2 to 1 |
| 2 | `#00afa9` | `oklch(68.11% 0.1175 190.28)` | Tropical Tree | black, 7.7 to 1 |
| 3 | `#f5524f` | `oklch(66.14% 0.1998 25.43)` | Pumping Spice | black, 6.1 to 1 |
| 4 | `#f7ae00` | `oklch(79.92% 0.1664 78.26)` | Lemon Chrome | black, 10.9 to 1 |
| 5 | `#f1dcb1` | `oklch(90.16% 0.0606 85.67)` | Precious | black, 15.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #003908 0.000% 20.000%, #00afa9 20.000% 40.000%, #f5524f 40.000% 60.000%, #f7ae00 60.000% 80.000%, #f1dcb1 80.000% 100.000%);
background: linear-gradient(90deg, oklch(29.93% 0.0948 144.77) 0.000% 20.000%, oklch(68.11% 0.1175 190.28) 20.000% 40.000%, oklch(66.14% 0.1998 25.43) 40.000% 60.000%, oklch(79.92% 0.1664 78.26) 60.000% 80.000%, oklch(90.16% 0.0606 85.67) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.299 | 0.101 | 144.8 |
| 2 | 0.681 | 0.15 | 190.3 |
| 3 | 0.661 | 0.2 | 25.4 |
| 4 | 0.799 | 0.181 | 78.3 |
| 5 | 0.902 | 0.061 | 85.7 |

## In these collections

- [Summer swatches](https://grabient.com/summer-swatches)
- [Bright swatches](https://grabient.com/bright-swatches)
- [Tropical swatches](https://grabient.com/tropical-swatches)
- [Happy swatches](https://grabient.com/happy-swatches)

## Other forms

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