# Stone and tan color palette

This palette moves from light gray through gray and light orange to off-white. It darkens and then lightens across a broad lightness range, combining restrained color with clear contrast. Its light and open character suits botanical mood boards and garden event graphics, especially compositions that need a controlled shift between darker and lighter areas.

- Also called: Gray, brown and white linear gradient
- Seed: `kU3QY5wQM-ducvV7gsQA`
- Page: https://grabient.com/kU3QY5wQM-ducvV7gsQA?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark center, muted
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 5.3 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 | `#d7d4ce` | `oklch(87.01% 0.0083 80.86)` | Slow Perch | black, 14.1 to 1 |
| 2 | `#cfccc7` | `oklch(84.72% 0.0080 80.17)` | Chic Grey | black, 13.1 to 1 |
| 3 | `#c5c2bd` | `oklch(81.47% 0.0072 79.35)` | Gallery Grey | black, 11.8 to 1 |
| 4 | `#b8b5b2` | `oklch(77.53% 0.0062 78.39)` | Kitty Whiskers | black, 10.3 to 1 |
| 5 | `#aaa8a5` | `oklch(73.14% 0.0050 77.31)` | Silver Grey | black, 8.8 to 1 |
| 6 | `#9b9a97` | `oklch(68.56% 0.0040 76.12)` | Polished Pewter | black, 7.4 to 1 |
| 7 | `#8d8c8a` | `oklch(64.03% 0.0033 74.82)` | Wild Dove | black, 6.2 to 1 |
| 8 | `#817f7e` | `oklch(59.80% 0.0031 73.42)` | Platinum Granite | black, 5.2 to 1 |
| 9 | `#767473` | `oklch(56.14% 0.0035 71.94)` | Steel Wool | white, 4.6 to 1 |
| 10 | `#6e6c6a` | `oklch(53.29% 0.0048 70.37)` | Dove Grey | white, 5.2 to 1 |
| 11 | `#6a6763` | `oklch(51.50% 0.0072 68.74)` | Trail Print | white, 5.6 to 1 |
| 12 | `#6a655f` | `oklch(50.92% 0.0111 66.90)` | Cumberland Grey | white, 5.7 to 1 |
| 13 | `#6e655d` | `oklch(51.28% 0.0172 64.52)` | Patio Stone | white, 5.6 to 1 |
| 14 | `#75675c` | `oklch(52.43% 0.0249 61.72)` | Sea Elephant | white, 5.4 to 1 |
| 15 | `#7f6b5c` | `oklch(54.22% 0.0338 58.69)` | Lye Tinted | white, 5 to 1 |
| 16 | `#8a705e` | `oklch(56.51% 0.0432 55.61)` | Cloudy Cinnamon | white, 4.6 to 1 |
| 17 | `#977561` | `oklch(59.16% 0.0525 52.67)` | Burro | black, 5 to 1 |
| 18 | `#a57c65` | `oklch(62.02% 0.0612 50.03)` | New Penny | black, 5.6 to 1 |
| 19 | `#b2836a` | `oklch(64.95% 0.0688 47.90)` | Cider Spice | black, 6.3 to 1 |
| 20 | `#bf8a71` | `oklch(67.82% 0.0745 46.43)` | Terrazzo Tan | black, 7 to 1 |
| 21 | `#c99177` | `oklch(70.47% 0.0779 45.83)` | African Bubinga | black, 7.7 to 1 |
| 22 | `#d1987d` | `oklch(72.81% 0.0783 46.27)` | Tawny Amber | black, 8.5 to 1 |
| 23 | `#d7a185` | `oklch(75.27% 0.0757 47.95)` | Orange Maple | black, 9.3 to 1 |
| 24 | `#ddab8f` | `oklch(77.94% 0.0706 50.69)` | Arizona Dust | black, 10.2 to 1 |
| 25 | `#e1b69a` | `oklch(80.74% 0.0634 54.24)` | Field of Wheat | black, 11.3 to 1 |
| 26 | `#e5c1a7` | `oklch(83.59% 0.0549 58.36)` | Adobe South | black, 12.5 to 1 |
| 27 | `#e9ccb4` | `oklch(86.41% 0.0455 62.79)` | Sweet Orange | black, 13.8 to 1 |
| 28 | `#ecd7c3` | `oklch(89.12% 0.0359 67.28)` | Canadian Pancake | black, 15 to 1 |
| 29 | `#efe1d1` | `oklch(91.64% 0.0267 71.58)` | Alluring White | black, 16.3 to 1 |
| 30 | `#f2e9de` | `oklch(93.89% 0.0184 75.44)` | Tangelo Cream | black, 17.5 to 1 |
| 31 | `#f5f0e9` | `oklch(95.78% 0.0116 78.62)` | Billowy Clouds | black, 18.5 to 1 |
| 32 | `#f8f5f1` | `oklch(97.24% 0.0069 80.86)` | Venerable White | black, 19.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #d7d4ce 0.0%, #cfccc7 3.2%, #c5c2bd 6.5%, #b8b5b2 9.7%, #aaa8a5 12.9%, #9b9a97 16.1%, #8d8c8a 19.4%, #817f7e 22.6%, #767473 25.8%, #6e6c6a 29.0%, #6a6763 32.3%, #6a655f 35.5%, #6e655d 38.7%, #75675c 41.9%, #7f6b5c 45.2%, #8a705e 48.4%, #977561 51.6%, #a57c65 54.8%, #b2836a 58.1%, #bf8a71 61.3%, #c99177 64.5%, #d1987d 67.7%, #d7a185 71.0%, #ddab8f 74.2%, #e1b69a 77.4%, #e5c1a7 80.6%, #e9ccb4 83.9%, #ecd7c3 87.1%, #efe1d1 90.3%, #f2e9de 93.5%, #f5f0e9 96.8%, #f8f5f1 100.0%);
background: linear-gradient(90deg in oklch, oklch(87.01% 0.0083 80.86) 0.0%, oklch(84.72% 0.0080 80.17) 3.2%, oklch(81.47% 0.0072 79.35) 6.5%, oklch(77.53% 0.0062 78.39) 9.7%, oklch(73.14% 0.0050 77.31) 12.9%, oklch(68.56% 0.0040 76.12) 16.1%, oklch(64.03% 0.0033 74.82) 19.4%, oklch(59.80% 0.0031 73.42) 22.6%, oklch(56.14% 0.0035 71.94) 25.8%, oklch(53.29% 0.0048 70.37) 29.0%, oklch(51.50% 0.0072 68.74) 32.3%, oklch(50.92% 0.0111 66.90) 35.5%, oklch(51.28% 0.0172 64.52) 38.7%, oklch(52.43% 0.0249 61.72) 41.9%, oklch(54.22% 0.0338 58.69) 45.2%, oklch(56.51% 0.0432 55.61) 48.4%, oklch(59.16% 0.0525 52.67) 51.6%, oklch(62.02% 0.0612 50.03) 54.8%, oklch(64.95% 0.0688 47.90) 58.1%, oklch(67.82% 0.0745 46.43) 61.3%, oklch(70.47% 0.0779 45.83) 64.5%, oklch(72.81% 0.0783 46.27) 67.7%, oklch(75.27% 0.0757 47.95) 71.0%, oklch(77.94% 0.0706 50.69) 74.2%, oklch(80.74% 0.0634 54.24) 77.4%, oklch(83.59% 0.0549 58.36) 80.6%, oklch(86.41% 0.0455 62.79) 83.9%, oklch(89.12% 0.0359 67.28) 87.1%, oklch(91.64% 0.0267 71.58) 90.3%, oklch(93.89% 0.0184 75.44) 93.5%, oklch(95.78% 0.0116 78.62) 96.8%, oklch(97.24% 0.0069 80.86) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.87 | 0.008 | 80.9 |
| 2 | 0.512 | 0.008 | 68.2 |
| 3 | 0.72 | 0.079 | 46 |
| 4 | 0.972 | 0.007 | 80.9 |

## In these collections

- [Earth tone gradients](https://grabient.com/earth-tone-gradients)
- [Weathered garden gradients](https://grabient.com/weathered-garden-gradients)
- [Silver color palette](https://grabient.com/silver-color-palette)

## Other forms

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