# Stone and bronze brown palette

The Stone and bronze brown palette brings together light gray, dark orange, and light orange. The colors span a broad 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 orange, and its lightest tone is light gray.

- Also called: Monochrome gray and brown radial gradient
- Seed: `kS4A85HpQ8egJQu`
- Page: https://grabient.com/kS4A85HpQ8egJQu?style=radialGradient&steps=48&angle=0
- Drawn as: radial gradient, 48 steps, 0 degrees
- Kinds: dark center, muted, warm, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 11.6 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 | `#dfd7c9` | `oklch(88.19% 0.0207 80.16)` | Powder Cake | black, 14.7 to 1 |
| 2 | `#dbd2c4` | `oklch(86.60% 0.0215 79.43)` | Natural Tan | black, 13.9 to 1 |
| 3 | `#d5cbbc` | `oklch(84.61% 0.0226 78.51)` | Gentle Shadows | black, 13 to 1 |
| 4 | `#cec3b4` | `oklch(82.25% 0.0239 77.43)` | Cavern Echo | black, 12.1 to 1 |
| 5 | `#c6bbab` | `oklch(79.56% 0.0253 76.19)` | Aspen Branch | black, 11 to 1 |
| 6 | `#bdb1a1` | `oklch(76.59% 0.0269 74.83)` | Discover | black, 9.9 to 1 |
| 7 | `#b4a796` | `oklch(73.39% 0.0286 73.36)` | Sediment | black, 8.8 to 1 |
| 8 | `#ab9c8a` | `oklch(69.98% 0.0304 71.80)` | Delicate Truffle | black, 7.8 to 1 |
| 9 | `#a1907e` | `oklch(66.43% 0.0323 70.17)` | Zinc Blend | black, 6.8 to 1 |
| 10 | `#978573` | `oklch(62.77% 0.0343 68.49)` | Country Club | black, 5.9 to 1 |
| 11 | `#8d7a67` | `oklch(59.04% 0.0363 66.78)` | Virtual Taupe | black, 5 to 1 |
| 12 | `#826e5b` | `oklch(55.29% 0.0383 65.06)` | Donkey Brown | white, 4.8 to 1 |
| 13 | `#796350` | `oklch(51.56% 0.0403 63.35)` | Folk Guitar | white, 5.6 to 1 |
| 14 | `#6f5845` | `oklch(47.89% 0.0423 61.66)` | Baby Bear | white, 6.6 to 1 |
| 15 | `#664e3b` | `oklch(44.33% 0.0442 60.03)` | Tobacco | white, 7.7 to 1 |
| 16 | `#5d4431` | `oklch(40.91% 0.0460 58.46)` | Brown Hen | white, 8.9 to 1 |
| 17 | `#553b28` | `oklch(37.69% 0.0477 56.97)` | Tuk Tuk | white, 10.2 to 1 |
| 18 | `#4e3320` | `oklch(34.71% 0.0493 55.59)` | Dark Wood Grain | white, 11.5 to 1 |
| 19 | `#472b19` | `oklch(32.00% 0.0508 54.34)` | Subterranean | white, 12.8 to 1 |
| 20 | `#412512` | `oklch(29.62% 0.0521 53.23)` | Duqqa Brown | white, 14 to 1 |
| 21 | `#3c200d` | `oklch(27.60% 0.0532 52.29)` | Medium Roast | white, 14.9 to 1 |
| 22 | `#381b08` | `oklch(25.98% 0.0540 51.53)` | Close but No Cigar | white, 15.7 to 1 |
| 23 | `#351806` | `oklch(24.82% 0.0547 50.98)` | American Bronze | white, 16.2 to 1 |
| 24 | `#341704` | `oklch(24.15% 0.0550 50.64)` | American Bronze | white, 16.5 to 1 |
| 25 | `#331604` | `oklch(24.02% 0.0551 50.55)` | Chocolate Melange | white, 16.6 to 1 |
| 26 | `#341705` | `oklch(24.41% 0.0549 50.70)` | American Bronze | white, 16.4 to 1 |
| 27 | `#361907` | `oklch(25.28% 0.0545 51.06)` | American Bronze | white, 16 to 1 |
| 28 | `#3a1d0a` | `oklch(26.60% 0.0538 51.62)` | Close but No Cigar | white, 15.4 to 1 |
| 29 | `#3e210f` | `oklch(28.32% 0.0529 52.36)` | Délicieux au Chocolat | white, 14.6 to 1 |
| 30 | `#432714` | `oklch(30.40% 0.0518 53.26)` | Night Brown | white, 13.6 to 1 |
| 31 | `#492d1b` | `oklch(32.79% 0.0506 54.31)` | Subterranean | white, 12.4 to 1 |
| 32 | `#503522` | `oklch(35.46% 0.0492 55.48)` | Brown Bramble | white, 11.2 to 1 |
| 33 | `#573d2a` | `oklch(38.37% 0.0477 56.75)` | Real Brown | white, 9.9 to 1 |
| 34 | `#5f4632` | `oklch(41.47% 0.0460 58.11)` | Boston Brown Bread | white, 8.7 to 1 |
| 35 | `#674f3c` | `oklch(44.73% 0.0443 59.54)` | Tobacco | white, 7.6 to 1 |
| 36 | `#705945` | `oklch(48.09% 0.0426 61.02)` | Baby Bear | white, 6.5 to 1 |
| 37 | `#796350` | `oklch(51.52% 0.0408 62.53)` | Folk Guitar | white, 5.6 to 1 |
| 38 | `#826d5a` | `oklch(54.98% 0.0389 64.06)` | Kaffee | white, 4.8 to 1 |
| 39 | `#8b7765` | `oklch(58.42% 0.0371 65.58)` | Dusty Path | black, 4.9 to 1 |
| 40 | `#94826f` | `oklch(61.81% 0.0354 67.07)` | Hunt Club Brown | black, 5.6 to 1 |
| 41 | `#9e8c7a` | `oklch(65.10% 0.0336 68.53)` | Smokey Tan | black, 6.4 to 1 |
| 42 | `#a69684` | `oklch(68.25% 0.0320 69.92)` | Malta | black, 7.3 to 1 |
| 43 | `#af9f8e` | `oklch(71.22% 0.0304 71.23)` | Cuppa Coffee | black, 8.1 to 1 |
| 44 | `#b6a897` | `oklch(73.96% 0.0290 72.44)` | Fine Greige | black, 9 to 1 |
| 45 | `#bdb0a0` | `oklch(76.45% 0.0277 73.53)` | Discover | black, 9.9 to 1 |
| 46 | `#c4b7a7` | `oklch(78.62% 0.0265 74.49)` | Loggia | black, 10.6 to 1 |
| 47 | `#c9bdad` | `oklch(80.45% 0.0256 75.30)` | Creamy Mushroom | black, 11.3 to 1 |
| 48 | `#cdc2b2` | `oklch(81.89% 0.0248 75.93)` | Soft Pelican | black, 11.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #dfd7c9 0.0%, #dbd2c4 2.1%, #d5cbbc 4.3%, #cec3b4 6.4%, #c6bbab 8.5%, #bdb1a1 10.6%, #b4a796 12.8%, #ab9c8a 14.9%, #a1907e 17.0%, #978573 19.1%, #8d7a67 21.3%, #826e5b 23.4%, #796350 25.5%, #6f5845 27.7%, #664e3b 29.8%, #5d4431 31.9%, #553b28 34.0%, #4e3320 36.2%, #472b19 38.3%, #412512 40.4%, #3c200d 42.6%, #381b08 44.7%, #351806 46.8%, #341704 48.9%, #331604 51.1%, #341705 53.2%, #361907 55.3%, #3a1d0a 57.4%, #3e210f 59.6%, #432714 61.7%, #492d1b 63.8%, #503522 66.0%, #573d2a 68.1%, #5f4632 70.2%, #674f3c 72.3%, #705945 74.5%, #796350 76.6%, #826d5a 78.7%, #8b7765 80.9%, #94826f 83.0%, #9e8c7a 85.1%, #a69684 87.2%, #af9f8e 89.4%, #b6a897 91.5%, #bdb0a0 93.6%, #c4b7a7 95.7%, #c9bdad 97.9%, #cdc2b2 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(88.19% 0.0207 80.16) 0.0%, oklch(86.60% 0.0215 79.43) 2.1%, oklch(84.61% 0.0226 78.51) 4.3%, oklch(82.25% 0.0239 77.43) 6.4%, oklch(79.56% 0.0253 76.19) 8.5%, oklch(76.59% 0.0269 74.83) 10.6%, oklch(73.39% 0.0286 73.36) 12.8%, oklch(69.98% 0.0304 71.80) 14.9%, oklch(66.43% 0.0323 70.17) 17.0%, oklch(62.77% 0.0343 68.49) 19.1%, oklch(59.04% 0.0363 66.78) 21.3%, oklch(55.29% 0.0383 65.06) 23.4%, oklch(51.56% 0.0403 63.35) 25.5%, oklch(47.89% 0.0423 61.66) 27.7%, oklch(44.33% 0.0442 60.03) 29.8%, oklch(40.91% 0.0460 58.46) 31.9%, oklch(37.69% 0.0477 56.97) 34.0%, oklch(34.71% 0.0493 55.59) 36.2%, oklch(32.00% 0.0508 54.34) 38.3%, oklch(29.62% 0.0521 53.23) 40.4%, oklch(27.60% 0.0532 52.29) 42.6%, oklch(25.98% 0.0540 51.53) 44.7%, oklch(24.82% 0.0547 50.98) 46.8%, oklch(24.15% 0.0550 50.64) 48.9%, oklch(24.02% 0.0551 50.55) 51.1%, oklch(24.41% 0.0549 50.70) 53.2%, oklch(25.28% 0.0545 51.06) 55.3%, oklch(26.60% 0.0538 51.62) 57.4%, oklch(28.32% 0.0529 52.36) 59.6%, oklch(30.40% 0.0518 53.26) 61.7%, oklch(32.79% 0.0506 54.31) 63.8%, oklch(35.46% 0.0492 55.48) 66.0%, oklch(38.37% 0.0477 56.75) 68.1%, oklch(41.47% 0.0460 58.11) 70.2%, oklch(44.73% 0.0443 59.54) 72.3%, oklch(48.09% 0.0426 61.02) 74.5%, oklch(51.52% 0.0408 62.53) 76.6%, oklch(54.98% 0.0389 64.06) 78.7%, oklch(58.42% 0.0371 65.58) 80.9%, oklch(61.81% 0.0354 67.07) 83.0%, oklch(65.10% 0.0336 68.53) 85.1%, oklch(68.25% 0.0320 69.92) 87.2%, oklch(71.22% 0.0304 71.23) 89.4%, oklch(73.96% 0.0290 72.44) 91.5%, oklch(76.45% 0.0277 73.53) 93.6%, oklch(78.62% 0.0265 74.49) 95.7%, oklch(80.45% 0.0256 75.30) 97.9%, oklch(81.89% 0.0248 75.93) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.882 | 0.021 | 80.2 |
| 2 | 0.24 | 0.055 | 50.6 |
| 3 | 0.819 | 0.025 | 75.9 |

## In these collections

- [Brown gradients](https://grabient.com/brown-gradients)

## Other forms

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