# Ochre, navy and forest green color palette

The Ochre, navy and forest green color palette brings together gold, red, blue, purple, and green. The colors span a moderate lightness range, combining strong color with gentle contrast. Its balanced and composed character suits botanical branding and garden event graphics. Its darkest tone is blue, and its lightest tone is gold.

- Also called: Rainbow from brown to dark green linear swatches
- Seed: `kWqGY-tsU3q3Bsm7wcTszotg`
- Page: https://grabient.com/kWqGY-tsU3q3Bsm7wcTszotg?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: dark center, vivid, rainbow
- Hues: multi-hue
- 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 | `#b58c00` | `oklch(66.14% 0.1352 87.88)` | Loden Yellow | black, 6.7 to 1 |
| 2 | `#970029` | `oklch(42.93% 0.1720 18.18)` | Succubus | white, 8.9 to 1 |
| 3 | `#062c99` | `oklch(35.83% 0.1805 264.02)` | Blue Torus | white, 11.5 to 1 |
| 4 | `#7433a8` | `oklch(46.85% 0.1805 306.29)` | Purple Pristine | white, 7.5 to 1 |
| 5 | `#005827` | `oklch(40.16% 0.1083 150.91)` | Caliban Green | white, 8.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #b58c00 0.000% 20.000%, #970029 20.000% 40.000%, #062c99 40.000% 60.000%, #7433a8 60.000% 80.000%, #005827 80.000% 100.000%);
background: linear-gradient(90deg, oklch(66.14% 0.1352 87.88) 0.000% 20.000%, oklch(42.93% 0.1720 18.18) 20.000% 40.000%, oklch(35.83% 0.1805 264.02) 40.000% 60.000%, oklch(46.85% 0.1805 306.29) 60.000% 80.000%, oklch(40.16% 0.1083 150.91) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.661 | 0.141 | 87.9 |
| 2 | 0.429 | 0.19 | 18.1 |
| 3 | 0.358 | 0.181 | -96 |
| 4 | 0.469 | 0.181 | -53.7 |
| 5 | 0.402 | 0.16 | -209.1 |

## In these collections

- [Jewel tone swatches](https://grabient.com/jewel-tone-swatches)
- [Jewel tones](https://grabient.com/jewel-tones)

## Other forms

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