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.
PIN FOR LATER…
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
Brown Hex Code: #964B00
Brown 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 designs!
BROWN COLOR NAME | BROWN HEX CODE | BROWN RGB 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 ) |
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.
Brown Hex Codes
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)
The Brown RGB Code is RGB(150,75,0)
Again, you will see that there is zero blue in the traditional brown color.
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
Final Thoughts
Brown is an awesome color for any design that is looking for a color palette that conveys a sense of tradition and warmth. 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. For more color inspiration, click here!