# Brown gradients

Brown gradients span chocolate, chestnut, tan, caramel, and beige, ranging from near-black and deep umber to pale cream.

- Page: https://grabient.com/brown-gradients
- Palettes: 15
- Tags: brown gradients, brown, chocolate, chestnut, tan, caramel, neutral
- Collected by: Grabient
- Updated: 2026-10-01

## Palettes

1. [Monochrome brown to gray](https://grabient.com/kWSycfSJS_-mMwL0B0MYwhCY?style=radialGradient&steps=32): radial gradient, `#432315` `#49291b` `#523022` `#5c392a` `#684334` `#744e3f` `#815a4a` `#8d6555` `#97705f` `#a17b6a` `#ac8676` `#b69283` `#c09e8f` `#c9aa9b` `#d1b4a6` `#d8beb0` `#dec5b8` `#e2ccbf` `#e6d3c5` `#e9d8cb` `#ebdccf` `#ecdfd2` `#ece1d4` `#eae1d5` `#e8e0d3` `#e3dbcf` `#dcd6c9` `#d4cfc1` `#cdc8b9` `#c5c1b2` `#bfbbac` `#bbb8a8`
2. [Peach and burgundy color palette](https://grabient.com/kS0Cwqzra9iYUP0?steps=40&angle=180): linear gradient, `#e2bb9d` `#e2b99a` `#e2b695` `#e2b391` `#e2af8c` `#e2ac86` `#e2a780` `#e3a37a` `#e39e74` `#e3996d` `#e39467` `#e28e61` `#e2885b` `#e08355` `#df7d4f` `#dd774a` `#db7245` `#d86c41` `#d5673d` `#d1623a` `#cc5e37` `#c75a35` `#c05533` `#b95131` `#b24d2f` `#aa492d` `#a1462b` `#99422a` `#903e28` `#873b27` `#7f3825` `#763524` `#6e3223` `#672f21` `#5f2d20` `#592a1f` `#53281e` `#4d261c` `#49241b` `#45231a`
3. [Stone and bronze brown palette](https://grabient.com/kS4A85HpQ8egJQu?style=radialGradient&steps=48&angle=0): radial gradient, `#dfd7c9` `#dbd2c4` `#d5cbbc` `#cec3b4` `#c6bbab` `#bdb1a1` `#b4a796` `#ab9c8a` `#a1907e` `#978573` `#8d7a67` `#826e5b` `#796350` `#6f5845` `#664e3b` `#5d4431` `#553b28` `#4e3320` `#472b19` `#412512` `#3c200d` `#381b08` `#351806` `#341704` `#331604` `#341705` `#361907` `#3a1d0a` `#3e210f` `#432714` `#492d1b` `#503522` `#573d2a` `#5f4632` `#674f3c` `#705945` `#796350` `#826d5a` `#8b7765` `#94826f` `#9e8c7a` `#a69684` `#af9f8e` `#b6a897` `#bdb0a0` `#c4b7a7` `#c9bdad` `#cdc2b2`
4. [Gray to brown](https://grabient.com/kSoQAnPRfByWXOU?steps=32&angle=135): linear gradient, `#8a8a8a` `#8a8887` `#898683` `#89837f` `#88807a` `#887d74` `#877a6e` `#867668` `#847361` `#836f5b` `#816b54` `#7f684d` `#7c6447` `#7a6040` `#785d3b` `#765935` `#745531` `#72512d` `#6f4d2a` `#6d4927` `#6a4425` `#673f24` `#643b23` `#613623` `#5d3223` `#592e23` `#562a23` `#522723` `#4f2423` `#4c2223` `#491f23` `#471e22`
5. [Monochrome brown and tan](https://grabient.com/kaRoU9sjs_1GqP3tmT88RC-0WoPmnQr4A?style=angularGradient&steps=32): angular gradient, `#342500` `#382800` `#3d2d00` `#443200` `#4d3900` `#584000` `#654a00` `#755600` `#886300` `#9b7100` `#ac8020` `#b98e3f` `#c69e59` `#d4ad71` `#e0bc86` `#e9c798` `#f0d0a6` `#f5d7b3` `#f8dcbe` `#f8dec3` `#f5dbc2` `#edd1b7` `#e1bea1` `#d0a684` `#be8a63` `#ae7044` `#a05928` `#954303` `#823300` `#712600` `#631b00` `#581400`
6. [Monochrome black to brown](https://grabient.com/kcAAAWAAA_wsMQESjMKGJDAZ6TwMllsELJpBA?steps=32&angle=315): linear gradient, `#000000` `#000000` `#000000` `#000000` `#000000` `#000000` `#000000` `#010000` `#050000` `#090000` `#0c0100` `#0f0200` `#120400` `#140600` `#170700` `#1a0900` `#1d0b00` `#210d00` `#240f00` `#271100` `#2a1400` `#2c1600` `#2f1900` `#331c00` `#361f00` `#392200` `#3c2600` `#3f2900` `#432d00` `#463100` `#493500` `#4b3700`
7. [Bronze and burgundy brown palette](https://grabient.com/kScCkfKJC_B2LP8?style=radialGradient&steps=32&angle=315): radial gradient, `#6d4939` `#6c4738` `#6a4637` `#684436` `#664234` `#634033` `#613e31` `#5e3c30` `#5b3a2e` `#58372c` `#55352a` `#523329` `#503127` `#4d2e26` `#4a2d24` `#482b23` `#462921` `#432820` `#41261f` `#3f251e` `#3d231d` `#3b221c` `#38211b` `#36201a` `#341e19` `#321d18` `#311c17` `#2f1b16` `#2e1a15` `#2c1a15` `#2b1914` `#2a1814`
8. [Terracotta brown palette](https://grabient.com/kWsDkvYRrAewSwFjGb91B4-g?style=radialGradient&steps=32&angle=45): radial gradient, `#be9367` `#bf9569` `#c1976b` `#c49a6e` `#c69d71` `#c9a174` `#cca478` `#cfa87c` `#d1ac80` `#d4b086` `#d7b58d` `#daba94` `#ddbf9b` `#dfc4a1` `#e1c7a6` `#e2c9a9` `#e3c9aa` `#e2c8a8` `#e1c6a4` `#dfc39f` `#ddbf9a` `#dbba93` `#d8b58d` `#d6b188` `#d3ac83` `#cfa67d` `#cba077` `#c79a71` `#c3946b` `#bf8e66` `#bc8962` `#b9865f`
9. [Monochrome brown and tan](https://grabient.com/kWWR4dPZHAtaRwXEEz6p4q-Y?style=angularGradient&steps=32&angle=225): angular gradient, `#4d332a` `#50362c` `#54392f` `#593d32` `#5f4236` `#65473a` `#6b4c3f` `#715244` `#785849` `#7f604f` `#886957` `#927360` `#9b7d68` `#a48570` `#aa8d76` `#af917a` `#b0927b` `#ae9079` `#ab8c75` `#a6866f` `#9f7e68` `#987661` `#916e5a` `#896654` `#815f4e` `#775748` `#6c4e41` `#60453b` `#563d34` `#4c362f` `#44302a` `#3e2c26`
10. [Walnut Sand Passage](https://grabient.com/kW8Bo4yJm86oOvdPmcKsRI9o?steps=32&angle=45): linear gradient, `#faebd3` `#f1e0c6` `#e6d1b6` `#d9c0a2` `#cbad8d` `#bd9979` `#af8767` `#a27758` `#96694d` `#895d44` `#7a513c` `#6c4636` `#5f3d30` `#54352b` `#4c3028` `#482e27` `#492f28` `#51362d` `#5f4135` `#704e3e` `#825d48` `#936c51` `#a07759` `#a77d5c` `#a77d5c` `#a17758` `#966d52` `#89624a` `#7b5542` `#6d4a3a` `#624134` `#5b3b2f`
11. [Cream To Espresso Brown Halo](https://grabient.com/kU9Bs6MRi3yoTQuXBbzA?style=radialGradient&steps=32&angle=0): radial gradient, `#fff0d7` `#f5e4ca` `#e9d3b9` `#dabfa6` `#c9a893` `#b7917f` `#a57b6d` `#92655d` `#815350` `#724345` `#66373c` `#5d2f36` `#582a30` `#54272c` `#532629` `#522727` `#522825` `#522a24` `#522c23` `#512d23` `#4f2d22` `#4b2b21` `#472820` `#41251e` `#3c221d` `#351f1b` `#2f1b19` `#291817` `#241515` `#1f1313` `#1b1111` `#180f10`
12. [Black chocolate caramel halo](https://grabient.com/kUAAAAXZvHjqUvVvGEOg?style=radialGradient&steps=32&angle=0): radial gradient, `#000000` `#010000` `#080404` `#1c1011` `#352321` `#523933` `#705045` `#8c6755` `#a67d63` `#bb906e` `#c99d75` `#cfa378` `#cea277` `#c79b72` `#bc8f6a` `#af8261` `#9f7458` `#91664f` `#835a47` `#795241` `#744e3f` `#744f40` `#7a5444` `#835e4c` `#906a55` `#9f7961` `#af896e` `#bf9a7b` `#cfab88` `#ddba94` `#e8c79e` `#f0d0a6`
13. [Umber to cream diagonal](https://grabient.com/kWRik9DQy6WSYQ9Xkz0aAlDg?steps=64&angle=135): linear gradient, `#342500` `#332300` `#302000` `#2c1c00` `#281700` `#231300` `#1e0e00` `#190a00` `#140600` `#100400` `#0c0200` `#090100` `#080100` `#070000` `#080000` `#090000` `#0d0100` `#130301` `#1b0803` `#251008` `#311a11` `#3f261b` `#4e3426` `#5f4231` `#70523e` `#81614a` `#927157` `#a28163` `#b1906f` `#bf9d79` `#caa882` `#d3b18a` `#d9b78f` `#ddbb93` `#e0bc95` `#e0bc95` `#e0ba95` `#deb794` `#dab392` `#d7af8f` `#d2aa8c` `#cda48a` `#c8a087` `#c49b84` `#bf9782` `#bc9480` `#b99280` `#b79280` `#b79281` `#b79482` `#b89684` `#b99987` `#ba9c8a` `#bca08d` `#bda491` `#bfa895` `#c1ac99` `#c3b09e` `#c5b4a2` `#c7b8a6` `#c9bbaa` `#cbbead` `#ccc0b0` `#cdc2b2`
14. [Caramel cream diagonal ribbon](https://grabient.com/kWcU4abQdEkAlvTolMILRS5A?steps=48&angle=225): linear gradient, `#843a26` `#89432c` `#904f36` `#985e42` `#a16e52` `#aa7f63` `#b49076` `#bca189` `#c5b09b` `#ccbdab` `#d3c7b8` `#d7cdc0` `#d8cfc3` `#d6ccbf` `#d1c5b4` `#cbbaa6` `#c3ad94` `#ba9d81` `#b18d6d` `#a87e5a` `#a06f48` `#9a623a` `#95582e` `#925327` `#925225` `#965629` `#9c5e30` `#a4693b` `#ad7648` `#b78457` `#c19367` `#caa176` `#d2ae85` `#d9b891` `#ddbe9a` `#dec09e` `#dabc9c` `#d4b497` `#caa98f` `#be9b84` `#b08b78` `#a17b6b` `#926a5f` `#825a53` `#744c48` `#673f3f` `#5d3638` `#552f34`
15. [Warm taupe horizontal fade](https://grabient.com/kS1w40W4u8k2Pve): linear gradient, `#d5cbbf` `#cdbfb3` `#c1afa3` `#b79f95` `#ac9188` `#a3837d` `#9b7a75`

## Other forms

- [JSON](https://grabient.com/api/collections/brown-gradients)
- [ASE](https://grabient.com/brown-gradients.ase)
- [GPL](https://grabient.com/brown-gradients.gpl)
- [GRD](https://grabient.com/brown-gradients.grd)
- [Design tokens](https://grabient.com/brown-gradients.tokens.json)
- [Image](https://grabient.com/api/png/collection?slug=brown-gradients)
- [Social card](https://grabient.com/api/og/collection?slug=brown-gradients&v=k4)
- [More collections](https://grabient.com/collections)
- [Guide for agents](https://grabient.com/llms.txt)