Nostalgic Smoked Ember
373Nostalgic Smoked Ember color palette using #dae7d2, #d5bec9, #abb087, #706149, #4e483c.
By Color
Brown Color Palettes
Brown is having a moment as a primary, not just a background, and these palettes lean into that. Its main colours include ash (#b6d7a6), pistachio (#85d18b), pistachio (#b0cb88), caramel (#ba815b), caramel (#9e6241), built as a monochromatic set around 25° on the colour wheel. Hex and RGB values for each swatch are listed below for quick copy.
Brown color palette hex codes
Main brown colours with named swatches, HEX and RGB. Derived from this tag's hue (25°), saturation (38%) and monochromatic scheme.
| Swatch | Name | HEX | RGB | Copy |
|---|---|---|---|---|
| Ash swatch | Ash | #b6d7a6 | rgb(182, 215, 166) | |
| Pistachio swatch | Pistachio | #85d18b | rgb(133, 209, 139) | |
| Pistachio swatch | Pistachio | #b0cb88 | rgb(176, 203, 136) | |
| Caramel swatch | Caramel | #ba815b | rgb(186, 129, 91) | |
| Caramel swatch | Caramel | #9e6241 | rgb(158, 98, 65) | |
| Walnut swatch | Walnut | #663f28 | rgb(102, 63, 40) | |
| Taupe swatch | Taupe | #4b2f1c | rgb(75, 47, 28) | |
| Ebony swatch | Ebony | #332b0f | rgb(51, 43, 15) |
Brown color palettes
Brown Smoked Current
345Brown Smoked Current color palette using #d4c0ae, #caa58b, #a96c41, #744325, #513116.
Brown Deep Alcove
316Brown Deep Alcove color palette using #d9c6b8, #cba78e, #a97342, #714125, #3f2711.
Brown Velvet Terrace
288Brown Velvet Terrace color palette using #d1b8a9, #caa68c, #ab7042, #734625, #472a13.
Brown Electric Alcove
283Brown Electric Alcove color palette using #d0b5a6, #c7a385, #a2653f, #704724, #4d3014.
Safari Velvet Atlas
268Safari Velvet Atlas color palette using #d3e9ca, #daa0b1, #a7b968, #98553f, #655b3d.
Brown Dusty Prairie
253Brown Dusty Prairie color palette using #d0b6a7, #c9a488, #b26e45, #694322, #452a12.
Metallic Faded Meadow
248Metallic Faded Meadow color palette using #dce2d8, #d3c8cb, #b5c076, #71554f, #524a39.
Brown Washed Prairie
228Brown Washed Prairie color palette using #e1d7bc, #cfae95, #aa6e42, #6e4524, #472b13.
Living Room Wild Studio
224Living Room Wild Studio color palette using #f1f6ed, #e6c7d6, #b2b19f, #826e57, #7c574b.
Brown Washed Archive
215Brown Washed Archive color palette using #cfb7a6, #cca88f, #ae7343, #684122, #472a13.
Brown Dusty Drift
212Brown Dusty Drift color palette using #d1bcaa, #c69b82, #b16b44, #704224, #452512.
Steampunk Wild Atlas
198Steampunk Wild Atlas color palette using #c5dab0, #b897a8, #949554, #483720, #34251d.
Boho Sunlit Morning
181Boho Sunlit Morning color palette using #e0f2cd, #df9fc5, #b5b572, #605244, #5e3e36.
Brown Still Drift
179Brown Still Drift color palette using #d3bcad, #cca58e, #b67746, #744325, #552d16.
Metallic Frosted Current
170Metallic Frosted Current color palette using #e0e7db, #c7bcc0, #a9af8c, #775750, #6f5c32.
Soft Autumn Muted Studio
165Soft Autumn Muted Studio color palette using #c8debc, #d5adbf, #a1a871, #6d5e43, #4e4531.
Safari Soft Orchard
165Safari Soft Orchard color palette using #dce0da, #d1b1b8, #aac071, #7d5344, #645732.
Luxury Antique Ember
159Luxury Antique Ember color palette using #c4d7bf, #c194a0, #879759, #512c22, #2b261a.
Brown Electric Harbour
150Brown Electric Harbour color palette using #d9c5b8, #ceaa95, #ac7343, #6b3e23, #4d2914.
Cat Wild Signal
146Cat Wild Signal color palette using #ddeacc, #cab7c1, #afb165, #50402c, #2e261a.
Safari Washed Orchard
142Safari Washed Orchard color palette using #d3ebcc, #cec0c3, #acbb6a, #7c5850, #6c5d35.
Brown Frosted Archive
138Brown Frosted Archive color palette using #d9c6b8, #cba48e, #ac6e43, #503015, #22230b.
Safari Frosted Orchard
129Safari Frosted Orchard color palette using #cdd5cb, #daa7b5, #aabf68, #7b625d, #72613b.
About brown color palettes
Brown is having a moment as a primary, not just a background, and these palettes lean into that. This page collects 61 brown color palettes, each one generated and then filtered so that every scheme is actually usable in a real design rather than just pleasant to look at.
Most brown schemes anchor somewhere around caramel (#a5704a), a warm hue sitting near 25 degrees on the color wheel at roughly 38% saturation. The palettes below span a lightness range of about 58 points, which is wide enough to give you a background, a mid-tone and a text color from the same set. A single hue explored across lightness and saturation for a refined, minimal look.
When you build with brown, resist the urge to use it everywhere. Pick one swatch as your dominant colour, one as a supporting tone, and reserve the most saturated value for elements you genuinely want people to click. Everything else should be a neutral drawn from the same hue family so the whole interface feels deliberate.
Need something more specific? Generate a custom scheme with the AI color palette generator or extract one from a photo with the color palette from image tool.
Related color palette collections
Brown color palette FAQ
What colors are in a brown color palette?
A typical brown palette combines ash (#b6d7a6), pistachio (#85d18b), pistachio (#b0cb88) and supporting tones. Brown is having a moment as a primary, not just a background, and these palettes lean into that.
What are the hex codes for brown?
Brown is a colour family rather than a single value. The main hex codes on this page are #b6d7a6, #85d18b, #b0cb88, #ba815b, #9e6241, #663f28, #4b2f1c, #332b0f, centred near #a5704a. Copy any value from the table above.
How do I use a brown color palette in my design?
Assign the lightest swatch to backgrounds, the darkest to text, and use the remaining colours for accents and states. Copy the palette as CSS variables or a Tailwind theme from any palette page so the tokens stay consistent across your project.
Are these brown palettes free to use?
Yes. All 61 palettes on this page are free for personal and commercial work, with no attribution and no account required. You can also type "brown" into the AI color palette generator to build a fresh scheme in the same range.