# Tan, burgundy and near-black color palette

The Tan, burgundy and near-black color palette brings together orange, red, and dark red. The colors span a moderate lightness range, combining restrained color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark red, and its lightest tone is orange.

- Also called: Monochrome brown to black linear gradient
- Seed: `kUjigiNpI-yYOvuXCT8A`
- Page: https://grabient.com/kUjigiNpI-yYOvuXCT8A?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: light to dark, muted, dark, warm, monochrome
- Hues: analogous
- 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 | `#906b58` | `oklch(55.91% 0.0551 47.81)` | Leather | white, 4.7 to 1 |
| 2 | `#8d6856` | `oklch(55.16% 0.0548 47.26)` | Art and Craft | white, 4.9 to 1 |
| 3 | `#8a6654` | `oklch(54.21% 0.0545 46.55)` | Tanbark | white, 5.1 to 1 |
| 4 | `#876252` | `oklch(53.08% 0.0540 45.72)` | How Now | white, 5.3 to 1 |
| 5 | `#835f4f` | `oklch(51.82% 0.0536 44.77)` | Spanish Chestnut | white, 5.6 to 1 |
| 6 | `#7f5b4c` | `oklch(50.46% 0.0531 43.76)` | Spiced Cinnamon | white, 6 to 1 |
| 7 | `#7a5749` | `oklch(49.03% 0.0525 42.70)` | Burns Cave | white, 6.3 to 1 |
| 8 | `#765345` | `oklch(47.56% 0.0519 41.63)` | Roasted | white, 6.8 to 1 |
| 9 | `#714f42` | `oklch(46.10% 0.0512 40.57)` | Coffee Shop | white, 7.2 to 1 |
| 10 | `#6d4b3f` | `oklch(44.68% 0.0506 39.55)` | Brooklyn Brownstone | white, 7.7 to 1 |
| 11 | `#69473c` | `oklch(43.34% 0.0498 38.60)` | Deep Cherrywood | white, 8.1 to 1 |
| 12 | `#65443a` | `oklch(42.07% 0.0491 37.72)` | Rocky Road | white, 8.6 to 1 |
| 13 | `#614137` | `oklch(40.80% 0.0483 36.87)` | American Milking Devon | white, 9 to 1 |
| 14 | `#5d3d35` | `oklch(39.53% 0.0475 36.02)` | Thoroughfare | white, 9.5 to 1 |
| 15 | `#593a32` | `oklch(38.26% 0.0467 35.18)` | Intergalactic Ray | white, 10.1 to 1 |
| 16 | `#55372f` | `oklch(36.98% 0.0458 34.35)` | American Mahogany | white, 10.6 to 1 |
| 17 | `#51342d` | `oklch(35.71% 0.0449 33.53)` | American Mahogany | white, 11.1 to 1 |
| 18 | `#4d312a` | `oklch(34.44% 0.0440 32.73)` | Rojo Marrón | white, 11.7 to 1 |
| 19 | `#4a2e28` | `oklch(33.19% 0.0429 31.93)` | Barako Brew | white, 12.3 to 1 |
| 20 | `#462b25` | `oklch(31.95% 0.0419 31.14)` | Morocco Brown | white, 12.9 to 1 |
| 21 | `#422823` | `oklch(30.73% 0.0407 30.36)` | Polished Mahogany | white, 13.5 to 1 |
| 22 | `#3e2521` | `oklch(29.52% 0.0395 29.59)` | Ethereal Espresso | white, 14 to 1 |
| 23 | `#3a221f` | `oklch(28.25% 0.0382 28.79)` | Brown Pod | white, 14.6 to 1 |
| 24 | `#361f1c` | `oklch(26.94% 0.0366 27.96)` | Black Kite | white, 15.2 to 1 |
| 25 | `#321c1a` | `oklch(25.61% 0.0349 27.12)` | Black Kite | white, 15.9 to 1 |
| 26 | `#2e1a17` | `oklch(24.28% 0.0332 26.29)` | Darkroom | white, 16.4 to 1 |
| 27 | `#2a1715` | `oklch(22.99% 0.0315 25.49)` | Tetsu-Guro Black | white, 17 to 1 |
| 28 | `#261413` | `oklch(21.77% 0.0298 24.73)` | Used Oil | white, 17.5 to 1 |
| 29 | `#231211` | `oklch(20.64% 0.0283 24.03)` | Italian Roast | white, 17.9 to 1 |
| 30 | `#20100f` | `oklch(19.64% 0.0269 23.40)` | Italian Roast | white, 18.3 to 1 |
| 31 | `#1e0f0e` | `oklch(18.78% 0.0257 22.87)` | Scandinavian Liquorice | white, 18.6 to 1 |
| 32 | `#1c0d0d` | `oklch(18.11% 0.0248 22.45)` | Scandinavian Liquorice | white, 18.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #906b58 0.0%, #8d6856 3.2%, #8a6654 6.5%, #876252 9.7%, #835f4f 12.9%, #7f5b4c 16.1%, #7a5749 19.4%, #765345 22.6%, #714f42 25.8%, #6d4b3f 29.0%, #69473c 32.3%, #65443a 35.5%, #614137 38.7%, #5d3d35 41.9%, #593a32 45.2%, #55372f 48.4%, #51342d 51.6%, #4d312a 54.8%, #4a2e28 58.1%, #462b25 61.3%, #422823 64.5%, #3e2521 67.7%, #3a221f 71.0%, #361f1c 74.2%, #321c1a 77.4%, #2e1a17 80.6%, #2a1715 83.9%, #261413 87.1%, #231211 90.3%, #20100f 93.5%, #1e0f0e 96.8%, #1c0d0d 100.0%);
background: linear-gradient(90deg in oklch, oklch(55.91% 0.0551 47.81) 0.0%, oklch(55.16% 0.0548 47.26) 3.2%, oklch(54.21% 0.0545 46.55) 6.5%, oklch(53.08% 0.0540 45.72) 9.7%, oklch(51.82% 0.0536 44.77) 12.9%, oklch(50.46% 0.0531 43.76) 16.1%, oklch(49.03% 0.0525 42.70) 19.4%, oklch(47.56% 0.0519 41.63) 22.6%, oklch(46.10% 0.0512 40.57) 25.8%, oklch(44.68% 0.0506 39.55) 29.0%, oklch(43.34% 0.0498 38.60) 32.3%, oklch(42.07% 0.0491 37.72) 35.5%, oklch(40.80% 0.0483 36.87) 38.7%, oklch(39.53% 0.0475 36.02) 41.9%, oklch(38.26% 0.0467 35.18) 45.2%, oklch(36.98% 0.0458 34.35) 48.4%, oklch(35.71% 0.0449 33.53) 51.6%, oklch(34.44% 0.0440 32.73) 54.8%, oklch(33.19% 0.0429 31.93) 58.1%, oklch(31.95% 0.0419 31.14) 61.3%, oklch(30.73% 0.0407 30.36) 64.5%, oklch(29.52% 0.0395 29.59) 67.7%, oklch(28.25% 0.0382 28.79) 71.0%, oklch(26.94% 0.0366 27.96) 74.2%, oklch(25.61% 0.0349 27.12) 77.4%, oklch(24.28% 0.0332 26.29) 80.6%, oklch(22.99% 0.0315 25.49) 83.9%, oklch(21.77% 0.0298 24.73) 87.1%, oklch(20.64% 0.0283 24.03) 90.3%, oklch(19.64% 0.0269 23.40) 93.5%, oklch(18.78% 0.0257 22.87) 96.8%, oklch(18.11% 0.0248 22.45) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.559 | 0.055 | 47.8 |
| 2 | 0.429 | 0.05 | 38.3 |
| 3 | 0.299 | 0.04 | 29.8 |
| 4 | 0.181 | 0.025 | 22.5 |

## In these collections

- [Soft neutral gradients](https://grabient.com/soft-neutral-gradients)
- [Warm neutral gradients](https://grabient.com/warm-neutral-gradients)
- [Monochromatic swatches](https://grabient.com/monochromatic-swatches)
- [Brown swatches](https://grabient.com/brown-swatches)

## Other forms

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