# Gray, olive and terracotta earth tone palette

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

- Also called: Analogous gray, olive and brown angular swatches
- Seed: `kang4HPhNKjEfwWuGz7tZ-88QqPpSqT6g`
- Page: https://grabient.com/kang4HPhNKjEfwWuGz7tZ-88QqPpSqT6g?style=angularSwatches&steps=8&angle=135
- Drawn as: angular swatches, 8 steps, 135 degrees
- Kinds: vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.1 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 | `#928284` | `oklch(62.20% 0.0193 9.84)` | Venetian | black, 5.7 to 1 |
| 2 | `#706446` | `oklch(50.68% 0.0473 90.10)` | Covered Wagon | white, 5.8 to 1 |
| 3 | `#4b4e12` | `oklch(40.84% 0.0803 112.52)` | Verdun Green | white, 8.7 to 1 |
| 4 | `#414100` | `oklch(36.24% 0.0790 109.80)` | Green Not Found | white, 10.6 to 1 |
| 5 | `#504101` | `oklch(37.88% 0.0771 93.49)` | Roman Bronze | white, 10 to 1 |
| 6 | `#744c01` | `oklch(44.99% 0.0948 74.18)` | Lucky Brown | white, 7.5 to 1 |
| 7 | `#a06213` | `oklch(55.27% 0.1170 65.25)` | Soft Tone Ink | white, 4.9 to 1 |
| 8 | `#c37c46` | `oklch(64.96% 0.1130 56.34)` | Caramel Toffee | black, 6.2 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #928284 0.000% 12.500%, #706446 12.500% 25.000%, #4b4e12 25.000% 37.500%, #414100 37.500% 50.000%, #504101 50.000% 62.500%, #744c01 62.500% 75.000%, #a06213 75.000% 87.500%, #c37c46 87.500% 100.000%);
background: conic-gradient(from 135deg, oklch(62.20% 0.0193 9.84) 0.000% 12.500%, oklch(50.68% 0.0473 90.10) 12.500% 25.000%, oklch(40.84% 0.0803 112.52) 25.000% 37.500%, oklch(36.24% 0.0790 109.80) 37.500% 50.000%, oklch(37.88% 0.0771 93.49) 50.000% 62.500%, oklch(44.99% 0.0948 74.18) 62.500% 75.000%, oklch(55.27% 0.1170 65.25) 75.000% 87.500%, oklch(64.96% 0.1130 56.34) 87.500% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.622 | 0.019 | 9.8 |
| 2 | 0.488 | 0.052 | 99.7 |
| 3 | 0.386 | 0.087 | 112.3 |
| 4 | 0.362 | 0.074 | 103.9 |
| 5 | 0.421 | 0.087 | 78.5 |
| 6 | 0.535 | 0.116 | 66.9 |
| 7 | 0.65 | 0.113 | 56.3 |

## In these collections

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

## Other forms

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