# Ochre, sage and crimson color palette

The Ochre, sage and crimson color palette brings together gold, green, teal, magenta, and red. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is magenta, and its lightest tone is gold.

- Also called: Analogous tan, gray and maroon linear swatches
- Seed: `kWyEVBTRTDTgLx4wC1DvK_Fo`
- Page: https://grabient.com/kWyEVBTRTDTgLx4wC1DvK_Fo?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: dark center, muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 5 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 | `#d0b871` | `oklch(78.74% 0.0951 91.41)` | Sweet Mustard | black, 10.7 to 1 |
| 2 | `#8e9264` | `oklch(64.44% 0.0639 111.48)` | Green Cast | black, 6.4 to 1 |
| 3 | `#536a58` | `oklch(49.90% 0.0393 151.18)` | Picholine | white, 5.9 to 1 |
| 4 | `#3c4a54` | `oklch(40.06% 0.0246 240.75)` | New Navy Blue | white, 9.1 to 1 |
| 5 | `#573b4a` | `oklch(38.89% 0.0455 344.71)` | Dark Fig Violet | white, 9.8 to 1 |
| 6 | `#983642` | `oklch(47.64% 0.1309 16.73)` | Boerewors | white, 7.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #d0b871 0.000% 16.667%, #8e9264 16.667% 33.333%, #536a58 33.333% 50.000%, #3c4a54 50.000% 66.667%, #573b4a 66.667% 83.333%, #983642 83.333% 100.000%);
background: linear-gradient(90deg, oklch(78.74% 0.0951 91.41) 0.000% 16.667%, oklch(64.44% 0.0639 111.48) 16.667% 33.333%, oklch(49.90% 0.0393 151.18) 33.333% 50.000%, oklch(40.06% 0.0246 240.75) 50.000% 66.667%, oklch(38.89% 0.0455 344.71) 66.667% 83.333%, oklch(47.64% 0.1309 16.73) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.787 | 0.095 | 91.4 |
| 2 | 0.606 | 0.056 | 119.9 |
| 3 | 0.441 | 0.032 | 184.4 |
| 4 | 0.378 | 0.03 | 328.1 |
| 5 | 0.476 | 0.131 | 376.7 |

## In these collections

- [Red sumac roadside](https://grabient.com/red-sumac-roadside)
- [Fall swatches](https://grabient.com/fall-swatches)
- [Desert swatches](https://grabient.com/desert-swatches)

## Other forms

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