# Near-black, champagne and bronze color palette

Black, gray and brown radial gradient with 48 colors: #211910, #251d14, #2b2219, #31281f, #383026, #40382e, #4a4136, #534b40, #5e554a, #696154, #756c5f, #80786b, #8c8476, #989082, #a49c8d, #afa899, #bab3a3, #c4bdad, #cec7b7, #d6cfbf, #ddd7c6, #e3ddcc, #e8e1d0, #eae4d2, #ebe5d3, #ebe4d2, #e8e1cf, #e4ddcb, #dfd8c5, #d9d1bf, #d2cab7, #cac1ae, #c1b8a5, #b8ae9b, #aea491, #a49a86, #9a8f7c, #908471, #867a67, #7c705d, #736654, #6a5d4b, #625543, #5b4d3b, #544635, #4e412f, #4a3c2a, #463826. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Black, gray and brown radial gradient
- Seed: `kSOA8w9QlCiyMvc`
- Page: https://grabient.com/kSOA8w9QlCiyMvc?style=radialGradient&steps=48&angle=15
- Drawn as: radial gradient, 48 steps, 15 degrees
- Kinds: light center, neutral, warm
- Hues: achromatic
- Contrast of its darkest and lightest colors: 13.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 | `#211910` | `oklch(22.05% 0.0207 68.20)` | Used Oil | white, 17.3 to 1 |
| 2 | `#251d14` | `oklch(23.77% 0.0208 68.75)` | Burnt Coffee | white, 16.5 to 1 |
| 3 | `#2b2219` | `oklch(25.94% 0.0209 69.43)` | Weathervane | white, 15.6 to 1 |
| 4 | `#31281f` | `oklch(28.49% 0.0210 70.24)` | Cocoa Brown | white, 14.3 to 1 |
| 5 | `#383026` | `oklch(31.40% 0.0211 71.16)` | Creole | white, 13 to 1 |
| 6 | `#40382e` | `oklch(34.60% 0.0212 72.18)` | Tobago | white, 11.5 to 1 |
| 7 | `#4a4136` | `oklch(38.07% 0.0213 73.27)` | Wren | white, 10 to 1 |
| 8 | `#534b40` | `oklch(41.74% 0.0214 74.43)` | Arrowhead | white, 8.5 to 1 |
| 9 | `#5e554a` | `oklch(45.57% 0.0216 75.65)` | Rub Elbows | white, 7.2 to 1 |
| 10 | `#696154` | `oklch(49.53% 0.0217 76.90)` | Bungee Cord | white, 6.1 to 1 |
| 11 | `#756c5f` | `oklch(53.56% 0.0219 78.18)` | Trailhead | white, 5.1 to 1 |
| 12 | `#80786b` | `oklch(57.62% 0.0220 79.46)` | Solitary Slate | black, 4.8 to 1 |
| 13 | `#8c8476` | `oklch(61.66% 0.0222 80.74)` | Camo Beige | black, 5.6 to 1 |
| 14 | `#989082` | `oklch(65.64% 0.0224 82.00)` | Grey Squirrel | black, 6.6 to 1 |
| 15 | `#a49c8d` | `oklch(69.51% 0.0225 83.22)` | Sacred Vortex | black, 7.7 to 1 |
| 16 | `#afa899` | `oklch(73.22% 0.0227 84.40)` | Grey Silt | black, 8.8 to 1 |
| 17 | `#bab3a3` | `oklch(76.74% 0.0229 85.51)` | Ashes to Ashes | black, 10 to 1 |
| 18 | `#c4bdad` | `oklch(80.01% 0.0231 86.55)` | Phelps Putty | black, 11.2 to 1 |
| 19 | `#cec7b7` | `oklch(82.99% 0.0234 87.49)` | Simple Stone | black, 12.4 to 1 |
| 20 | `#d6cfbf` | `oklch(85.63% 0.0236 88.33)` | Gypsum Sand | black, 13.5 to 1 |
| 21 | `#ddd7c6` | `oklch(87.89% 0.0239 89.05)` | Stonewashed | black, 14.5 to 1 |
| 22 | `#e3ddcc` | `oklch(89.72% 0.0241 89.63)` | Fossil Stone | black, 15.4 to 1 |
| 23 | `#e8e1d0` | `oklch(91.08% 0.0244 90.06)` | Cosy White | black, 16.1 to 1 |
| 24 | `#eae4d2` | `oklch(91.92% 0.0247 90.33)` | Abilene Lace | black, 16.5 to 1 |
| 25 | `#ebe5d3` | `oklch(92.19% 0.0250 90.42)` | Always Almond | black, 16.6 to 1 |
| 26 | `#ebe4d2` | `oklch(91.93% 0.0253 90.34)` | Pogo Sands | black, 16.5 to 1 |
| 27 | `#e8e1cf` | `oklch(91.17% 0.0256 90.10)` | Shearling | black, 16.1 to 1 |
| 28 | `#e4ddcb` | `oklch(89.94% 0.0260 89.72)` | Light Hog Bristle | black, 15.5 to 1 |
| 29 | `#dfd8c5` | `oklch(88.31% 0.0264 89.20)` | Sentimental Beige | black, 14.7 to 1 |
| 30 | `#d9d1bf` | `oklch(86.30% 0.0269 88.57)` | Clam | black, 13.8 to 1 |
| 31 | `#d2cab7` | `oklch(83.96% 0.0273 87.84)` | Unmarked Trail | black, 12.8 to 1 |
| 32 | `#cac1ae` | `oklch(81.33% 0.0278 87.01)` | Oyster Grey | black, 11.7 to 1 |
| 33 | `#c1b8a5` | `oklch(78.46% 0.0283 86.11)` | Pasha Brown | black, 10.6 to 1 |
| 34 | `#b8ae9b` | `oklch(75.39% 0.0288 85.14)` | True Khaki | black, 9.5 to 1 |
| 35 | `#aea491` | `oklch(72.16% 0.0293 84.12)` | Garden Wall | black, 8.5 to 1 |
| 36 | `#a49a86` | `oklch(68.81% 0.0298 83.07)` | Churchill Downs | black, 7.5 to 1 |
| 37 | `#9a8f7c` | `oklch(65.39% 0.0303 81.99)` | Bunglehouse Beige | black, 6.5 to 1 |
| 38 | `#908471` | `oklch(61.94% 0.0307 80.90)` | Faint Allegory | black, 5.7 to 1 |
| 39 | `#867a67` | `oklch(58.49% 0.0312 79.82)` | Flood Mud | black, 4.9 to 1 |
| 40 | `#7c705d` | `oklch(55.11% 0.0317 78.75)` | Dusky Green | white, 4.8 to 1 |
| 41 | `#736654` | `oklch(51.81% 0.0321 77.71)` | Ancient Earth | white, 5.5 to 1 |
| 42 | `#6a5d4b` | `oklch(48.66% 0.0325 76.72)` | Pickled Capers | white, 6.3 to 1 |
| 43 | `#625543` | `oklch(45.69% 0.0329 75.78)` | Sandalwood | white, 7.2 to 1 |
| 44 | `#5b4d3b` | `oklch(42.94% 0.0333 74.92)` | Beggar | white, 8.1 to 1 |
| 45 | `#544635` | `oklch(40.46% 0.0336 74.14)` | Kuri Black | white, 9 to 1 |
| 46 | `#4e412f` | `oklch(38.29% 0.0340 73.45)` | Deep Bronze | white, 9.9 to 1 |
| 47 | `#4a3c2a` | `oklch(36.47% 0.0342 72.88)` | Harpy Brown | white, 10.7 to 1 |
| 48 | `#463826` | `oklch(35.04% 0.0344 72.43)` | Loam | white, 11.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #211910 0.0%, #251d14 2.1%, #2b2219 4.3%, #31281f 6.4%, #383026 8.5%, #40382e 10.6%, #4a4136 12.8%, #534b40 14.9%, #5e554a 17.0%, #696154 19.1%, #756c5f 21.3%, #80786b 23.4%, #8c8476 25.5%, #989082 27.7%, #a49c8d 29.8%, #afa899 31.9%, #bab3a3 34.0%, #c4bdad 36.2%, #cec7b7 38.3%, #d6cfbf 40.4%, #ddd7c6 42.6%, #e3ddcc 44.7%, #e8e1d0 46.8%, #eae4d2 48.9%, #ebe5d3 51.1%, #ebe4d2 53.2%, #e8e1cf 55.3%, #e4ddcb 57.4%, #dfd8c5 59.6%, #d9d1bf 61.7%, #d2cab7 63.8%, #cac1ae 66.0%, #c1b8a5 68.1%, #b8ae9b 70.2%, #aea491 72.3%, #a49a86 74.5%, #9a8f7c 76.6%, #908471 78.7%, #867a67 80.9%, #7c705d 83.0%, #736654 85.1%, #6a5d4b 87.2%, #625543 89.4%, #5b4d3b 91.5%, #544635 93.6%, #4e412f 95.7%, #4a3c2a 97.9%, #463826 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(22.05% 0.0207 68.20) 0.0%, oklch(23.77% 0.0208 68.75) 2.1%, oklch(25.94% 0.0209 69.43) 4.3%, oklch(28.49% 0.0210 70.24) 6.4%, oklch(31.40% 0.0211 71.16) 8.5%, oklch(34.60% 0.0212 72.18) 10.6%, oklch(38.07% 0.0213 73.27) 12.8%, oklch(41.74% 0.0214 74.43) 14.9%, oklch(45.57% 0.0216 75.65) 17.0%, oklch(49.53% 0.0217 76.90) 19.1%, oklch(53.56% 0.0219 78.18) 21.3%, oklch(57.62% 0.0220 79.46) 23.4%, oklch(61.66% 0.0222 80.74) 25.5%, oklch(65.64% 0.0224 82.00) 27.7%, oklch(69.51% 0.0225 83.22) 29.8%, oklch(73.22% 0.0227 84.40) 31.9%, oklch(76.74% 0.0229 85.51) 34.0%, oklch(80.01% 0.0231 86.55) 36.2%, oklch(82.99% 0.0234 87.49) 38.3%, oklch(85.63% 0.0236 88.33) 40.4%, oklch(87.89% 0.0239 89.05) 42.6%, oklch(89.72% 0.0241 89.63) 44.7%, oklch(91.08% 0.0244 90.06) 46.8%, oklch(91.92% 0.0247 90.33) 48.9%, oklch(92.19% 0.0250 90.42) 51.1%, oklch(91.93% 0.0253 90.34) 53.2%, oklch(91.17% 0.0256 90.10) 55.3%, oklch(89.94% 0.0260 89.72) 57.4%, oklch(88.31% 0.0264 89.20) 59.6%, oklch(86.30% 0.0269 88.57) 61.7%, oklch(83.96% 0.0273 87.84) 63.8%, oklch(81.33% 0.0278 87.01) 66.0%, oklch(78.46% 0.0283 86.11) 68.1%, oklch(75.39% 0.0288 85.14) 70.2%, oklch(72.16% 0.0293 84.12) 72.3%, oklch(68.81% 0.0298 83.07) 74.5%, oklch(65.39% 0.0303 81.99) 76.6%, oklch(61.94% 0.0307 80.90) 78.7%, oklch(58.49% 0.0312 79.82) 80.9%, oklch(55.11% 0.0317 78.75) 83.0%, oklch(51.81% 0.0321 77.71) 85.1%, oklch(48.66% 0.0325 76.72) 87.2%, oklch(45.69% 0.0329 75.78) 89.4%, oklch(42.94% 0.0333 74.92) 91.5%, oklch(40.46% 0.0336 74.14) 93.6%, oklch(38.29% 0.0340 73.45) 95.7%, oklch(36.47% 0.0342 72.88) 97.9%, oklch(35.04% 0.0344 72.43) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.22 | 0.021 | 68.2 |
| 2 | 0.921 | 0.025 | 90.4 |
| 3 | 0.35 | 0.034 | 72.4 |

## In these collections

- [Soft neutral gradients](https://grabient.com/soft-neutral-gradients)
- [Earth tone gradients](https://grabient.com/earth-tone-gradients)
- [Muted gradients](https://grabient.com/muted-gradients)

## Other forms

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