# Forest green, bronze and ochre color palette

The Forest green, bronze and ochre color palette brings together dark green, magenta, dark orange, pale orange, and orange. The colors span a very broad lightness range, combining moderate color with high 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, purple, black and tan linear swatches
- Seed: `kWSj5uLKCtBmMxj1CUG1qhBo`
- Page: https://grabient.com/kWSj5uLKCtBmMxj1CUG1qhBo?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: dark center, dark, warm
- Hues: two-hue
- Contrast of its darkest and lightest colors: 14.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 | `#00361a` | `oklch(29.14% 0.0726 154.60)` | Off-Road Green | white, 13.6 to 1 |
| 2 | `#5d233d` | `oklch(35.04% 0.0896 355.12)` | Zinfandel | white, 11.8 to 1 |
| 3 | `#231108` | `oklch(20.08% 0.0344 47.96)` | Severely Burnt Toast | white, 18.1 to 1 |
| 4 | `#f2e2d5` | `oklch(92.13% 0.0248 62.75)` | Peach Everlasting | black, 16.5 to 1 |
| 5 | `#be8f42` | `oklch(68.11% 0.1102 77.54)` | Fervent Brass | black, 7.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #00361a 0.000% 20.000%, #5d233d 20.000% 40.000%, #231108 40.000% 60.000%, #f2e2d5 60.000% 80.000%, #be8f42 80.000% 100.000%);
background: linear-gradient(90deg, oklch(29.14% 0.0726 154.60) 0.000% 20.000%, oklch(35.04% 0.0896 355.12) 20.000% 40.000%, oklch(20.08% 0.0344 47.96) 40.000% 60.000%, oklch(92.13% 0.0248 62.75) 60.000% 80.000%, oklch(68.11% 0.1102 77.54) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.291 | 0.085 | 154.7 |
| 2 | 0.35 | 0.09 | -4.9 |
| 3 | 0.201 | 0.034 | 48 |
| 4 | 0.921 | 0.025 | 62.8 |
| 5 | 0.681 | 0.11 | 77.5 |

## In these collections

- [Luxury swatches](https://grabient.com/luxury-swatches)
- [Elegant swatches](https://grabient.com/elegant-swatches)

## Other forms

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