# Weathered Walnut Wash

The Tan and terracotta color palette brings together light orange and orange. The colors span a moderate lightness range, combining restrained color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is orange, and its lightest tone is light orange.

- Also called: Gray to tan linear gradient
- Seed: `kYuBozTwy-8KMPw7C7-yA9A1iUwM`
- Page: https://grabient.com/kYuBozTwy-8KMPw7C7-yA9A1iUwM?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: neutral, warm
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 2.8 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 | `#b4a38e` | `oklch(72.44% 0.0358 71.72)` | Wild Rye | black, 8.5 to 1 |
| 2 | `#b19f8b` | `oklch(71.37% 0.0357 70.82)` | Gilded Beige | black, 8.2 to 1 |
| 3 | `#ad9b87` | `oklch(69.88% 0.0355 69.58)` | Majestic Elk | black, 7.7 to 1 |
| 4 | `#a89582` | `oklch(68.12% 0.0352 68.11)` | Chocolate Cream Pie | black, 7.2 to 1 |
| 5 | `#a28f7d` | `oklch(66.22% 0.0350 66.53)` | Zinc Blend | black, 6.7 to 1 |
| 6 | `#9c8977` | `oklch(64.32% 0.0347 64.96)` | Sycamore Tan | black, 6.2 to 1 |
| 7 | `#978473` | `oklch(62.53% 0.0345 63.53)` | Creamy Mocha | black, 5.8 to 1 |
| 8 | `#927f6e` | `oklch(60.89% 0.0343 62.22)` | Baneblade Brown | black, 5.4 to 1 |
| 9 | `#8d7a6a` | `oklch(59.20% 0.0340 60.88)` | Inca Temple | black, 5.1 to 1 |
| 10 | `#887565` | `oklch(57.51% 0.0338 59.56)` | Towering Cliffs | black, 4.7 to 1 |
| 11 | `#847061` | `oklch(55.87% 0.0336 58.30)` | Whiskey Barrel | white, 4.7 to 1 |
| 12 | `#7f6b5d` | `oklch(54.31% 0.0334 57.16)` | Lye Tinted | white, 5 to 1 |
| 13 | `#7b6759` | `oklch(52.89% 0.0332 56.19)` | Roman Coffee | white, 5.3 to 1 |
| 14 | `#776356` | `oklch(51.57% 0.0329 55.41)` | Traditional | white, 5.6 to 1 |
| 15 | `#735f52` | `oklch(50.16% 0.0324 54.71)` | Axinite | white, 6 to 1 |
| 16 | `#6f5b4f` | `oklch(48.78% 0.0319 54.12)` | Coffee House | white, 6.3 to 1 |
| 17 | `#6b584c` | `oklch(47.59% 0.0315 53.70)` | Moor Oak Grey | white, 6.7 to 1 |
| 18 | `#69564a` | `oklch(46.74% 0.0313 53.49)` | Wild Mustang | white, 6.9 to 1 |
| 19 | `#685549` | `oklch(46.37% 0.0314 53.56)` | Centre Earth | white, 7 to 1 |
| 20 | `#695549` | `oklch(46.66% 0.0320 53.96)` | Centre Earth | white, 6.9 to 1 |
| 21 | `#6c584b` | `oklch(47.62% 0.0330 54.78)` | Arctic Tundra | white, 6.7 to 1 |
| 22 | `#705c4e` | `oklch(49.12% 0.0344 55.93)` | Cub | white, 6.2 to 1 |
| 23 | `#766152` | `oklch(50.98% 0.0360 57.28)` | Clove Brown | white, 5.8 to 1 |
| 24 | `#7d6756` | `oklch(53.04% 0.0378 58.72)` | Roman Coffee | white, 5.3 to 1 |
| 25 | `#846d5b` | `oklch(55.12% 0.0397 60.13)` | Golem | white, 4.8 to 1 |
| 26 | `#8a725f` | `oklch(57.08% 0.0418 61.39)` | Tree Branch | black, 4.6 to 1 |
| 27 | `#917963` | `oklch(59.23% 0.0442 62.69)` | Llama Wool | black, 5.1 to 1 |
| 28 | `#9a8068` | `oklch(61.63% 0.0469 64.08)` | Chocolate Moment | black, 5.6 to 1 |
| 29 | `#a2876d` | `oklch(64.07% 0.0498 65.45)` | Sandal | black, 6.2 to 1 |
| 30 | `#aa8d71` | `oklch(66.36% 0.0525 66.71)` | Roasted Coconut | black, 6.7 to 1 |
| 31 | `#b09375` | `oklch(68.30% 0.0549 67.78)` | Cliff Rock | black, 7.3 to 1 |
| 32 | `#b59778` | `oklch(69.69% 0.0565 68.55)` | Soft Fawn | black, 7.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #b4a38e 0.0%, #b19f8b 3.2%, #ad9b87 6.5%, #a89582 9.7%, #a28f7d 12.9%, #9c8977 16.1%, #978473 19.4%, #927f6e 22.6%, #8d7a6a 25.8%, #887565 29.0%, #847061 32.3%, #7f6b5d 35.5%, #7b6759 38.7%, #776356 41.9%, #735f52 45.2%, #6f5b4f 48.4%, #6b584c 51.6%, #69564a 54.8%, #685549 58.1%, #695549 61.3%, #6c584b 64.5%, #705c4e 67.7%, #766152 71.0%, #7d6756 74.2%, #846d5b 77.4%, #8a725f 80.6%, #917963 83.9%, #9a8068 87.1%, #a2876d 90.3%, #aa8d71 93.5%, #b09375 96.8%, #b59778 100.0%);
background: linear-gradient(90deg in oklch, oklch(72.44% 0.0358 71.72) 0.0%, oklch(71.37% 0.0357 70.82) 3.2%, oklch(69.88% 0.0355 69.58) 6.5%, oklch(68.12% 0.0352 68.11) 9.7%, oklch(66.22% 0.0350 66.53) 12.9%, oklch(64.32% 0.0347 64.96) 16.1%, oklch(62.53% 0.0345 63.53) 19.4%, oklch(60.89% 0.0343 62.22) 22.6%, oklch(59.20% 0.0340 60.88) 25.8%, oklch(57.51% 0.0338 59.56) 29.0%, oklch(55.87% 0.0336 58.30) 32.3%, oklch(54.31% 0.0334 57.16) 35.5%, oklch(52.89% 0.0332 56.19) 38.7%, oklch(51.57% 0.0329 55.41) 41.9%, oklch(50.16% 0.0324 54.71) 45.2%, oklch(48.78% 0.0319 54.12) 48.4%, oklch(47.59% 0.0315 53.70) 51.6%, oklch(46.74% 0.0313 53.49) 54.8%, oklch(46.37% 0.0314 53.56) 58.1%, oklch(46.66% 0.0320 53.96) 61.3%, oklch(47.62% 0.0330 54.78) 64.5%, oklch(49.12% 0.0344 55.93) 67.7%, oklch(50.98% 0.0360 57.28) 71.0%, oklch(53.04% 0.0378 58.72) 74.2%, oklch(55.12% 0.0397 60.13) 77.4%, oklch(57.08% 0.0418 61.39) 80.6%, oklch(59.23% 0.0442 62.69) 83.9%, oklch(61.63% 0.0469 64.08) 87.1%, oklch(64.07% 0.0498 65.45) 90.3%, oklch(66.36% 0.0525 66.71) 93.5%, oklch(68.30% 0.0549 67.78) 96.8%, oklch(69.69% 0.0565 68.55) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.724 | 0.036 | 71.7 |
| 2 | 0.622 | 0.034 | 63.3 |
| 3 | 0.524 | 0.033 | 55.9 |
| 4 | 0.465 | 0.032 | 53.8 |
| 5 | 0.567 | 0.041 | 61.2 |
| 6 | 0.697 | 0.056 | 68.5 |

## In these collections

- [Warm neutral gradients](https://grabient.com/warm-neutral-gradients)
- [Beige](https://grabient.com/beige)
- [Tan color palette](https://grabient.com/tan-color-palette)

## Other forms

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