Shades of brown
43 named shades of brown, from light to dark, each with its hex and RGB code and a page of matching colors. Browns are dark, muted oranges and yellows: reddish chestnut and mahogany, golden caramel and tan, and deep chocolate and espresso.
Popular shades of brown
Medium brown shades (36)
- Adobe#BD6C48
- Brown Grey#8D8468
- Tiger's Eye#BC6C25
- Clay Brown#B2713D
- Bronze#A87900
- Leather#AC7434
- Brown Orange#B96902
- Caramel#AF6F09
- Mocha#9D7651
- Drab#828344
- Copper#B66325
- Olive#808000
- Umber#B26400
- Hazel#8E7618
- Orangey Brown#B16002
- Earth#A2653E
- Dirt#8A6E45
- Raw Umber#A75E09
- Dull Brown#876E4B
- Grey Brown#7F7053
- Raw Sienna#9A6200
- Sepia#985E2B
- Muddy Brown#886806
- Dark Taupe#7F684E
- Dirt Brown#836539
- Sienna#A0522D
- Cocoa#875F42
- Brown Green#706C11
- Browny Green#6F6C0A
- Burnt Umber#A0450E
- Warm Brown#964E02
- Mud#735C12
- Greeny Brown#696006
- Medium Brown#7F5112
- Milk Chocolate#7F4E1E
- Saddle Brown#8B4513
Dark brown shades (7)
All 43 shades of brown: names, hex and RGB
| Name | Hex | RGB |
|---|---|---|
| Adobe | #BD6C48 | rgb(189, 108, 72) |
| Brown Grey | #8D8468 | rgb(141, 132, 104) |
| Tiger's Eye | #BC6C25 | rgb(188, 108, 37) |
| Clay Brown | #B2713D | rgb(178, 113, 61) |
| Bronze | #A87900 | rgb(168, 121, 0) |
| Leather | #AC7434 | rgb(172, 116, 52) |
| Brown Orange | #B96902 | rgb(185, 105, 2) |
| Caramel | #AF6F09 | rgb(175, 111, 9) |
| Mocha | #9D7651 | rgb(157, 118, 81) |
| Drab | #828344 | rgb(130, 131, 68) |
| Copper | #B66325 | rgb(182, 99, 37) |
| Olive | #808000 | rgb(128, 128, 0) |
| Umber | #B26400 | rgb(178, 100, 0) |
| Hazel | #8E7618 | rgb(142, 118, 24) |
| Orangey Brown | #B16002 | rgb(177, 96, 2) |
| Earth | #A2653E | rgb(162, 101, 62) |
| Dirt | #8A6E45 | rgb(138, 110, 69) |
| Raw Umber | #A75E09 | rgb(167, 94, 9) |
| Dull Brown | #876E4B | rgb(135, 110, 75) |
| Grey Brown | #7F7053 | rgb(127, 112, 83) |
| Raw Sienna | #9A6200 | rgb(154, 98, 0) |
| Sepia | #985E2B | rgb(152, 94, 43) |
| Muddy Brown | #886806 | rgb(136, 104, 6) |
| Dark Taupe | #7F684E | rgb(127, 104, 78) |
| Dirt Brown | #836539 | rgb(131, 101, 57) |
| Sienna | #A0522D | rgb(160, 82, 45) |
| Cocoa | #875F42 | rgb(135, 95, 66) |
| Brown Green | #706C11 | rgb(112, 108, 17) |
| Browny Green | #6F6C0A | rgb(111, 108, 10) |
| Burnt Umber | #A0450E | rgb(160, 69, 14) |
| Warm Brown | #964E02 | rgb(150, 78, 2) |
| Mud | #735C12 | rgb(115, 92, 18) |
| Greeny Brown | #696006 | rgb(105, 96, 6) |
| Medium Brown | #7F5112 | rgb(127, 81, 18) |
| Milk Chocolate | #7F4E1E | rgb(127, 78, 30) |
| Saddle Brown | #8B4513 | rgb(139, 69, 19) |
| Olive Brown | #645403 | rgb(100, 84, 3) |
| Rust Brown | #8B3103 | rgb(139, 49, 3) |
| Green Brown | #544E03 | rgb(84, 78, 3) |
| Mud Brown | #60460F | rgb(96, 70, 15) |
| Chestnut | #742802 | rgb(116, 40, 2) |
| Chocolate Brown | #411900 | rgb(65, 25, 0) |
| Dark Brown | #341C02 | rgb(52, 28, 2) |
Using brown shades together
- A monochromatic brown palette uses one light, one medium and one dark shade: for example Dull Brown, Dark Brown.
- Use the lightest brown shades for backgrounds and the darkest for text, and check contrast between them.
- Warm and cool browns can clash; keep one temperature for a calm look.
- Open these brown shades in the palette generator to build a full scale.
Brown color palettes
- 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
See all brown color palettes.
More about brown
- Brown color: hex code, OKLCH scale and contrast.
- What colors go with brown.
- What does brown mean?
- All color names, grouped by family.
Shades of other colors
- Shades of green213 named green shades with hex codes.
- Shades of blue99 named blue shades with hex codes.
- Shades of purple93 named purple shades with hex codes.
- Shades of red72 named red shades with hex codes.
- Shades of pink57 named pink shades with hex codes.
- Shades of orange50 named orange shades with hex codes.
- Shades of yellow93 named yellow shades with hex codes.
- Shades of gray18 named gray shades with hex codes.
- Shades of white22 named white shades with hex codes.
- Shades of black11 named black shades with hex codes.
- Shades of teal30 named teal shades with hex codes.
- Shades of gold39 named gold shades with hex codes.
- Shades of beige18 named beige shades with hex codes.
- Shades of tan22 named tan shades with hex codes.
- Shades of turquoise24 named turquoise shades with hex codes.
- Shades of lavender12 named lavender shades with hex codes.
- Shades of burgundy15 named burgundy shades with hex codes.
Frequently asked questions
How many shades of brown are there?
There are endless shades of brown, since any small change in a color makes a new shade. This page lists 43 named brown shades, each with its hex code.
What are the most popular shades of brown?
Popular brown shades include Chocolate (#D2691E), Chestnut (#742802), Mahogany (#4A0100), Tan (#D2B48C), Camel (#C69F59), Dark Brown (#341C02).
What is the lightest and darkest shade of brown here?
The lightest named shade is Adobe (#BD6C48) and the darkest is Dark Brown (#341C02).
What is the difference between a shade, a tint and a tone?
Strictly, a shade is a color mixed with black, a tint is mixed with white and a tone is mixed with gray. In everyday use, "shades of brown" means every variation of brown, light or dark.