We have brought huge variety of shades of brown color with color name, hex code, RGB code. This includes both light brown and dark brown shades. Ideal for graphic designers and artists. With this, there is no need to browse through different websites to find color combinations, their codes and names.
In the first section you will get a quick overview of different combinations of brown color in the form of info graphic. The second section has a complete list of shades of brown color.

Browse a huge collection of brown color shades and create stunning graphic in 2 minutes. Pick your favorite color shade from brown color combinations.
All Shades of Brown Color – [Grid Format]
Here is the list of all shades of color brown we have. Simply copy the hex code or RGB code and use in your design. You can also use hex color picker tool from image to get color codes.
What Does Brown Color Represent?
Brown color represents stone, wood, earth, reliability, fall and winter. Blue has strong correspondence with security. As per brown color psychology, it is also considered for honesty and healing.
History Of Brown Color
The word brown is a derivation of old English “brún,” used for dusky and darkish shades of color. Brown is the best representation of earthiness. Though Brown is a dark and dull hue, it mainly embodies well-being, constancy, and simplicity. Brown is one of the preferable choices of artists since ancient times. In early 40,000 BC, the painters used umber, a natural clay pigment composed of manganese oxide and iron oxide. In the 17th century, another natural earth color, known as Van Dyke brown, used by painters. There are multiple shades of brown that are used by artists.
Colors That Go With Brown Shades
Color contrasts are the colors when combined with any color gives a cool feel. These are the colors which appears on opposite side of color wheel. Finding a good color contrast is one of the most important step in designing the stylish look. Here are couple of colors that go well with brown shades.

This design has different contrasts of brown color. When combined with tan, hot pink and olive green, it gives a holistic look.

This design has different contrasts of brown color. When combined with champagne, aquamarine and teal, it gives a stylish look.
Eye Catching Banners With Brown Shades
Brown color shows the strength and reliability. It is also considered to be the color of earth. Checkout some of our stunning design ideas with shades of brown color.

The brown shade used in this design has a hex code #553015.

The brown shade used in this design has a hex code #392722.
Most Popular Shades of Brown Color
Here are our top 5 most popular shades of color brown.
1. Chrysler Mink Brown
Chrysler Mink Brown is a great shade of brown. It’s neither too umber nor too black. Painters consider this shade perfect for interior paint.
Its HEX Code is #675d56 and it is comprised of 40.39% red, 36.47% green and 33.73% blue.

2. Autumn Dusk
It’s a tea-leaf, caramel brown with a minor touch green in it. This great combination makes the shade better than the typical brown.
With HEX code #d95f52, the hue is comprised of 85.1% red, 37.25% green and 32.16% blue.

3. Rust
This shade of brown is ideally used in performing arts. It gives illuminate scenes more charisma.
With HEX Code #b7410e, the shade is composed of 71.8% red, 25.5% green and 5.5% blue.

4. Burgundy Color
It is a dark and most popular shade of brown. Though It resembles red, it is an important part of the brown family.
With HEX Code #800020, Burgundy color is composed of 50.2% red, 0% green and 12.5% blue.

5. Chocolate Color
Chocolate color is a great representation of milk chocolate, but It is lighter than the dark chocolate shade of brown.
With HEX Code #d2691e, it is comprised of 82.35% red, 41.18% green and 11.76% blue.

Dark Shades of Brown Color
Here are our top 5 dark shades of color brown.
1. Seal Brown
Seal brown is a rich dark brown color, and it resembles the color of the dyed fur from the fur seal.
In RGB color space, with hex #321414, seal brown is composed of 19.6% red, 7.8% green, and 7.8% blue.

2. Walnut Brown
Walnut brown beautifully represents the dried walnuts. This medium-dark shade of brown is the first choice for the flooring of the houses.
With HEX Code #5d432c, the color comprises 36.47% red, 26.27% green and 17.25% blue.

3. Raw Amber
Another name of this shade is “Tile Color.” Though it is not the darkest brown shade, it is considered a dull hue with medium darkness.
With HEX Code #826644, the tone is comprised of 50.98% red, 40% green, and 26.67% blue.

