# Ochre earth tone palette

The Ochre earth tone palette brings together light yellow, yellow, and orange. The colors span a moderate lightness range, combining restrained color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is yellow, and its lightest tone is light yellow.

- Also called: Monochrome tan, gray and brown linear swatches
- Seed: `kWxytFUhVAD0RQLADryTZI_Q`
- Page: https://grabient.com/kWxytFUhVAD0RQLADryTZI_Q?style=linearSwatches&steps=5&angle=270
- Drawn as: linear swatches, 5 steps, 270 degrees
- Kinds: dark center, muted, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.2 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 | `#c3b98e` | `oklch(78.35% 0.0593 97.03)` | Goody Two Shoes | black, 10.6 to 1 |
| 2 | `#978f66` | `oklch(64.57% 0.0579 98.09)` | Tate Olive | black, 6.4 to 1 |
| 3 | `#625f40` | `oklch(48.03% 0.0469 104.43)` | Verdigris Foncé | white, 6.4 to 1 |
| 4 | `#72624b` | `oklch(50.39% 0.0400 75.90)` | Heavy Brown | white, 5.9 to 1 |
| 5 | `#977f63` | `oklch(61.02% 0.0496 70.61)` | Dapper Tan | black, 5.5 to 1 |

## CSS

```css
background: linear-gradient(270deg, #c3b98e 0.000% 20.000%, #978f66 20.000% 40.000%, #625f40 40.000% 60.000%, #72624b 60.000% 80.000%, #977f63 80.000% 100.000%);
background: linear-gradient(270deg, oklch(78.35% 0.0593 97.03) 0.000% 20.000%, oklch(64.57% 0.0579 98.09) 20.000% 40.000%, oklch(48.03% 0.0469 104.43) 40.000% 60.000%, oklch(50.39% 0.0400 75.90) 60.000% 80.000%, oklch(61.02% 0.0496 70.61) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.783 | 0.059 | 97 |
| 2 | 0.646 | 0.058 | 98.1 |
| 3 | 0.48 | 0.047 | 104.4 |
| 4 | 0.504 | 0.04 | 75.9 |
| 5 | 0.61 | 0.05 | 70.6 |

## In these collections

- [Earth tone swatches](https://grabient.com/earth-tone-swatches)

## Other forms

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