50+ Shades Of Brown (Color Codes Chart With Hex Codes And RGB Values)

If You Love It, Please Share It!
This article may contain affiliate links which means we might earn a small commission if you decide to make a purchase through them (at no extra cost to you). Thank you for your support!

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 color code chart with 20 colors including brown hex codes

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 NameHex Color CodeRGB Color Code
Deep Brown#410200RGB( 65, 2, 0 )
Bistre#3D2B1FRGB( 61, 43, 31 )
Brown Coffee#4A2C2ARGB( 74, 44, 42 )
Brown Stone#593C39RGB( 89, 60, 57 )
Taupe#483C32RGB( 72, 60, 50 )
Cafe Noir#4B3621RGB( 75, 54, 33 )
Dark Brown#654321RGB( 101, 67, 33 )
Kobicha#6B4423RGB( 107, 68, 35 )
Sepia#704214RGB( 112, 66, 20 )
Chocolate Brown#7B3F00RGB( 123, 63, 0 )
Coffee#6F4E37RGB( 111, 78, 55 )
Tuscan Brown#6F4E37RGB( 111, 78, 55 )
Heavy Brown#73624ARGB( 115, 98, 74 )
Grayish Brown#7A6A4FRGB( 122, 106, 79 )
Gray Brown#7F7053RGB( 127, 112, 83 )
Brownish Gray#86775FRGB( 134, 119, 95 )
Dull Brown#876E4BRGB( 135, 110, 75 )
Brown Bear#7F6244RGB( 127, 98, 68 )
Dark Wood#855E42RGB( 133, 94, 66 )
Medium Brown#7F5112RGB( 127, 81, 18 )
Russet#80461BRGB( 128, 70, 27 )
Saddle Brown#8B4513RGB( 139, 69, 19 )
Brown Red#922B05RGB( 146, 43, 5 )
Brownish Red#9E3623RGB( 158, 54, 35 )
Brown Rust#AF593ERGB( 175, 89, 62 )
Mars Brown#AD6242RGB( 173, 98, 66 )
Burnt Almond#B0724ARGB( 176, 114, 74 )
Bitter Chocolate#9E5B40RGB( 158, 91, 64 )
Sienna#A0522DRGB( 160, 82, 45 )
Windsor Tan#A75502RGB( 167, 85, 2 )
Brownie#964B00RGB( 150, 75, 0 )
Coconut#965A3ERGB( 150, 90, 62 )
Ash Brown#98623CRGB( 152, 98, 60 )
Golden Brown#996515RGB( 153, 101, 21 )
Bark#996633RGB( 153, 102, 51 )
Dirt Brown#9B7653RGB( 155, 118, 83 )
Hardwood#937A62RGB( 147, 122, 98 )
Beaver#9F8170RGB( 159, 129, 112 )
Chamoisee#A0785ARGB( 160, 120, 90 )
Brown Sugar#A17249RGB( 161, 114, 73 )
Dark Sand#9F7D4FRGB( 159, 125, 79 )
Fall Harvest#A78A59RGB( 167, 138, 89 )
Dark Beige#AC9362RGB( 172, 147, 98 )
Iced Coffee#B18F6ARGB( 177, 143, 106 )
Light Taupe#B38B6DRGB( 179, 139, 109 )
Desert Gray#B8A487RGB( 184, 164, 135 )
Feather Brown#B8AD9ERGB( 184, 173, 158 )
Brown Metal#BBADA1RGB( 187, 173, 161 )
Firewood#CEBAA8RGB( 206, 186, 168 )
Dark Vanilla#D1BEA8RGB( 209, 190, 168 )
Mojave Desert#C7B595RGB( 199, 181, 149 )
Khaki#C3B091RGB( 195, 176, 145 )
Croissant#C4AB86RGB( 196, 171, 134 )
Latte#C5A582RGB( 197, 165, 130 )
Camel#C69F59RGB( 198, 159, 89 )
Brown Beige#AF804FRGB( 204, 136, 51 )
Light Brown#C4A484RGB( 181, 101, 29 )
Ginger#96665aRGB( 176, 101, 0 )
Caramel#AF6F09RGB( 175, 111, 9 )
Canvas Brown#BB8855RGB( 187, 136, 85 )
Carnal Brown#BB8866RGB( 187, 136, 102 )
Wood Brown#C19A6BRGB( 193, 154, 107 )
Maple Sugar#C9A38DRGB( 201, 163, 141 )
Cashmere#D1B399RGB( 209, 179, 153 )
Chai#B1832FRGB( 177, 131, 47 )
Honey Brown#BA9238RGB( 186, 146, 56 )
Maple Syrup#BB9351RGB( 187, 147, 81 )
Ginger Ale#C9A86ARGB( 201, 168, 106 )
Canadian Maple#CAB266RGB( 202, 178, 102 )
Dried Moss#CCB97ERGB( 204, 185, 126 )
Butter Toast#D2AD84RGB( 210, 173, 132 )
Tan#D2B48CRGB( 210, 180, 140 )
Brandy#DCB68ARGB( 220, 182, 138 )
Tumbleweed#DEAA88RGB( 222, 170, 136 )
Citrus Brown#D7C275RGB( 215, 194, 117 )
Chamomile#DAC395RGB( 218, 195, 149 )
Baked Bread#DACBA9RGB( 218, 203, 169 )
Fortune Cookie#E0C5A1RGB( 224, 197, 161 )
Burlywood#DEB887RGB( 222, 184, 135 )
Birdseed#E2C28ERGB( 226, 194, 142 )
Bisque#FFE4C4RGB( 255, 228, 196 )
Sand#F6D7B0RGB( 246, 215, 176 )
Wheat#F5DEB3RGB( 245, 222, 179 )
Beeswax#E9D7ABRGB( 233, 215, 171 )
Beige Linen#E2DAC6RGB( 226, 218, 198 )
Bone#E3DAC9RGB( 227, 218, 201 )
Bamboo#E3DEC6RGB( 227, 222, 198 )
Almond#EFDECDRGB( 239, 222, 205 )
Buttercream#EFE0CDRGB( 239, 224, 205 )
Golden Fog#F0EAD2RGB( 240, 234, 210 )
Buttery Brown#F1EBDARGB( 241, 235, 218 )
Beige#F5F5DCRGB( 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.

Businesses that use brown in their logos and branding
Gloria Jean’s Coffees, Organic Kids, Hershey’s, Aero, UPS, Nespresso, Cotton, M&M’s

Learn More About Brown

We have a few more resources about the color brown that you might want to check out! Find them here:

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!

Leave a Reply

Your email address will not be published. Required fields are marked *