# Herb Garden Neutrals

The Tan color palette brings together yellow, green, and orange. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits interior mood boards and textile patterns. Its lightest and darkest tones both fall within the yellow color family.

- Also called: Monochrome gray and tan linear swatches
- Seed: `kWridPxw7DFiguTGF0E3RNAY`
- Page: https://grabient.com/kWridPxw7DFiguTGF0E3RNAY?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: muted, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 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 | `#9a9e77` | `oklch(68.50% 0.0537 111.80)` | Curly Grass | black, 7.5 to 1 |
| 2 | `#697a63` | `oklch(55.91% 0.0400 138.22)` | Mildura | white, 4.5 to 1 |
| 3 | `#ba985a` | `oklch(69.69% 0.0896 81.15)` | Golden Bear | black, 7.7 to 1 |
| 4 | `#7f7146` | `oklch(55.12% 0.0634 91.72)` | Olive Shade | white, 4.8 to 1 |
| 5 | `#b2a983` | `oklch(73.23% 0.0524 95.95)` | Green Grey Mist | black, 8.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #9a9e77 0.000% 20.000%, #697a63 20.000% 40.000%, #ba985a 40.000% 60.000%, #7f7146 60.000% 80.000%, #b2a983 80.000% 100.000%);
background: linear-gradient(90deg, oklch(68.50% 0.0537 111.80) 0.000% 20.000%, oklch(55.91% 0.0400 138.22) 20.000% 40.000%, oklch(69.69% 0.0896 81.15) 40.000% 60.000%, oklch(55.12% 0.0634 91.72) 60.000% 80.000%, oklch(73.23% 0.0524 95.95) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.685 | 0.054 | 111.8 |
| 2 | 0.559 | 0.04 | 138.2 |
| 3 | 0.697 | 0.09 | 81.2 |
| 4 | 0.551 | 0.063 | 91.7 |
| 5 | 0.732 | 0.052 | 95.9 |

## In these collections

- [Loden wool and amber](https://grabient.com/loden-wool-and-amber)
- [Dusty swatches](https://grabient.com/dusty-swatches)
- [Cottagecore swatches](https://grabient.com/cottagecore-swatches)

## Other forms

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