# Near-black and tan color palette

The Near-black and tan color palette brings together black, dark orange, orange, light orange, and off-white. The colors span a very broad lightness range, combining restrained color with high contrast. Its balanced and composed character suits information graphics and map mood boards. Its darkest tone is black, and its lightest tone is off-white.

- Also called: Black, brown, gray and white linear gradient
- Seed: `kWEgAyJgk-8cQwRli0FfIJA4`
- Page: https://grabient.com/kWEgAyJgk-8cQwRli0FfIJA4?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light, neutral, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 19.7 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 | `#010101` | `oklch(7.09% 0.0000 89.88)` | Binary Black | white, 20.8 to 1 |
| 2 | `#030202` | `oklch(8.89% 0.0020 69.51)` | Armour Wash | white, 20.7 to 1 |
| 3 | `#060504` | `oklch(11.28% 0.0047 68.29)` | Black Metal | white, 20.4 to 1 |
| 4 | `#0c0906` | `oklch(14.12% 0.0080 66.83)` | Badab Black Wash | white, 19.8 to 1 |
| 5 | `#140f0b` | `oklch(17.29% 0.0116 65.30)` | Nuln Oil | white, 19 to 1 |
| 6 | `#1d1610` | `oklch(20.66% 0.0153 63.88)` | Soulless | white, 17.8 to 1 |
| 7 | `#261e16` | `oklch(24.10% 0.0190 62.72)` | Burnt Coffee | white, 16.4 to 1 |
| 8 | `#30251c` | `oklch(27.49% 0.0225 62.00)` | Wood Bark | white, 14.8 to 1 |
| 9 | `#392d22` | `oklch(30.71% 0.0256 61.89)` | Sambuca | white, 13.3 to 1 |
| 10 | `#433528` | `oklch(33.96% 0.0288 62.35)` | Jacko Bean | white, 11.8 to 1 |
| 11 | `#4d3d2f` | `oklch(37.29% 0.0322 63.24)` | Simmered Seaweed | white, 10.3 to 1 |
| 12 | `#574635` | `oklch(40.70% 0.0356 64.47)` | Kuri Black | white, 9 to 1 |
| 13 | `#624f3c` | `oklch(44.13% 0.0388 65.93)` | Rooted | white, 7.7 to 1 |
| 14 | `#6c5843` | `oklch(47.56% 0.0416 67.51)` | Tobacco Brown | white, 6.7 to 1 |
| 15 | `#77624b` | `oklch(50.95% 0.0438 69.12)` | South Kingston | white, 5.8 to 1 |
| 16 | `#816b53` | `oklch(54.28% 0.0452 70.66)` | Salted Pretzel | white, 5 to 1 |
| 17 | `#8a755b` | `oklch(57.52% 0.0455 72.07)` | Noble Crown | black, 4.7 to 1 |
| 18 | `#937f65` | `oklch(60.77% 0.0449 73.53)` | Dapper Tan | black, 5.4 to 1 |
| 19 | `#9c896f` | `oklch(64.01% 0.0436 75.07)` | Nurude Brown | black, 6.2 to 1 |
| 20 | `#a5937a` | `oklch(67.22% 0.0416 76.65)` | Clippership Twill | black, 7 to 1 |
| 21 | `#ad9d85` | `oklch(70.37% 0.0392 78.24)` | Sheepskin Gloves | black, 7.9 to 1 |
| 22 | `#b5a790` | `oklch(73.44% 0.0365 79.79)` | Sleepy Owlet | black, 8.9 to 1 |
| 23 | `#bdb19b` | `oklch(76.40% 0.0337 81.28)` | Akaroa | black, 9.9 to 1 |
| 24 | `#c5baa5` | `oklch(79.24% 0.0310 82.67)` | Forgotten Tusk | black, 10.9 to 1 |
| 25 | `#cdc3b0` | `oklch(81.98% 0.0282 83.97)` | Seine and Sensibility | black, 12 to 1 |
| 26 | `#d4ccbb` | `oklch(84.77% 0.0249 85.28)` | Bay Salt | black, 13.1 to 1 |
| 27 | `#dcd5c7` | `oklch(87.52% 0.0212 86.57)` | Polished Limestone | black, 14.4 to 1 |
| 28 | `#e3ded2` | `oklch(90.16% 0.0174 87.80)` | Oyster Haze | black, 15.6 to 1 |
| 29 | `#eae6dc` | `oklch(92.61% 0.0138 88.94)` | Elk Skin | black, 16.8 to 1 |
| 30 | `#f0eee6` | `oklch(94.79% 0.0104 89.94)` | Cow’s Milk | black, 18 to 1 |
| 31 | `#f6f4ee` | `oklch(96.62% 0.0076 90.79)` | The Speed of Light | black, 19 to 1 |
| 32 | `#faf8f4` | `oklch(98.03% 0.0055 91.45)` | Ultra Pure White | black, 19.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #010101 0.0%, #030202 3.2%, #060504 6.5%, #0c0906 9.7%, #140f0b 12.9%, #1d1610 16.1%, #261e16 19.4%, #30251c 22.6%, #392d22 25.8%, #433528 29.0%, #4d3d2f 32.3%, #574635 35.5%, #624f3c 38.7%, #6c5843 41.9%, #77624b 45.2%, #816b53 48.4%, #8a755b 51.6%, #937f65 54.8%, #9c896f 58.1%, #a5937a 61.3%, #ad9d85 64.5%, #b5a790 67.7%, #bdb19b 71.0%, #c5baa5 74.2%, #cdc3b0 77.4%, #d4ccbb 80.6%, #dcd5c7 83.9%, #e3ded2 87.1%, #eae6dc 90.3%, #f0eee6 93.5%, #f6f4ee 96.8%, #faf8f4 100.0%);
background: linear-gradient(90deg in oklch, oklch(7.09% 0.0000 89.88) 0.0%, oklch(8.89% 0.0020 69.51) 3.2%, oklch(11.28% 0.0047 68.29) 6.5%, oklch(14.12% 0.0080 66.83) 9.7%, oklch(17.29% 0.0116 65.30) 12.9%, oklch(20.66% 0.0153 63.88) 16.1%, oklch(24.10% 0.0190 62.72) 19.4%, oklch(27.49% 0.0225 62.00) 22.6%, oklch(30.71% 0.0256 61.89) 25.8%, oklch(33.96% 0.0288 62.35) 29.0%, oklch(37.29% 0.0322 63.24) 32.3%, oklch(40.70% 0.0356 64.47) 35.5%, oklch(44.13% 0.0388 65.93) 38.7%, oklch(47.56% 0.0416 67.51) 41.9%, oklch(50.95% 0.0438 69.12) 45.2%, oklch(54.28% 0.0452 70.66) 48.4%, oklch(57.52% 0.0455 72.07) 51.6%, oklch(60.77% 0.0449 73.53) 54.8%, oklch(64.01% 0.0436 75.07) 58.1%, oklch(67.22% 0.0416 76.65) 61.3%, oklch(70.37% 0.0392 78.24) 64.5%, oklch(73.44% 0.0365 79.79) 67.7%, oklch(76.40% 0.0337 81.28) 71.0%, oklch(79.24% 0.0310 82.67) 74.2%, oklch(81.98% 0.0282 83.97) 77.4%, oklch(84.77% 0.0249 85.28) 80.6%, oklch(87.52% 0.0212 86.57) 83.9%, oklch(90.16% 0.0174 87.80) 87.1%, oklch(92.61% 0.0138 88.94) 90.3%, oklch(94.79% 0.0104 89.94) 93.5%, oklch(96.62% 0.0076 90.79) 96.8%, oklch(98.03% 0.0055 91.45) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.071 | 0 | 70.3 |
| 2 | 0.299 | 0.025 | 61.9 |
| 3 | 0.559 | 0.045 | 71.4 |
| 4 | 0.799 | 0.03 | 83 |
| 5 | 0.98 | 0.006 | 91.4 |

## In these collections

- [Sequential data gradients](https://grabient.com/sequential-data-gradients)
- [Medical imaging gradients](https://grabient.com/medical-imaging-gradients)

## Other forms

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