# Forest green and crimson color palette

The Forest green and crimson color palette brings together green, purple, orange, and pale green. The colors span a moderate lightness range, combining strong color with clear contrast. Its balanced and composed character suits botanical branding and garden event graphics. Its darkest tone is green, and its lightest tone is pale green.

- Also called: Rainbow from green to light green angular swatches
- Seed: `kUh3tqzsHS1-9zZylklg`
- Page: https://grabient.com/kUh3tqzsHS1-9zZylklg?style=angularSwatches&steps=4&angle=210
- Drawn as: angular swatches, 4 steps, 210 degrees
- Kinds: dark to light, vivid, rainbow
- Hues: wide
- Contrast of its darkest and lightest colors: 3.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 | `#008339` | `oklch(53.15% 0.1473 149.75)` | Warpstone Glow | white, 4.9 to 1 |
| 2 | `#a660d6` | `oklch(61.81% 0.1805 309.34)` | Legendary Lavender | black, 5.2 to 1 |
| 3 | `#f69400` | `oklch(75.20% 0.1694 64.51)` | Miami Marmalade | black, 9.1 to 1 |
| 4 | `#c6eac6` | `oklch(90.16% 0.0606 144.83)` | Frosty Dawn | black, 15.9 to 1 |

## CSS

```css
background: conic-gradient(from 210deg, #008339 0.000% 25.000%, #a660d6 25.000% 50.000%, #f69400 50.000% 75.000%, #c6eac6 75.000% 100.000%);
background: conic-gradient(from 210deg, oklch(53.15% 0.1473 149.75) 0.000% 25.000%, oklch(61.81% 0.1805 309.34) 25.000% 50.000%, oklch(75.20% 0.1694 64.51) 50.000% 75.000%, oklch(90.16% 0.0606 144.83) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.531 | 0.169 | 149.8 |
| 2 | 0.618 | 0.181 | 309.3 |
| 3 | 0.752 | 0.169 | 424.5 |
| 4 | 0.902 | 0.061 | 504.8 |

## In these collections

- [Triadic swatches](https://grabient.com/triadic-swatches)
- [Secondary color swatches](https://grabient.com/secondary-color-swatches)

## Other forms

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