# Stone, sage and terracotta desktop wallpaper palette

The Stone, sage and terracotta desktop wallpaper palette brings together light yellow, light green, green, and orange. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits stationery systems and print layouts. Its darkest tone is orange, and its lightest tone is light yellow.

- Also called: Monochrome gray to brown linear gradient
- Seed: `kY3BxJYY_Cc-QQpCDMJP44yEohv0`
- Page: https://grabient.com/kY3BxJYY_Cc-QQpCDMJP44yEohv0?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: dark center, neutral
- Hues: two-hue
- Contrast of its darkest and lightest colors: 4.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 | `#d7d5b8` | `oklch(86.61% 0.0386 102.66)` | Pale Cucumber | black, 14 to 1 |
| 2 | `#d3d2b5` | `oklch(85.63% 0.0390 104.85)` | Breathe | black, 13.6 to 1 |
| 3 | `#ceceb1` | `oklch(84.32% 0.0397 107.87)` | Longbeard Grey | black, 13 to 1 |
| 4 | `#c7caac` | `oklch(82.75% 0.0405 111.46)` | Jardin de Hierbas | black, 12.4 to 1 |
| 5 | `#bfc5a7` | `oklch(80.98% 0.0413 115.36)` | Minted Lemon | black, 11.7 to 1 |
| 6 | `#b7bfa1` | `oklch(79.10% 0.0420 119.31)` | Quiet Waters | black, 11 to 1 |
| 7 | `#afba9c` | `oklch(77.16% 0.0426 123.08)` | Foille | black, 10.3 to 1 |
| 8 | `#a7b497` | `oklch(75.13% 0.0431 126.62)` | Mow the Lawn | black, 9.6 to 1 |
| 9 | `#9ead91` | `oklch(72.87% 0.0436 130.22)` | Rooftop Garden | black, 8.8 to 1 |
| 10 | `#95a68b` | `oklch(70.47% 0.0441 133.86)` | Sonoma Sage | black, 8.1 to 1 |
| 11 | `#8c9f85` | `oklch(68.03% 0.0445 137.50)` | Basil | black, 7.4 to 1 |
| 12 | `#83987f` | `oklch(65.64% 0.0446 141.09)` | Dinosaur | black, 6.7 to 1 |
| 13 | `#7a927a` | `oklch(63.42% 0.0443 144.61)` | Loden Frost | black, 6.2 to 1 |
| 14 | `#738c76` | `oklch(61.39% 0.0435 148.59)` | Ivy Wreath | black, 5.7 to 1 |
| 15 | `#6b8673` | `oklch(59.39% 0.0420 154.71)` | Ranger Green | black, 5.2 to 1 |
| 16 | `#648071` | `oklch(57.45% 0.0401 161.57)` | Ecological | black, 4.8 to 1 |
| 17 | `#5e7b6f` | `oklch(55.63% 0.0381 167.46)` | Forest Edge | white, 4.6 to 1 |
| 18 | `#5a766c` | `oklch(54.01% 0.0362 170.69)` | September Sea | white, 4.9 to 1 |
| 19 | `#577267` | `oklch(52.64% 0.0349 169.55)` | Hilltop | white, 5.2 to 1 |
| 20 | `#566e62` | `oklch(51.58% 0.0342 162.15)` | High Tea Green | white, 5.5 to 1 |
| 21 | `#596b5a` | `oklch(50.74% 0.0335 146.66)` | Less Traveled | white, 5.7 to 1 |
| 22 | `#5f6753` | `oklch(50.11% 0.0328 125.50)` | Old Army Helmet | white, 5.9 to 1 |
| 23 | `#66634e` | `oklch(49.71% 0.0326 101.81)` | Groundcover | white, 6 to 1 |
| 24 | `#6c604d` | `oklch(49.56% 0.0333 78.74)` | Classic Bronze | white, 6.1 to 1 |
| 25 | `#725e4e` | `oklch(49.69% 0.0355 59.41)` | Rich Brown | white, 6.1 to 1 |
| 26 | `#775d50` | `oklch(50.12% 0.0396 46.90)` | Picador | white, 6 to 1 |
| 27 | `#7e5e52` | `oklch(51.08% 0.0467 40.61)` | Choco Loco | white, 5.8 to 1 |
| 28 | `#875f53` | `oklch(52.51% 0.0562 38.40)` | Clove | white, 5.5 to 1 |
| 29 | `#916252` | `oklch(54.18% 0.0668 38.93)` | Brown Thrush | white, 5.1 to 1 |
| 30 | `#9b6450` | `oklch(55.85% 0.0772 40.84)` | Tuscan Rooftops | white, 4.8 to 1 |
| 31 | `#a3674e` | `oklch(57.29% 0.0862 42.81)` | Ruddy Oak | black, 4.6 to 1 |
| 32 | `#a9684d` | `oklch(58.27% 0.0923 43.48)` | Cedar Plank Salmon | black, 4.7 to 1 |

