# Stone and tan desert palette

The Stone and tan desert palette brings together light gray, light teal, light orange, and orange. The colors span a moderate lightness range, combining restrained color with clear contrast. Its light and open character suits travel posters and environmental mood boards. Its darkest tone is orange, and its lightest tone is light gray.

- Also called: Monochrome gray and brown linear swatches
- Seed: `kW4gicXws_2INMNcGrswJU-o`
- Page: https://grabient.com/kW4gicXws_2INMNcGrswJU-o?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: light to dark, pastel, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.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 | `#d3dde0` | `oklch(88.98% 0.0110 219.37)` | Blue Nuance | black, 15.1 to 1 |
| 2 | `#99b2ba` | `oklch(74.80% 0.0303 218.32)` | Ice Gull Grey Blue | black, 9.4 to 1 |
| 3 | `#bdb49b` | `oklch(77.17% 0.0358 90.45)` | Polished Stone | black, 10.2 to 1 |
| 4 | `#cc997d` | `oklch(72.44% 0.0730 50.29)` | Chinook Salmon | black, 8.4 to 1 |
| 5 | `#835a4c` | `oklch(50.79% 0.0579 39.73)` | Iron Oxide | white, 5.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #d3dde0 0.000% 20.000%, #99b2ba 20.000% 40.000%, #bdb49b 40.000% 60.000%, #cc997d 60.000% 80.000%, #835a4c 80.000% 100.000%);
background: linear-gradient(90deg, oklch(88.98% 0.0110 219.37) 0.000% 20.000%, oklch(74.80% 0.0303 218.32) 20.000% 40.000%, oklch(77.17% 0.0358 90.45) 40.000% 60.000%, oklch(72.44% 0.0730 50.29) 60.000% 80.000%, oklch(50.79% 0.0579 39.73) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.89 | 0.011 | 219.4 |
| 2 | 0.748 | 0.03 | 218.3 |
| 3 | 0.772 | 0.036 | 90.5 |
| 4 | 0.724 | 0.073 | 50.3 |
| 5 | 0.508 | 0.058 | 39.7 |

## In these collections

- [Desert swatches](https://grabient.com/desert-swatches)

## Other forms

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