4. Mahogany Brown
This brown shade has a considerable intense of red color. It is a superb choice for women’s dye color.
With HEX Code #c04000, this color comprises 75.29% red, 25.1% green and 0% blue.

5. Bistre Brown
Bistre brown is considered the dark shade of brown (though it doesn’t come under the category of darkest shades of brown).
in the RGB color model, the shade comprises 58.82% red, 44.31% green, and 9.02% blue.

Light Shades of Brown Color
Here are our top light shades of color brown.
1. Caramel
Caramel is a light and sweet shade of brown. Caramel is a core ingredient for different dishes.
With HEX Code #FFD59A, the shade comprises 52.16% red, 27.45% green, and 11.76% blue.

2. Buff
Buff is a unique shade, and it is a color of camel’s hair. The color is getting immense popularity in the paint and fashion industry.
With HEX Code #f0dc82 , Buff shade is composed of 94.1% red, 86.3% green and 51% blue.

3. Wheat
Wheat color is the accurate correspondent of the color of wheat. This light shade of brown is as old as the agricultural revolution is.
With HEX Code #f5deb3, wheat color is comprised of 96.08% red, 87.06% green and 70.2% blue.

4. Sandy Brown
This light, endearing and adorable shade of brown is a popular choice for hair dye.
With HEX Code #f4a460, sandy brown is comprised of 95.69% red, 64.31% green and 37.65% blue.

5. Fallow Brown
Fallow color is a gloomy, light color and got its name from the dried herbs in the fallow fields.
With HEX Code #c19578, this shade comprises 75.69% red, 58.43% green, and 47.06% blue.

Top 9 Gradients of Brown Color
Here are our top 9 picks for gradients of brown color. Ideal for color loving people and artists.
Brown(#D0B49F) to Blue Green(#39918C)
Brown(#DAA486) to Aquamarine(#008291)
Dusty Rose(#E3B6A9) to Blue Green(#21B6A8)
Brown(#D0B49F) to Cornflower(#2F435A)
Brown(#DAA486) to Teal Green(#13FBE2)
Maroon(#6E4A67) to Aquamarine(#58BAD3)
Brown(#D0B49F) to Green(#4F5F2C)
Coral(#E76D57) to Aquamarine(#58BAD3)
Tan(#A47551) to Hot Pink(#E17188)
Top 8 Contrasts of Brown Color
Here are our top 8 picks for the contrast of brown color. These are very useful for the web designers, graphic designers and artists to get the brown color contrasts ideas with their hex codes. Simply pick these contrasts and make elegant designs.
1. Contrast of Cornflower, Brown, Light Brown & Blue Green

2. Contrast of Forest Green, Coral, Ivory & Cognac

3. Contrast of Cognac, Lint, Ivory & Maroon

4. Contrast of Champagne, Brown, Aquamarine & Teal

5. Contrast of Black, Cream, Cinnabar & Brown

6. Contrast of Brown, Tan, Hot Pink & Olive Green

7. Contrast of Brown, Cream, Teal Green & Aquamarine

8. Contrast of Mimosa, Brown, Rose Quartz & Serenity

Different Shades Of Brown Color With Name – Comprehensive Guide
Quick look at brown color combinations in the form of chart. From light brown to dark brown , the collection gives a good idea to the graphic designers what color to choose. These brown shades may differ in saturation, intensity, lightness and/or brightness. Shade is also known as tint or variation of a color.
Bonus: If you like brown color shades then I am sure you will love the following brown color shade names as well. Here are some top picks
Color Name | Hex Code | RGB Code |
Fuzzy Wuzzy Brown | HEX #C04860 | RGB 192 72 96 |
Woody Brown | HEX #483030 | RGB 72 48 48 |
Sandy Brown | HEX #F0A860 |
RGB 240 168 96
|
Frequently Asked Questions
What are different colors of brown?
- Fuzzy Wuzzy Brown
- Woody Brown
- Walnut
- Coffee
- Russet
- Sandy Brown