
50+ Shades Of Brown (Color Codes Chart With Hex Codes And RGB Values)
Brown is a warm and earthy color that often symbolizes stability, comfort, and reliability in color psychology. It can range from a light sandy beige to a deep chocolate brown, and everything in between. Brown is a versatile color that can be considered a warm or cool color depending on how it is used or the shade of brown chosen.
In this article, we’ll look at 50+ different shades of brown, each with its own unique hex code and RGB value to help you choose the perfect brown color for your website, logo, or color palette.
How To Create Brown
Brown is a tertiary color which means that it is created by mixing together primary colors such as red, blue, or green. Likewise, you can also create brown by mixing complementary colors such as orange and blue or purple and yellow together. The color you create can vary a lot depending on the specific colors you use and how much of each you combine.
PIN FOR LATER…

Brown Hex Code
Hex codes are a great way to specify exactly what color you would like to use if you are creating a color palette for your website or your brand. Hex codes are 6-digit codes that specify how much red, green, and blue are contained within a color. Hex codes are displayed in the following format: #RRGGBB.
The brown hex code is #964B00.
From this hex code, you can see that the traditional brown color does not contain any blue.
Brown RGB Code
Just like the brown hex code, the brown RGB code also specifies how much of either red, green, or blue is contained within a color. RGB color codes are displayed in the following format: RGB(RR,GG,BB)
RGB Color Code is RGB(150,75,0)
Again, you will see that there is zero blue in the traditional brown color.
Brown Color Swatch
Traditional brown is a warm, earthy color that leans more towards an orange-brown color. This is what it looks like:
Traditional Brown
Hex Code: #964B00
RGB Code: RGB(150,75,0)
Brown Color Code Chart
Brown is often associated with the natural world and you can see it naturally in earth, wood, and stone. These colors are reflected in our brown color code chart below. Each brown color has its corresponding hex code and RGB value to help you choose the perfect shade of brown for your website!
Color Name | Hex Color Code | RGB Color Code |
---|---|---|
Deep Brown | #410200 | RGB( 65, 2, 0 ) |
Bistre | #3D2B1F | RGB( 61, 43, 31 ) |
Brown Coffee | #4A2C2A | RGB( 74, 44, 42 ) |
Brown Stone | #593C39 | RGB( 89, 60, 57 ) |
Taupe | #483C32 | RGB( 72, 60, 50 ) |
Cafe Noir | #4B3621 | RGB( 75, 54, 33 ) |
Dark Brown | #654321 | RGB( 101, 67, 33 ) |
Kobicha | #6B4423 | RGB( 107, 68, 35 ) |
Sepia | #704214 | RGB( 112, 66, 20 ) |
Chocolate Brown | #7B3F00 | RGB( 123, 63, 0 ) |
Coffee | #6F4E37 | RGB( 111, 78, 55 ) |
Tuscan Brown | #6F4E37 | RGB( 111, 78, 55 ) |
Heavy Brown | #73624A | RGB( 115, 98, 74 ) |
Grayish Brown | #7A6A4F | RGB( 122, 106, 79 ) |
Gray Brown | #7F7053 | RGB( 127, 112, 83 ) |
Brownish Gray | #86775F | RGB( 134, 119, 95 ) |
Dull Brown | #876E4B | RGB( 135, 110, 75 ) |
Brown Bear | #7F6244 | RGB( 127, 98, 68 ) |
Dark Wood | #855E42 | RGB( 133, 94, 66 ) |
Medium Brown | #7F5112 | RGB( 127, 81, 18 ) |
Russet | #80461B | RGB( 128, 70, 27 ) |
Saddle Brown | #8B4513 | RGB( 139, 69, 19 ) |
Brown Red | #922B05 | RGB( 146, 43, 5 ) |
Brownish Red | #9E3623 | RGB( 158, 54, 35 ) |
Brown Rust | #AF593E | RGB( 175, 89, 62 ) |
Mars Brown | #AD6242 | RGB( 173, 98, 66 ) |
Burnt Almond | #B0724A | RGB( 176, 114, 74 ) |
Bitter Chocolate | #9E5B40 | RGB( 158, 91, 64 ) |
Sienna | #A0522D | RGB( 160, 82, 45 ) |
Windsor Tan | #A75502 | RGB( 167, 85, 2 ) |
Brownie | #964B00 | RGB( 150, 75, 0 ) |
Coconut | #965A3E | RGB( 150, 90, 62 ) |
Ash Brown | #98623C | RGB( 152, 98, 60 ) |
Golden Brown | #996515 | RGB( 153, 101, 21 ) |
Bark | #996633 | RGB( 153, 102, 51 ) |
Dirt Brown | #9B7653 | RGB( 155, 118, 83 ) |
Hardwood | #937A62 | RGB( 147, 122, 98 ) |
Beaver | #9F8170 | RGB( 159, 129, 112 ) |
Chamoisee | #A0785A | RGB( 160, 120, 90 ) |
Brown Sugar | #A17249 | RGB( 161, 114, 73 ) |
Dark Sand | #9F7D4F | RGB( 159, 125, 79 ) |
Fall Harvest | #A78A59 | RGB( 167, 138, 89 ) |
Dark Beige | #AC9362 | RGB( 172, 147, 98 ) |
Iced Coffee | #B18F6A | RGB( 177, 143, 106 ) |
Light Taupe | #B38B6D | RGB( 179, 139, 109 ) |
Desert Gray | #B8A487 | RGB( 184, 164, 135 ) |
Feather Brown | #B8AD9E | RGB( 184, 173, 158 ) |
Brown Metal | #BBADA1 | RGB( 187, 173, 161 ) |
Firewood | #CEBAA8 | RGB( 206, 186, 168 ) |
Dark Vanilla | #D1BEA8 | RGB( 209, 190, 168 ) |
Mojave Desert | #C7B595 | RGB( 199, 181, 149 ) |
Khaki | #C3B091 | RGB( 195, 176, 145 ) |
Croissant | #C4AB86 | RGB( 196, 171, 134 ) |
Latte | #C5A582 | RGB( 197, 165, 130 ) |
Camel | #C69F59 | RGB( 198, 159, 89 ) |
Brown Beige | #AF804F | RGB( 204, 136, 51 ) |
Light Brown | #C4A484 | RGB( 181, 101, 29 ) |
Ginger | #96665a | RGB( 176, 101, 0 ) |
Caramel | #AF6F09 | RGB( 175, 111, 9 ) |
Canvas Brown | #BB8855 | RGB( 187, 136, 85 ) |
Carnal Brown | #BB8866 | RGB( 187, 136, 102 ) |
Wood Brown | #C19A6B | RGB( 193, 154, 107 ) |
Maple Sugar | #C9A38D | RGB( 201, 163, 141 ) |
Cashmere | #D1B399 | RGB( 209, 179, 153 ) |
Chai | #B1832F | RGB( 177, 131, 47 ) |
Honey Brown | #BA9238 | RGB( 186, 146, 56 ) |
Maple Syrup | #BB9351 | RGB( 187, 147, 81 ) |
Ginger Ale | #C9A86A | RGB( 201, 168, 106 ) |
Canadian Maple | #CAB266 | RGB( 202, 178, 102 ) |
Dried Moss | #CCB97E | RGB( 204, 185, 126 ) |
Butter Toast | #D2AD84 | RGB( 210, 173, 132 ) |
Tan | #D2B48C | RGB( 210, 180, 140 ) |
Brandy | #DCB68A | RGB( 220, 182, 138 ) |
Tumbleweed | #DEAA88 | RGB( 222, 170, 136 ) |
Citrus Brown | #D7C275 | RGB( 215, 194, 117 ) |
Chamomile | #DAC395 | RGB( 218, 195, 149 ) |
Baked Bread | #DACBA9 | RGB( 218, 203, 169 ) |
Fortune Cookie | #E0C5A1 | RGB( 224, 197, 161 ) |
Burlywood | #DEB887 | RGB( 222, 184, 135 ) |
Birdseed | #E2C28E | RGB( 226, 194, 142 ) |
Bisque | #FFE4C4 | RGB( 255, 228, 196 ) |
Sand | #F6D7B0 | RGB( 246, 215, 176 ) |
Wheat | #F5DEB3 | RGB( 245, 222, 179 ) |
Beeswax | #E9D7AB | RGB( 233, 215, 171 ) |
Beige Linen | #E2DAC6 | RGB( 226, 218, 198 ) |
Bone | #E3DAC9 | RGB( 227, 218, 201 ) |
Bamboo | #E3DEC6 | RGB( 227, 222, 198 ) |
Almond | #EFDECD | RGB( 239, 222, 205 ) |
Buttercream | #EFE0CD | RGB( 239, 224, 205 ) |
Golden Fog | #F0EAD2 | RGB( 240, 234, 210 ) |
Buttery Brown | #F1EBDA | RGB( 241, 235, 218 ) |
Beige | #F5F5DC | RGB( 245, 245, 220 ) |
Brown In Branding And Marketing
Brown is a warm, earthy color that people often associate with stability, reliability, and warmth.
In branding, brown is often used to create a sense of authenticity and heritage and it can evoke a sense of tradition, timelessness, and longevity. This is good to know if you want to create a sense of history and trustworthiness around your business and your brand. Brown is also incredibly popular in eco-friendly and organic brands because it is so closely associated with natural and earthy elements.
Brown is also very popular in businesses that specialize in foods and beverages, this is especially true for coffee and chocolate brands. Think of brands such as M&M’s and Hershey’s. Both these brands use brown in their logos and branding which makes people immediately think of chocolate… and who doesn’t love chocolate!
Companies With Brown Logos And Branding
Here are a few famous brands that use brown in their logos and branding.

Learn More About Brown
We have a few more resources about the color brown that you might want to check out! Find them here:
- The Complete Russett Color Guide
- Blue And Brown Color Palettes
- Skin Tone Color Palettes
- Color Palette Library
Conclusion
Brown is an awesome color for any brand that is looking for a color palette that conveys a sense of tradition, warmth, and trustworthiness! I hope that the brown color code chart has helped you to get an idea of all the beautiful shades of brown you can choose from. I also hope that the brown hex codes and RGB values have made choosing the exact brown color you would like just that much easier!