# Forest green and ochre color palette

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

- Also called: Dark green, brown, gray and black linear swatches
- Seed: `kWT0FuHA6z1epw7ziT_ooS_4`
- Page: https://grabient.com/kWT0FuHA6z1epw7ziT_ooS_4?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: light center, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 13.3 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 | `#003c1e` | `oklch(31.11% 0.0775 154.62)` | Gameboy Contrast | white, 12.6 to 1 |
| 2 | `#291508` | `oklch(22.05% 0.0400 52.18)` | Zinnwaldite Brown | white, 17.4 to 1 |
| 3 | `#bc943d` | `oklch(68.90% 0.1144 83.89)` | Wheat Beer | black, 7.4 to 1 |
| 4 | `#e9e0cf` | `oklch(90.94% 0.0248 83.89)` | Vanilla Flower | black, 16 to 1 |
| 5 | `#2a2620` | `oklch(27.17% 0.0124 83.89)` | Bokara Grey | white, 14.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #003c1e 0.000% 20.000%, #291508 20.000% 40.000%, #bc943d 40.000% 60.000%, #e9e0cf 60.000% 80.000%, #2a2620 80.000% 100.000%);
background: linear-gradient(90deg, oklch(31.11% 0.0775 154.62) 0.000% 20.000%, oklch(22.05% 0.0400 52.18) 20.000% 40.000%, oklch(68.90% 0.1144 83.89) 40.000% 60.000%, oklch(90.94% 0.0248 83.89) 60.000% 80.000%, oklch(27.17% 0.0124 83.89) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.311 | 0.09 | 154.7 |
| 2 | 0.22 | 0.04 | 52.2 |
| 3 | 0.689 | 0.114 | 83.9 |
| 4 | 0.909 | 0.025 | 83.9 |
| 5 | 0.272 | 0.012 | 83.9 |

## In these collections

- [Vintage swatches](https://grabient.com/vintage-swatches)
- [Luxury swatches](https://grabient.com/luxury-swatches)

## Other forms

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