Brown color palettes
Chocolate, leather, walnut and sand: rich, grounded brown palettes. 55 palettes, each with HEX codes.
- Fig and Clay
- Espresso Bar
- Pool Road Trip
- Hemp Studio
- Peat Hands
- Raw Pottery
- Evergreen Floor
- Ash Gallery
- Boardwalk Season
- Biscotti Cup
- Saffron and Harissa
- Seaglass Pier
- Pretzel and Rye
- Cider Embers
- Clay Workshop
- Coral and Kelp
- Raw Kiln
- Mulch Season
- Cortado Counter
- Roast Table
- Oak Notes
- Sage and Rainfall
- Gilded and Bullion
- Mocha and Espresso
- Regal and Velvet
- Cotton and Alabaster
- Canopy Grove
- Plum Blue Hour
- Cortado Table
- Cabana and Sundae
- Pie and Jukebox
- Oak Journal
- Mulch Walk
- Birch Corner
- Kyoto Steam
- Kiln Bloom
- Lace Bouquet
- Petal Table
- Burrow Forage
- Clover Hedgerow
- Caramel Grind
- Cashmere Studio
- Cactus Market
- Lime Squeeze
- Cinnamon and Molasses
- Terracotta and Cactus
- Almanac Wallpaper
- Noir and Obsidian
Most common colors in brown color palettes
Chocolate, leather, walnut and sand: rich, grounded brown palettes. Across all 55 brown palettes here, these named colors come up most often. Each links to its hex, RGB and OKLCH values and the colors that go with it.
- Dark Brown#341C02in 16 palettes
- Pakistan Green#283618in 12 palettes
- Champagne#F7E7CEin 11 palettes
- Chocolate Brown#411900in 10 palettes
- Milk Chocolate#7F4E1Ein 9 palettes
- Mud Brown#60460Fin 9 palettes
- Purple Brown#673A3Fin 9 palettes
- Cocoa#875F42in 8 palettes
- Pale Oak#DBCFB0in 6 palettes
- Earth#A2653Ein 5 palettes
- Linen#FAF0E6in 5 palettes
- Misty Rose#FFE4E1in 5 palettes
Brown color palette hex codes
| Palette | Hex codes |
|---|---|
| Fig and Clay | #3B2A2F #7A4B4F #B9785C #E0B893 #F3E6D3 |
| Espresso Bar | #1F1512 #4A2F24 #8A5A3C #C8A27A #EFE3CF |
| Pool Road Trip | #2E1A00 #825300 #CF9137 #FFE7C9 |
| Hemp Studio | #6B4F3A #8C5A44 #687150 #B99C78 #FAF0DF |
| Peat Hands | #4A311F #515A3F #8C5A44 #B99C78 #D8C4A3 |
| Raw Pottery | #2D2017 #6B4F3A #8C5A44 #A28164 #B99C78 |
| Evergreen Floor | #2D1E10 #354451 #7E6044 #77A8B3 #BFC2DE #FAECE0 |
| Ash Gallery | #2E0402 #481F08 #603D19 #EDD1A1 |
Click a palette for its RGB, HSL and OKLCH values, contrast pairs, color-blindness preview and exports for CSS, Tailwind and Figma.
How to use a brown color palette
- Let brown lead, covering about 60% of the design, and keep the rest for neutrals and one accent (the 60-30-10 rule).
- Use a light tint of brown for backgrounds and a deep shade for text, so the palette stays readable.
- For contrast, add a small accent from the opposite side of the color wheel: see complementary colors.
- Check every text and background pair in the contrast checker before you ship.
More about brown
- Brown color: hex code, shades and the colors that go with it.
- What colors make brown: how to mix it with paint.
- Brown gradients and the color wheel.
Frequently asked questions
What colors are in a brown color palette?
The colors used most across these brown palettes are Dark Brown, Pakistan Green, Champagne, Chocolate Brown, Milk Chocolate and Mud Brown. Chocolate, leather, walnut and sand: rich, grounded brown palettes.
How many brown color palettes are there?
There are 55 curated brown palettes on this page, each with hex codes and free exports.
Can I edit a brown palette?
Yes. Open any palette in the palette generator to lock, adjust or replace colors, check contrast and export to CSS, Tailwind, Figma or Adobe swatches.