Brown runs from pale, sandy tones like Wheat (#f5deb3) and Sandy Brown (#f4a460) down to deep, near-black tones like Carafe (#5d473a) and Ancient Lavastone (#483c32), with mid-range tones such as Walnut (#773f1a) and Chestnut (#954535) in between. Every shade below lists its hex code. Click any swatch to copy the code or open its RGB, CMYK, and HSL values and the palette generator.
Walnut
Cobre
Sepia
Gobo Brown
Chocoholic
Ancient Lavastone
Pitch Mary Brown
Hazelnut Chocolate
Sienna
Saddle Brown
Russet
Mahogany
Coffee
Carafe
How many shades of brown are there?
A screen can display millions of distinct brown values, since brown covers a wide span of hue, saturation, and lightness. This guide collects 24 named shades of brown to keep them practical to choose from. They range from light tones like Wheat (#f5deb3) to deep tones like Ancient Lavastone (#483c32).
What are the most popular shades of brown?
Common named browns include Walnut (#773f1a), Chestnut (#954535), Russet (#80461b), Golden Brown (#b27a01), Sandy Brown (#f4a460), and Polished Bronze (#cd7f32). They span warm reddish browns to lighter golden and sandy tones. Click any swatch on this page to copy its hex code.
What is the darkest shade of brown?
The darkest shade of brown on this page is Ancient Lavastone (#483c32), a deep brown that reads close to black. Carafe (#5d473a) is the next darkest, followed by Hazelnut Chocolate (#7b3f00). All three work well as text, shadow, or grounding tones.
What is the lightest shade of brown?
The lightest shade of brown here is Wheat (#f5deb3), a pale tan with a soft yellow cast. Sandy Brown (#f4a460) is the next lightest, a warmer light brown. Both suit backgrounds, neutrals, and light UI surfaces.
What colors make brown?
Brown is essentially a dark, muted orange. Mix red and yellow to make orange, then dull and darken it with a little blue or black. Mixing any two complementary colors, such as orange and blue, also produces brown.
Found a brown you like? Click it to open the full color page, then send it to the palette generator to build a scheme around it, or drop it into the color picker to fine-tune the exact tone.
ColorKit has shade guides for every major color: red, blue, green, purple, pink, orange, and yellow.