# Stone, sage and terracotta color palette

The Stone, sage and terracotta color palette brings together light gray, green, and orange. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is orange, and its lightest tone is light gray.

- Also called: Gray and tan linear swatches
- Seed: `kYyRF_VpI90iQPvEjzfzZ68tohQO`
- Page: https://grabient.com/kYyRF_VpI90iQPvEjzfzZ68tohQO?style=linearSwatches&steps=13
- Drawn as: linear swatches, 13 steps, 90 degrees
- Kinds: neutral
- Hues: two-hue
- Contrast of its darkest and lightest colors: 2.6 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 | `#acc0bb` | `oklch(79.13% 0.0234 178.59)` | Garden Gazebo | black, 11 to 1 |
| 2 | `#9ab6ac` | `oklch(75.32% 0.0341 171.90)` | Nile River | black, 9.6 to 1 |
| 3 | `#85a896` | `oklch(70.08% 0.0468 163.28)` | Beckett | black, 8 to 1 |
| 4 | `#769a85` | `oklch(65.17% 0.0504 159.23)` | Mild Green | black, 6.6 to 1 |
| 5 | `#698a77` | `oklch(60.18% 0.0469 159.02)` | Juniper Oil | black, 5.4 to 1 |
| 6 | `#657d68` | `oklch(56.52% 0.0436 148.48)` | Stone Cypress Green | black, 4.7 to 1 |
| 7 | `#6d7359` | `oklch(54.38% 0.0397 119.55)` | Herb Cornucopia | white, 4.9 to 1 |
| 8 | `#776d54` | `oklch(53.82% 0.0400 88.96)` | Peat | white, 5 to 1 |
| 9 | `#876e50` | `oklch(55.44% 0.0535 71.08)` | Appaloosa Spots | white, 4.8 to 1 |
| 10 | `#9e724e` | `oklch(58.82% 0.0748 60.47)` | Cinnamon Twist | black, 4.9 to 1 |
| 11 | `#b07a52` | `oklch(62.62% 0.0874 56.49)` | Dwarf Pony | black, 5.7 to 1 |
| 12 | `#bf895b` | `oklch(67.32% 0.0904 60.78)` | Espresso Tonic | black, 6.9 to 1 |
| 13 | `#c89563` | `oklch(70.87% 0.0909 65.52)` | Burnt Pumpkin | black, 7.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #acc0bb 0.000% 7.692%, #9ab6ac 7.692% 15.385%, #85a896 15.385% 23.077%, #769a85 23.077% 30.769%, #698a77 30.769% 38.462%, #657d68 38.462% 46.154%, #6d7359 46.154% 53.846%, #776d54 53.846% 61.538%, #876e50 61.538% 69.231%, #9e724e 69.231% 76.923%, #b07a52 76.923% 84.615%, #bf895b 84.615% 92.308%, #c89563 92.308% 100.000%);
background: linear-gradient(90deg, oklch(79.13% 0.0234 178.59) 0.000% 7.692%, oklch(75.32% 0.0341 171.90) 7.692% 15.385%, oklch(70.08% 0.0468 163.28) 15.385% 23.077%, oklch(65.17% 0.0504 159.23) 23.077% 30.769%, oklch(60.18% 0.0469 159.02) 30.769% 38.462%, oklch(56.52% 0.0436 148.48) 38.462% 46.154%, oklch(54.38% 0.0397 119.55) 46.154% 53.846%, oklch(53.82% 0.0400 88.96) 53.846% 61.538%, oklch(55.44% 0.0535 71.08) 61.538% 69.231%, oklch(58.82% 0.0748 60.47) 69.231% 76.923%, oklch(62.62% 0.0874 56.49) 76.923% 84.615%, oklch(67.32% 0.0904 60.78) 84.615% 92.308%, oklch(70.87% 0.0909 65.52) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.791 | 0.023 | 178.6 |
| 2 | 0.681 | 0.05 | 160.6 |
| 3 | 0.571 | 0.044 | 152.2 |
| 4 | 0.539 | 0.041 | 84.5 |
| 5 | 0.61 | 0.084 | 57.1 |
| 6 | 0.709 | 0.091 | 65.5 |

## In these collections

- [Desert swatches](https://grabient.com/desert-swatches)
- [Sage and stone swatches](https://grabient.com/sage-and-stone-swatches)

## Other forms

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