# Tan warm neutral palette

The Tan warm neutral palette brings together gray 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 gray, and its lightest tone is orange.

- Also called: Monochrome dark gray, brown and gray linear gradient
- Seed: `kSWQs4wZVAtcTP6`
- Page: https://grabient.com/kSWQs4wZVAtcTP6?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light, muted, warm, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 3.9 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 | `#3f3a32` | `oklch(35.04% 0.0152 79.45)` | Black Olive | white, 11.2 to 1 |
| 2 | `#413b32` | `oklch(35.64% 0.0168 79.70)` | Blackish Brown | white, 11 to 1 |
| 3 | `#433d33` | `oklch(36.36% 0.0189 80.02)` | Blackish Brown | white, 10.7 to 1 |
| 4 | `#463f34` | `oklch(37.19% 0.0215 80.41)` | Andiron | white, 10.3 to 1 |
| 5 | `#494234` | `oklch(38.12% 0.0243 80.85)` | Cannon Ball | white, 9.9 to 1 |
| 6 | `#4d4435` | `oklch(39.14% 0.0275 81.33)` | Limonite Brown | white, 9.5 to 1 |
| 7 | `#514735` | `oklch(40.22% 0.0308 81.83)` | Kuri Black | white, 9.1 to 1 |
| 8 | `#554a36` | `oklch(41.36% 0.0342 82.36)` | Hóng Zōng Brown | white, 8.7 to 1 |
| 9 | `#594d37` | `oklch(42.55% 0.0377 82.89)` | Beggar | white, 8.2 to 1 |
| 10 | `#5d5038` | `oklch(43.77% 0.0412 83.41)` | Arrow Shaft | white, 7.8 to 1 |
| 11 | `#615338` | `oklch(45.01% 0.0445 83.91)` | Prehistoric Wood | white, 7.4 to 1 |
| 12 | `#655739` | `oklch(46.25% 0.0477 84.38)` | Cartwheel | white, 7 to 1 |
| 13 | `#695a3b` | `oklch(47.49% 0.0506 84.81)` | Gun Corps Brown | white, 6.6 to 1 |
| 14 | `#6d5d3c` | `oklch(48.71% 0.0533 85.18)` | Uniform Brown | white, 6.3 to 1 |
| 15 | `#71613d` | `oklch(49.89% 0.0555 85.49)` | US Field Drab | white, 6 to 1 |
| 16 | `#75643f` | `oklch(51.03% 0.0572 85.71)` | Yellow Metal | white, 5.7 to 1 |
| 17 | `#786741` | `oklch(52.12% 0.0584 85.85)` | Eminent Bronze | white, 5.4 to 1 |
| 18 | `#7c6a44` | `oklch(53.27% 0.0592 85.91)` | Middle Ditch | white, 5.2 to 1 |
| 19 | `#806e47` | `oklch(54.47% 0.0597 85.91)` | Mossy Shade | white, 4.9 to 1 |
| 20 | `#83714a` | `oklch(55.71% 0.0598 85.85)` | Valencia Moss | white, 4.7 to 1 |
| 21 | `#87754e` | `oklch(56.97% 0.0596 85.73)` | Desert Willow | black, 4.6 to 1 |
| 22 | `#8b7952` | `oklch(58.24% 0.0593 85.58)` | Rustic Ranch | black, 4.9 to 1 |
| 23 | `#8f7c56` | `oklch(59.51% 0.0587 85.40)` | Old Ruin | black, 5.2 to 1 |
| 24 | `#92805a` | `oklch(60.76% 0.0580 85.19)` | Gingko Tree | black, 5.4 to 1 |
| 25 | `#96845e` | `oklch(61.99% 0.0572 84.96)` | Twisted Tail | black, 5.7 to 1 |
| 26 | `#9a8762` | `oklch(63.16% 0.0563 84.73)` | Treasure Chamber | black, 6 to 1 |
| 27 | `#9d8b66` | `oklch(64.28% 0.0554 84.50)` | Autumn Laurel | black, 6.2 to 1 |
| 28 | `#a08e6a` | `oklch(65.33% 0.0546 84.28)` | Pond Green | black, 6.5 to 1 |
| 29 | `#a3916d` | `oklch(66.29% 0.0538 84.08)` | Natural Bridge | black, 6.8 to 1 |
| 30 | `#a59370` | `oklch(67.15% 0.0532 83.91)` | Gristmill | black, 7 to 1 |
| 31 | `#a89673` | `oklch(67.89% 0.0527 83.77)` | Quail Valley | black, 7.2 to 1 |
| 32 | `#a99875` | `oklch(68.50% 0.0524 83.68)` | King Ghidorah | black, 7.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #3f3a32 0.0%, #413b32 3.2%, #433d33 6.5%, #463f34 9.7%, #494234 12.9%, #4d4435 16.1%, #514735 19.4%, #554a36 22.6%, #594d37 25.8%, #5d5038 29.0%, #615338 32.3%, #655739 35.5%, #695a3b 38.7%, #6d5d3c 41.9%, #71613d 45.2%, #75643f 48.4%, #786741 51.6%, #7c6a44 54.8%, #806e47 58.1%, #83714a 61.3%, #87754e 64.5%, #8b7952 67.7%, #8f7c56 71.0%, #92805a 74.2%, #96845e 77.4%, #9a8762 80.6%, #9d8b66 83.9%, #a08e6a 87.1%, #a3916d 90.3%, #a59370 93.5%, #a89673 96.8%, #a99875 100.0%);
background: linear-gradient(90deg in oklch, oklch(35.04% 0.0152 79.45) 0.0%, oklch(35.64% 0.0168 79.70) 3.2%, oklch(36.36% 0.0189 80.02) 6.5%, oklch(37.19% 0.0215 80.41) 9.7%, oklch(38.12% 0.0243 80.85) 12.9%, oklch(39.14% 0.0275 81.33) 16.1%, oklch(40.22% 0.0308 81.83) 19.4%, oklch(41.36% 0.0342 82.36) 22.6%, oklch(42.55% 0.0377 82.89) 25.8%, oklch(43.77% 0.0412 83.41) 29.0%, oklch(45.01% 0.0445 83.91) 32.3%, oklch(46.25% 0.0477 84.38) 35.5%, oklch(47.49% 0.0506 84.81) 38.7%, oklch(48.71% 0.0533 85.18) 41.9%, oklch(49.89% 0.0555 85.49) 45.2%, oklch(51.03% 0.0572 85.71) 48.4%, oklch(52.12% 0.0584 85.85) 51.6%, oklch(53.27% 0.0592 85.91) 54.8%, oklch(54.47% 0.0597 85.91) 58.1%, oklch(55.71% 0.0598 85.85) 61.3%, oklch(56.97% 0.0596 85.73) 64.5%, oklch(58.24% 0.0593 85.58) 67.7%, oklch(59.51% 0.0587 85.40) 71.0%, oklch(60.76% 0.0580 85.19) 74.2%, oklch(61.99% 0.0572 84.96) 77.4%, oklch(63.16% 0.0563 84.73) 80.6%, oklch(64.28% 0.0554 84.50) 83.9%, oklch(65.33% 0.0546 84.28) 87.1%, oklch(66.29% 0.0538 84.08) 90.3%, oklch(67.15% 0.0532 83.91) 93.5%, oklch(67.89% 0.0527 83.77) 96.8%, oklch(68.50% 0.0524 83.68) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.35 | 0.015 | 79.5 |
| 2 | 0.516 | 0.058 | 85.8 |
| 3 | 0.685 | 0.052 | 83.7 |

## In these collections

- [Warm neutral gradients](https://grabient.com/warm-neutral-gradients)

## Other forms

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