## CSS

```css
background: linear-gradient(45deg, #d7d5b8 0.0%, #d3d2b5 3.2%, #ceceb1 6.5%, #c7caac 9.7%, #bfc5a7 12.9%, #b7bfa1 16.1%, #afba9c 19.4%, #a7b497 22.6%, #9ead91 25.8%, #95a68b 29.0%, #8c9f85 32.3%, #83987f 35.5%, #7a927a 38.7%, #738c76 41.9%, #6b8673 45.2%, #648071 48.4%, #5e7b6f 51.6%, #5a766c 54.8%, #577267 58.1%, #566e62 61.3%, #596b5a 64.5%, #5f6753 67.7%, #66634e 71.0%, #6c604d 74.2%, #725e4e 77.4%, #775d50 80.6%, #7e5e52 83.9%, #875f53 87.1%, #916252 90.3%, #9b6450 93.5%, #a3674e 96.8%, #a9684d 100.0%);
background: linear-gradient(45deg in oklch, oklch(86.61% 0.0386 102.66) 0.0%, oklch(85.63% 0.0390 104.85) 3.2%, oklch(84.32% 0.0397 107.87) 6.5%, oklch(82.75% 0.0405 111.46) 9.7%, oklch(80.98% 0.0413 115.36) 12.9%, oklch(79.10% 0.0420 119.31) 16.1%, oklch(77.16% 0.0426 123.08) 19.4%, oklch(75.13% 0.0431 126.62) 22.6%, oklch(72.87% 0.0436 130.22) 25.8%, oklch(70.47% 0.0441 133.86) 29.0%, oklch(68.03% 0.0445 137.50) 32.3%, oklch(65.64% 0.0446 141.09) 35.5%, oklch(63.42% 0.0443 144.61) 38.7%, oklch(61.39% 0.0435 148.59) 41.9%, oklch(59.39% 0.0420 154.71) 45.2%, oklch(57.45% 0.0401 161.57) 48.4%, oklch(55.63% 0.0381 167.46) 51.6%, oklch(54.01% 0.0362 170.69) 54.8%, oklch(52.64% 0.0349 169.55) 58.1%, oklch(51.58% 0.0342 162.15) 61.3%, oklch(50.74% 0.0335 146.66) 64.5%, oklch(50.11% 0.0328 125.50) 67.7%, oklch(49.71% 0.0326 101.81) 71.0%, oklch(49.56% 0.0333 78.74) 74.2%, oklch(49.69% 0.0355 59.41) 77.4%, oklch(50.12% 0.0396 46.90) 80.6%, oklch(51.08% 0.0467 40.61) 83.9%, oklch(52.51% 0.0562 38.40) 87.1%, oklch(54.18% 0.0668 38.93) 90.3%, oklch(55.85% 0.0772 40.84) 93.5%, oklch(57.29% 0.0862 42.81) 96.8%, oklch(58.27% 0.0923 43.48) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.866 | 0.039 | 102.7 |
| 2 | 0.768 | 0.043 | 123.8 |
| 3 | 0.626 | 0.044 | 146 |
| 4 | 0.52 | 0.034 | 166.1 |
| 5 | 0.5 | 0.039 | 48.8 |
| 6 | 0.583 | 0.092 | 43.5 |

## In these collections

- [Desktop wallpaper gradients](https://grabient.com/desktop-wallpaper-gradients)

## Other forms

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