# Near-black, tan and stone color palette

Black to gray radial gradient with 48 colors: #1a1514, #1c1616, #1f1818, #221a1a, #261d1c, #29201f, #2d2321, #322624, #362a27, #3b2e2b, #40312e, #453531, #4a3934, #4f3e38, #55423b, #5a473f, #604c42, #665246, #6d574a, #735d4e, #786352, #7e6856, #836e5b, #89735f, #8d7864, #927d68, #96816d, #9a8672, #9e8a77, #a28e7d, #a69282, #a99687, #ad9a8c, #b09e91, #b3a296, #b7a69b, #baaaa0, #beaea5, #c2b2aa, #c5b7af, #c9bbb4, #cdbfb9, #d0c3bd, #d3c6c2, #d6cac6, #d8cdc9, #dacfcc, #dcd2cf. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Black to gray radial gradient
- Seed: `kWMwcOLYlCEmOwzeCT7boS9g`
- Page: https://grabient.com/kWMwcOLYlCEmOwzeCT7boS9g?style=radialGradient&steps=48&angle=0
- Drawn as: radial gradient, 48 steps, 0 degrees
- Kinds: dark to light, neutral, warm
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 12.1 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 | `#1a1514` | `oklch(20.08% 0.0096 19.69)` | Kokushoku Black | white, 18.1 to 1 |
| 2 | `#1c1616` | `oklch(20.84% 0.0104 20.55)` | Bats Cloak | white, 17.8 to 1 |
| 3 | `#1f1818` | `oklch(21.76% 0.0113 21.58)` | Kālā Black | white, 17.4 to 1 |
| 4 | `#221a1a` | `oklch(22.83% 0.0124 22.77)` | Dark Orchestra | white, 17 to 1 |
| 5 | `#261d1c` | `oklch(24.03% 0.0137 24.11)` | Dark Orchestra | white, 16.5 to 1 |
| 6 | `#29201f` | `oklch(25.35% 0.0150 25.58)` | Orka Black | white, 15.9 to 1 |
| 7 | `#2d2321` | `oklch(26.76% 0.0165 27.16)` | Gold Black | white, 15.2 to 1 |
| 8 | `#322624` | `oklch(28.24% 0.0179 28.83)` | Wood Bark | white, 14.5 to 1 |
| 9 | `#362a27` | `oklch(29.79% 0.0194 30.59)` | Betel Nut Dye | white, 13.8 to 1 |
| 10 | `#3b2e2b` | `oklch(31.38% 0.0209 32.42)` | Mole | white, 13 to 1 |
| 11 | `#40312e` | `oklch(32.99% 0.0224 34.29)` | Auberge | white, 12.3 to 1 |
| 12 | `#453531` | `oklch(34.62% 0.0238 36.21)` | Rebel | white, 11.5 to 1 |
| 13 | `#4a3934` | `oklch(36.23% 0.0251 38.15)` | Brown Beauty | white, 10.8 to 1 |
| 14 | `#4f3e38` | `oklch(37.93% 0.0266 40.36)` | Brown Pepper | white, 10.1 to 1 |
| 15 | `#55423b` | `oklch(39.74% 0.0282 42.87)` | Double Espresso | white, 9.4 to 1 |
| 16 | `#5a473f` | `oklch(41.63% 0.0298 45.59)` | Baronial Brown | white, 8.6 to 1 |
| 17 | `#604c42` | `oklch(43.58% 0.0316 48.43)` | Little Bear | white, 7.9 to 1 |
| 18 | `#665246` | `oklch(45.57% 0.0332 51.32)` | Rain Drum | white, 7.3 to 1 |
| 19 | `#6d574a` | `oklch(47.58% 0.0349 54.16)` | Caramelised Walnut | white, 6.7 to 1 |
| 20 | `#735d4e` | `oklch(49.58% 0.0364 56.87)` | Rich Brown | white, 6.1 to 1 |
| 21 | `#786352` | `oklch(51.54% 0.0377 59.36)` | Tanbark Trail | white, 5.6 to 1 |
| 22 | `#7e6856` | `oklch(53.46% 0.0387 61.55)` | Roman Coffee | white, 5.2 to 1 |
| 23 | `#836e5b` | `oklch(55.30% 0.0395 63.35)` | Golem | white, 4.8 to 1 |
| 24 | `#89735f` | `oklch(57.05% 0.0399 64.67)` | Tree Branch | black, 4.6 to 1 |
| 25 | `#8d7864` | `oklch(58.68% 0.0399 65.45)` | Dusty Path | black, 5 to 1 |
| 26 | `#927d68` | `oklch(60.24% 0.0395 65.79)` | Gazelle | black, 5.3 to 1 |
| 27 | `#96816d` | `oklch(61.75% 0.0387 65.73)` | Chocolate Moment | black, 5.6 to 1 |
| 28 | `#9a8672` | `oklch(63.21% 0.0376 65.34)` | Sturdy Brown | black, 6 to 1 |
| 29 | `#9e8a77` | `oklch(64.63% 0.0362 64.66)` | Sycamore Tan | black, 6.3 to 1 |
| 30 | `#a28e7d` | `oklch(66.00% 0.0347 63.74)` | Cocoa Whip | black, 6.7 to 1 |
| 31 | `#a69282` | `oklch(67.34% 0.0331 62.63)` | Lap Dog | black, 7 to 1 |
| 32 | `#a99687` | `oklch(68.66% 0.0313 61.38)` | Chic Taupe | black, 7.4 to 1 |
| 33 | `#ad9a8c` | `oklch(69.94% 0.0296 60.04)` | Threshold Taupe | black, 7.7 to 1 |
| 34 | `#b09e91` | `oklch(71.21% 0.0280 58.65)` | Cuppa Coffee | black, 8.1 to 1 |
| 35 | `#b3a296` | `oklch(72.46% 0.0265 57.26)` | Thorn Crown | black, 8.5 to 1 |
| 36 | `#b7a69b` | `oklch(73.71% 0.0251 55.94)` | Pick of the Litter | black, 8.9 to 1 |
| 37 | `#baaaa0` | `oklch(74.96% 0.0239 54.59)` | Turning Tables | black, 9.3 to 1 |
| 38 | `#beaea5` | `oklch(76.24% 0.0227 53.01)` | Thumper | black, 9.8 to 1 |
| 39 | `#c2b2aa` | `oklch(77.55% 0.0215 51.22)` | Mauvette | black, 10.2 to 1 |
| 40 | `#c5b7af` | `oklch(78.85% 0.0202 49.29)` | Froth | black, 10.7 to 1 |
| 41 | `#c9bbb4` | `oklch(80.13% 0.0190 47.28)` | Seagull Beach | black, 11.2 to 1 |
| 42 | `#cdbfb9` | `oklch(81.37% 0.0178 45.24)` | Vintage Taupe | black, 11.7 to 1 |
| 43 | `#d0c3bd` | `oklch(82.56% 0.0167 43.22)` | Josephine | black, 12.1 to 1 |
| 44 | `#d3c6c2` | `oklch(83.67% 0.0156 41.29)` | Weathered Hide | black, 12.6 to 1 |
| 45 | `#d6cac6` | `oklch(84.69% 0.0146 39.50)` | Orchid Blush | black, 13 to 1 |
| 46 | `#d8cdc9` | `oklch(85.60% 0.0138 37.91)` | Thought | black, 13.4 to 1 |
| 47 | `#dacfcc` | `oklch(86.38% 0.0130 36.57)` | Brook Trout | black, 13.8 to 1 |
| 48 | `#dcd2cf` | `oklch(87.01% 0.0124 35.54)` | Tranquil Retreat | black, 14.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #1a1514 0.0%, #1c1616 2.1%, #1f1818 4.3%, #221a1a 6.4%, #261d1c 8.5%, #29201f 10.6%, #2d2321 12.8%, #322624 14.9%, #362a27 17.0%, #3b2e2b 19.1%, #40312e 21.3%, #453531 23.4%, #4a3934 25.5%, #4f3e38 27.7%, #55423b 29.8%, #5a473f 31.9%, #604c42 34.0%, #665246 36.2%, #6d574a 38.3%, #735d4e 40.4%, #786352 42.6%, #7e6856 44.7%, #836e5b 46.8%, #89735f 48.9%, #8d7864 51.1%, #927d68 53.2%, #96816d 55.3%, #9a8672 57.4%, #9e8a77 59.6%, #a28e7d 61.7%, #a69282 63.8%, #a99687 66.0%, #ad9a8c 68.1%, #b09e91 70.2%, #b3a296 72.3%, #b7a69b 74.5%, #baaaa0 76.6%, #beaea5 78.7%, #c2b2aa 80.9%, #c5b7af 83.0%, #c9bbb4 85.1%, #cdbfb9 87.2%, #d0c3bd 89.4%, #d3c6c2 91.5%, #d6cac6 93.6%, #d8cdc9 95.7%, #dacfcc 97.9%, #dcd2cf 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(20.08% 0.0096 19.69) 0.0%, oklch(20.84% 0.0104 20.55) 2.1%, oklch(21.76% 0.0113 21.58) 4.3%, oklch(22.83% 0.0124 22.77) 6.4%, oklch(24.03% 0.0137 24.11) 8.5%, oklch(25.35% 0.0150 25.58) 10.6%, oklch(26.76% 0.0165 27.16) 12.8%, oklch(28.24% 0.0179 28.83) 14.9%, oklch(29.79% 0.0194 30.59) 17.0%, oklch(31.38% 0.0209 32.42) 19.1%, oklch(32.99% 0.0224 34.29) 21.3%, oklch(34.62% 0.0238 36.21) 23.4%, oklch(36.23% 0.0251 38.15) 25.5%, oklch(37.93% 0.0266 40.36) 27.7%, oklch(39.74% 0.0282 42.87) 29.8%, oklch(41.63% 0.0298 45.59) 31.9%, oklch(43.58% 0.0316 48.43) 34.0%, oklch(45.57% 0.0332 51.32) 36.2%, oklch(47.58% 0.0349 54.16) 38.3%, oklch(49.58% 0.0364 56.87) 40.4%, oklch(51.54% 0.0377 59.36) 42.6%, oklch(53.46% 0.0387 61.55) 44.7%, oklch(55.30% 0.0395 63.35) 46.8%, oklch(57.05% 0.0399 64.67) 48.9%, oklch(58.68% 0.0399 65.45) 51.1%, oklch(60.24% 0.0395 65.79) 53.2%, oklch(61.75% 0.0387 65.73) 55.3%, oklch(63.21% 0.0376 65.34) 57.4%, oklch(64.63% 0.0362 64.66) 59.6%, oklch(66.00% 0.0347 63.74) 61.7%, oklch(67.34% 0.0331 62.63) 63.8%, oklch(68.66% 0.0313 61.38) 66.0%, oklch(69.94% 0.0296 60.04) 68.1%, oklch(71.21% 0.0280 58.65) 70.2%, oklch(72.46% 0.0265 57.26) 72.3%, oklch(73.71% 0.0251 55.94) 74.5%, oklch(74.96% 0.0239 54.59) 76.6%, oklch(76.24% 0.0227 53.01) 78.7%, oklch(77.55% 0.0215 51.22) 80.9%, oklch(78.85% 0.0202 49.29) 83.0%, oklch(80.13% 0.0190 47.28) 85.1%, oklch(81.37% 0.0178 45.24) 87.2%, oklch(82.56% 0.0167 43.22) 89.4%, oklch(83.67% 0.0156 41.29) 91.5%, oklch(84.69% 0.0146 39.50) 93.6%, oklch(85.60% 0.0138 37.91) 95.7%, oklch(86.38% 0.0130 36.57) 97.9%, oklch(87.01% 0.0124 35.54) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.201 | 0.01 | 19.7 |
| 2 | 0.358 | 0.025 | 37.7 |
| 3 | 0.579 | 0.04 | 65.1 |
| 4 | 0.74 | 0.025 | 55.6 |
| 5 | 0.87 | 0.012 | 35.5 |

## In these collections

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

## Other forms

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