Shades of Brown – A Deep Dive into the Brown Color Palette
This post may contain affiliate links. We may earn a small commission from purchases made through them, at no additional cost to you.
When you think of the color brown, what do you think of? Wait, we do not want to know. The different shades of brown mean different things to everyone. You might think of the mixed textures of bark ranging in dark to light brown colors. You might think of chocolate ice cream, or better yet chocolate cake! Or you might have fond memories of making mud pies as a child. Brown is an underrated hue in the color wheel of life, it is about time more of us understood the different types of brown, the brown color palette is not as dull as you might think. Keep reading to find out more about the intricacies of the brown color. Here you will learn about the different brown color names, from dark to light brown colors, as well as what the brown hex code is.
Did You Know?
Did you know that our eyes are actually limited when it comes to color perception? Most colors look brown to us – even the ones that are more orange or green. Mixing each of the three primary colors together, respectively, will make the different brown shades. In order to get a more of a light brown color, you must mix in more white to your brown mixture and a little black for darker browns. We have an in-depth tutorial on what colors make brown. If want to dive deeper, you can also check out our color mixing tutorial.
Our natural world is filled with brown color and different brown shades, from the barks of trees, soil, and sand, animals, bugs, you name it. It is a color that is often used to represent earth and the all-natural vibes. Not only that but there are a whole bunch of means for this deceivingly dull color. Colors have a big impact on our emotional status and this is often unnoticed, hidden in our subliminal minds. Keep reading to find out more.
What Does Brown Represent?
Brown can be used to represent integrity, honesty, and reliability. As we mentioned earlier, the color brown is most often used in connection to nature, it takes the down-to-earth phrase to a different level. Brown is a strong and flamboyant color, it is what it is, and that most likely connects it with honesty and reliability.
Have you ever wondered why offices tend to keep to their browns and beiges, in terms of interior design? It is because brown is a grounding color that can help to prevent stress levels from rising too high and keep you focused in the present moment.
Different Brown Shades
There are three categories that make up the color brown. These categories are of different types of brown, namely light brown shades, dark brown shades, and finally, beige shades. The brown color palette ranges within each category. This means you will have some browns that look almost red or green. Fortunately for us, there are brown color codes, or brown hex codes available so that you can easily find each of the specific brown shades you are looking for.
Dark Brown Shades
The depth of dark brown is luxurious at best. There is so much of it in our natural world, from dark oak trees, nutrient-rich mud and soil leaves in the Autumn months, and certain coats of animals. There are a large number of brown colors, each of them having its own brown color code, and its own brown color name.
Color is also a personally perceived aspect of life, this is seen when people argue whether certain blues are not green, or some browns like auburn are actually red.
Bistre Brown
This color, when first perceived, can come across as a cool brown color. It is one of the darkest shades of brown and it gives the air a slate grey color. It is made out of a similar color combination that Tuscan brown is also made from.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Bistre Brown | #3D2B1F | 0, 30, 49, 76 | 61, 43, 31 |
Taupe Brown
If you thought that bistre brown has a slate grey feeling to it, then take a look at how similar this color is, but instead of it having a slate grey undertone it has a lighter grey. This is an essential brown to have as a part of your brown color palette.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Taupe Brown | #483C32 | 0, 17, 31, 72 | 72, 60, 50 |
Café Noir Brown
Tuscan brown and dark brown are definitely the most similar to this shade of brown, but it is one of the darkest of all the brown colors available. See the brown hex code and the color codes below.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Café Noir Brown | #4B3621 | 0, 28, 56, 71 | 75, 54, 33 |
Deep Coffee Brown
Autumn leaves come in various different types of brown colors. You might need one that has a red-ish to blue-ish tinge, and in that case, you should go for a deep coffee brown.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Deep Coffee Brown | #704241 | 0, 41, 42, 56 | 112, 66, 65 |
Dark Brown
Dark brown is not as simple as choosing the dark brown crayon in school. It is similar to the colors you would find chocolate to be. It is a rich color that adds a lot of depth to paintings.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Dark Brown | #654321 | 0, 34, 67, 60 | 101, 67, 33 |
Tuscan Brown
If you are looking to paint the bark of a tree, Tuscan brown is the better choice. This color brown teeters on the edge of being classified as dark or light brown.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Tuscan Brown | #6F4E37 | 0, 30, 50, 56 | 111, 78, 55 |
Bole Brown
Bole brown is the color that teeters on the edge of either being classified as a medium brown or a dark brown. It is not as red as a burgundy brown would be but it is still one of the most necessary shades of brown.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Bole Brown | #79443B | 0, 44, 51, 53 | 121, 68, 59 |
Sepia Brown
If you are familiar with editing pictures and adding filters onto them you might be familiar with the term sepia. It has a yellowish undertone and promises some beautiful sunset tones.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Sepia Brown | #704214 | 0, 41, 82, 56 | 112, 66, 20 |
Russet Brown
This color brown has a slightly red-ish undertone as opposed to a yellow one, like with sepia. If you think of antique furniture made from wood, you will get the right idea of the coloring.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Russet Brown | #80461B | 0, 45, 79, 50 | 128, 70, 27 |
Saddle Brown
This color is only slightly different from russet brown in that it is more of a warmer color than russet, as well as lighter. Instead of having a red undertone, it has an orange one.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Saddle Brown | #8B4513 | 0, 50, 86, 45 | 139, 69, 19 |
Sienna Brown
The two colors that are the most similar to sienna brown are russet brown and mahogany brown. They are all slightly on the red side of all colors.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Sienna Brown | #A0522D | 0, 49, 72, 37 | 160, 82, 45 |
Rust Brown
This is a confusing shade of brown, one that most would be certain is actually more orange than brown – but it is brown. When you see rust that forms on metal, that is the color of rust-brown, funnily enough.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Rust Brown | #B7410E | 0, 64, 92, 28 | 183, 65, 14 |
Mahogany Brown
Mahogany is a word that is familiar to most of us, it is a shade of brown that is rich and luxurious with a warm feel to it. Mahogany can easily be made in comparison to the color of cinnamon. The name comes from mahogany wood, based on its natural color.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Mahogany Brown | #C04000 | 0, 67, 100, 25 | 192, 64, 0 |
Burnt Umber
If you are a painter by hobby or profession you will most likely be very familiar with the name burnt umber. It is a popular color in painting palettes. It is a popular color to use when painting sunsets.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Burnt Umber | #8A3324 | 0, 63, 74, 46 | 138, 51, 36 |
Rufous Brown
Auburn brown is a similar color to rufous-brown in that they are both possess a reddish undertone. The difference is that rufous-brown has less blue, which makes it seem less purple-like.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Rufous Brown | #A81C07 | 0, 83, 96, 34 | 168, 28, 7 |
Auburn Brown
Finally, we come to the last of the dark brown shades which are auburn brown. You might mistake this shade of brown with burgundy but do not be fooled, it is auburn.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Auburn Brown | #A52A2A | 0, 75, 75, 35 | 165, 42, 42 |
Shades of Light Brown Color
All of the dark shades of brown have been listed above, it is now time to get into the light shade of brown. Here we will list each brown color name and their brown color codes will be listed below each color, as well as their hex codes.
Dirt Brown
Dirt brown is not to be thought of in a negative sense just because of its name, which underrated it immensely. This color teeters on the edge of being either beige or brown and it can be described as a darker and more grey tan color
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Dirt Brown | #9B7653 | 0, 24, 46, 39 | 155, 118, 83 |
Chamoisee Brown
Chamoisee brown can be compared to beaver brown and it is warmer than taupe brown. It is useful to have on your color palette because it gives a warm and inviting feel.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Chamoisee Brown | #A0785A | 0, 25, 44, 37 | 160, 120, 90 |
Coconut Brown
When you look at the out shell of a coconut, that is what this color is most like – which is how it got its name, but it is a lighter version than that brown. Chamois brown is the most similar comparison.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Coconut Brown | #965A3E | 0, 40, 59, 41 | 150, 90, 62 |
Chestnut Brown
Chestnut trees produce fruit that is the exact color of chestnut brown, which is most likely the route of its name. The fruit is not as red as the actual color chestnut brown but has more of a pink-toned feel to it.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Chestnut Brown | #CD5C5C | 0, 55, 55, 20 | 205, 92, 92 |
Windsor Tan Brown
In terms of light browns, Windsor brown may be one of the darkest ones on the list. It possesses a warm feel that keeps you grounded.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Windsor Tan Brown | #A75502 | 0, 49, 99, 35 | 167, 85, 2 |
Golden Brown
Golden honey or golden syrup might not quite make the match exactly but they will be a similar color to a golden brown. This is a very useful color when painting sunsets or scenes from the magic hour.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Golden Brown | #996515 | 0, 34, 86, 40 | 153, 101, 21 |
Ginger Brown
No, not the fresh ginger, this is in reference to the baked gingerbread men, which this brown color is the most similar to. This brown is warm and leaves you feeling comforted.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Ginger Brown | #B06500 | 0, 43, 100, 31 | 176, 101, 0 |
Light Brown
Light brown, within the light brown category, can be a little bit confusing. This brown feels warm when you look at it and leaves a noticeable impression. Ochre brown is the most similar comparison to make to this brown.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Light Brown | #B5651D | 0, 44, 84, 29 | 181, 101, 29 |
Cinnamon Brown
We know that we used cinnamon as a reference to understand one of the dark brown colors, but this brown has more orange in the mixture making it even more cinnamon-like. It is a versatile and useful color to keep in your color palette.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Cinnamon Brown | #D2691E | 0, 50, 86, 18 | 210, 105, 30 |
Copper Brown
Copper has a beautifully rich and golden color to it when untarnished. This color reflects the color of copper beautifully, although it may not be as vibrant as the actual metal. This color is fashionable and can be used to match and contrast other colors beautifully.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Copper Brown | #B87333 | 0, 38, 72, 28 | 184, 115, 51 |
Ochre Brown
If you are on the hunt for a warmer and more welcoming shade of brown, ochre is the answer. Ochre brown is not very different from the color of bronze metal in that they both have slightly orange undertones.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Ochre Brown | #CC7722 | 0, 42, 83, 20 | 204, 119, 34 |
Bronze Brown
Now for bronze brown. This color possesses more orange in the makeup which makes it warmer than the color copper brown. The name of this color is derived from metal.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Bronze Brown | #CD7F32 | 0, 38, 76, 20 | 205, 127, 50 |
Peru Brown
If you can think of the color beige, you will have a rough idea of what this color looks like. This is a beautiful warming color that teeters between being either beige or light brown. Peru brown is one of the lighter browns in the light brown classification.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Peru Brown | #CD853F | 0, 35, 69, 20 | 205, 133, 63 |
Brass Brown
This color might seem like it’s mixed with a whole lot of hues, which is actually the case. Brass brown has blue-ish undertones as well as being a more yellow-toned brown color. Because it has warm and cool hints it can be used in various contrasting scenarios and artworks. This color will be used a lot when painting the autumn hues, or just about any nature-based painting.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Brass Brown | #B5A642 | 0, 8, 64, 29 | 181, 166, 66 |
Shades of Beige Brown Color
Now for the third and final brown classification. Beige is what we now refer to as any brown that is lighter than the light brown classification. These come with a variety of different beige browns, all equipped with their own beige or brown color name. Keep reading to find out more about the different types of brown, or beige.
Ecru Brown
Ecru brow has an interesting name. The color of this brown is a very light brown or beige, and it possesses a yellow-ish undertone that might be compared to the color of sand even though it is actually darker.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Ecru Brown | #C2B280 | 0, 8, 34, 24 | 194, 178, 128 |
Khaki Brown
Khaki is a popular color with men’s pants and safari wear. It is one of the darker versions of beige than the others but it does have a beautiful nude effect when added to make-up or fashion.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Khaki Brown | #C3B091 | 0, 10, 26, 24 | 195, 176, 145 |
Dark Vanilla Brown
This sounds like a deliciously luxurious color that makes you think of dessert. Even with its grey-ish feel, its comparisons are most similar to sand, and the color taupe brown.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Dark Vanilla Brown | #D1BEA8 | 0, 9, 20, 18 | 209, 190, 168 |
Sand Brown
Sand brown should seem self-explanatory to anyone who is familiar with sand from a beach, which is pretty much everyone who has visited the seaside. This light beige is cool in feel and is the most similar to bisque brown.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Sand Brown | #F6D7B0 | 0, 13, 28, 4 | 246, 215, 176 |
Tan Brown
Tan is one of the most commonly used colors in today’s world of interior design and fashion. It is a beautiful neutral color that works with so many other colors. It is one of the darker versions of beige which is probably what makes it so unforgettable.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Tan Brown | #D2B48C | 0, 14, 33, 18 | 210, 180, 140 |
Wood Brown
If you think of beautiful houses that have those oak flooring, then you have the best reference to this color. Fawn beige is a bit warmer than wood brown but both are very similar.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Wood Brown | #C19A6B | 0, 20, 45, 24 | 193, 154, 107 |
Deer Brown
Close Your eyes and visualize Disney’s Bambi – that is the correct color to imagine when thinking of deer brown. It is a warm color that is one of the more dark versions of the beige classification.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Deer Brown | #BA8759 | 0, 27, 52, 27 | 186, 135, 89 |
Café au Lait Brown
Not to be confused with the name of the dark brown color dark coffee brown or cafe noir brown, Cafe au lait brown is a much lighter beige than those brown colors. The name cafe au lat means coffee with milk, which is where it gets its name from.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Café au LaitBrown | #A67B5B | 0, 26, 45, 35 | 166, 123, 91 |
Beaver Brown
Beaver brown gets its name from the cute, dam-building animals. This brown has a more grey feel to it, but it can be easily paired with taupe brown, even though it is more cool than warm.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Beaver Brown | #9F8170 | 0, 19, 30, 38 | 159, 129, 112 |
Antique Brass Brown
Color naming can be very specific, like where brass brown is not the same as antique brass brown because antique brass brown is more cool than warm in undertone and it is far lighter in shade.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Antique Brass Brown | #CD9575 | 0, 27, 43, 20 | 205, 149, 117 |
Tumbleweed Brown
Tumbleweed brown has quite a cool feel to it in comparison to the other beige colors. It also has a pink tinge to its more orange-like undertone.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Tumbleweed Brown | #DEAA88 | 0, 23, 39, 13 | 222, 170, 136 |
Fawn Brown
Fawn brown is similar to deer brown but it is much lighter. The name is derived from the name for a baby deer which are also much lighter in coloring at such a young age. Fan brown is warm in feel with undertones of yellow.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Fawn Brown | #E5AA70 | 0, 26, 51, 10 | 229, 170, 112 |
Burlywood Brown
If you were an artist you might feel the need to compare this color to the color tan brown, however, it is pinker or peach-like in color than it is orange.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Burlywood Brown | #DEB887 | 0, 17, 39, 13 | 222, 184, 135 |
Wheat Brown
Wheat brown is so pale in color that it is commonly mistaken for a shade of white. This color gets its name from the fluffy white flowers that make the grain wheat, but it does have more hints of a peachy color as well.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Wheat Brown | #F5DEB3 | 0, 9, 27, 4 | 245, 222, 179 |
Champagne Brown
Champagne brown is a very fashionable color in marketing fashion, interior design, you name it. It gives off a warmer feel than the typical beige color and it is only slightly darker.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Champagne Brown | #FAD6A5 | 0, 14, 34, 2 | 250, 214, 165 |
Almond Brown
Almond brown has a warmer feel to it than the other types of beige even with its almost grey-ish tinge. It teeters on the edges of being classified as one of three, grey, white, or brown.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Almond Brown | #EFDECD | 0, 7, 14, 6 | 239, 222, 205 |
Bisque Brown
Bisque soup is where this color gets its name from, although the soup is more peachy than the actual bisque color is nuder. This color is versatile in that it can be paired with many other colors beautifully.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Bisque Brown | #FFE4C4 | 0, 11, 23, 0 | 255, 228, 196 |
Bone Brown
Bone brown is one of the more yellow-ish shades of beige. It is an extremely light color that has hints of grey in the mixture. It gets its name quite obviously from bones or ivory.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Bone Brown | #E3DAC9 | 0, 4, 11, 11 | 227, 218, 201 |
Beige Brown
It would be fitting to end the list of beige colors with a beige-brown, which is why we did. It is more than often confused with an ff-white color when it is actually classified as a beige. This is one of the most important colors to have on your color palette.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Beige Brown | #F5F5DC | 0, 0, 10, 4 | 245, 245, 220 |
Now that we have discussed in detail the different shades of brown, you might need to sit back and think about all the different colors that are swirling through your head at this present moment. Hopefully, we have managed to convince you that brown is not as dull and lifeless as you may have previously thought, but rather, it is full of life and vibrancy – you just need to see it in a different light.
Larissa Meyer is a 32-year-old mother from Michigan and creative spirit since childhood. Her passion for painting and drawing has led her to an education as an illustrator and a career as a freelance graphic designer. She has a Bachelor of Fine Arts in Illustration and a degree in Graphic Design. Larissa is a talented artist who is able to master a wide range of styles and techniques to bring her artistic vision to life. Her greatest passion is currently fluid painting and epoxy resin art. Larissa’s love for art and her knowledge and experience in illustration make her the perfect Creative Director for our fluid-painting.com team. She is the creative head of our team and shares her passion and knowledge with our community through articles and tutorials.
As a mother of a 2-year-old daughter, Larissa also understands the importance of fostering creativity in early childhood. She uses her experience and knowledge to help other parents inspire their children and develop their artistic skills as well.
Learn more about Larissa Meyer and about us.