Color Code Palette

Appearance

70+ Shades of Brown ​

Explore 70+ shades of brown including Chocolate (#7B3F00), Coffee (#6F4E37), Caramel (#AF6C3B), Cinnamon (#D2691E), Walnut (#773F1A), and more. Complete collection with hex codes and RGB values for designers, developers, and creatives.

different shades of brown

Complete List of Shades of Brown ​

Explore our categorized collection of 70+ shades of brown. Click any color to view its hex code, RGB values, and detailed information about each unique shade of brown.

Light Brown & Beige ​

Copy HEX
Light Brown →
HEX#B5651D
RGBrgb(181, 101, 29)
Copy HEX
Beige →
HEX#F5F5DC
RGBrgb(245, 245, 220)
Copy HEX
Light Beige →
HEX#F5F5F0
RGBrgb(245,245,240)
Copy HEX
Cream Beige →
HEX#F5EBDC
RGBrgb(245,235,220)
Copy HEX
Sand →
HEX#C2B280
RGBrgb(194,178,128)
Copy HEX
Tan Brown →
HEX#D2B48C
RGBrgb(210, 180, 140)
Copy HEX
Pale Brown →
HEX#987654
RGBrgb(152, 118, 84)
Copy HEX
Camel →
HEX#C19A6B
RGBrgb(193, 154, 107)
Copy HEX
Sandstone →
HEX#C2B280
RGBrgb(194,178,128)
Copy HEX
Cappuccino →
HEX#C8A98C
RGBrgb(200,169,140)
Copy HEX
Latte →
HEX#C5A582
RGBrgb(197,165,130)
Copy HEX
Cork →
HEX#D9B48F
RGBrgb(217,180,143)
Copy HEX
Fawn →
HEX#E5AA70
RGBrgb(229, 170, 112)
Copy HEX
Maple →
HEX#D4A76A
RGBrgb(212,167,106)
Copy HEX
Sandalwood →
HEX#F5DEB3
RGBrgb(245,222,179)
Copy HEX
Rattan →
HEX#D2B48C
RGBrgb(210,180,140)
Copy HEX
Suede →
HEX#C8AD7F
RGBrgb(200,173,127)
Copy HEX
Hickory →
HEX#B7A27E
RGBrgb(183,162,126)
Copy HEX
Bamboo →
HEX#B2A876
RGBrgb(178,168,118)

Medium Brown ​

Copy HEX
Brown →
HEX#964B00
RGBrgb(150, 75, 0)
Copy HEX
Coffee Brown →
HEX#6F4E37
RGBrgb(111, 78, 55)
Copy HEX
Chocolate Brown →
HEX#7B3F00
RGBrgb(123, 63, 0)
Copy HEX
Cocoa →
HEX#875C4F
RGBrgb(135,92,79)
Copy HEX
Caramel →
HEX#AF6C3B
RGBrgb(175,108,59)
Copy HEX
Cinnamon →
HEX#D2691E
RGBrgb(210, 105, 30)
Copy HEX
Chestnut →
HEX#954535
RGBrgb(149, 69, 53)
Copy HEX
Walnut →
HEX#773F1A
RGBrgb(119, 63, 26)
Copy HEX
Sienna →
HEX#A0522D
RGBrgb(160, 82, 45)
Copy HEX
Clay →
HEX#B66A50
RGBrgb(182, 106, 80)
Copy HEX
Mocha →
HEX#967969
RGBrgb(150, 121, 105)
Copy HEX
Pecan →
HEX#A36E4A
RGBrgb(163,110,74)
Copy HEX
Hazelnut →
HEX#BDA55D
RGBrgb(189, 165, 93)
Copy HEX
Nutmeg →
HEX#8A4B2C
RGBrgb(138,75,44)
Copy HEX
Clove →
HEX#8C433A
RGBrgb(140,67,58)

Dark Brown ​

Copy HEX
Dark Brown →
HEX#654321
RGBrgb(101, 67, 33)
Copy HEX
Rich Brown →
HEX#8B4513
RGBrgb(139,69,19)
Copy HEX
Espresso →
HEX#4E312D
RGBrgb(78,49,45)
Copy HEX
Burnt Umber →
HEX#8A3324
RGBrgb(138,51,36)
Copy HEX
Sepia →
HEX#704214
RGBrgb(112, 66, 20)
Copy HEX
Russet →
HEX#80461B
RGBrgb(128, 70, 27)
Copy HEX
Brunette →
HEX#3A2A1F
RGBrgb(58,42,31)
Copy HEX
Peanut →
HEX#795C34
RGBrgb(121, 92, 52)
Copy HEX
Coconut →
HEX#5C3713
RGBrgb(92,55,19)
Copy HEX
Cedar →
HEX#5E3427
RGBrgb(94,52,39)
Copy HEX
Cherry Wood →
HEX#6B2B26
RGBrgb(107,43,38)
Copy HEX
Ebony Brown →
HEX#555D50
RGBrgb(85,93,80)
Copy HEX
Black Bean →
HEX#3D0C02
RGBrgb(61,12,2)
Copy HEX
Ivory Black →
HEX#332421
RGBrgb(51,36,33)
Copy HEX
Black Coffee →
HEX#3B2F2F
RGBrgb(59,47,47)

Reddish Brown ​

Copy HEX
Mahogany →
HEX#C04000
RGBrgb(192, 64, 0)
Copy HEX
Rust →
HEX#B7410E
RGBrgb(183, 65, 14)
Copy HEX
Terracotta →
HEX#E2725B
RGBrgb(226, 114, 91)
Copy HEX
Copper →
HEX#B87333
RGBrgb(184, 115, 51)
Copy HEX
Bronze →
HEX#CD7F32
RGBrgb(205, 127, 50)
Copy HEX
Brick →
HEX#CB4154
RGBrgb(203,65,84)
Copy HEX
Tawny →
HEX#CD5700
RGBrgb(205, 87, 0)
Copy HEX
Ginger →
HEX#B06500
RGBrgb(176, 101, 0)
Copy HEX
Oak →
HEX#806517
RGBrgb(128, 101, 23)
Copy HEX
Pine Wood →
HEX#967117
RGBrgb(150,113,23)
Copy HEX
Golden Brown →
HEX#996515
RGBrgb(153,101,21)

Grayish Brown ​

Copy HEX
Cool Brown →
HEX#8A7F78
RGBrgb(138,127,120)
Copy HEX
Dark Beige →
HEX#A9A491
RGBrgb(169,164,145)
Copy HEX
Metallic Brown →
HEX#B08D57
RGBrgb(176,141,87)
Copy HEX
Teak →
HEX#B19461
RGBrgb(177,148,97)
Copy HEX
Dark Tan →
HEX#918151
RGBrgb(145,129,81)
Copy HEX
Taupe →
HEX#483C32
RGBrgb(72,60,50)
Copy HEX
Fossil →
HEX#A69F93
RGBrgb(166,159,147)

Generate Different Shades of Brown ​

Create custom shades of brown with our color generator. Adjust hues, tints, and tones to find the perfect shade of brown for your project.

🎨

Shades (Adding Black)

  • 3B82F6
    rgb(59, 130, 246)
  • 376BC8
    rgb(55, 107, 200)
  • 31559D
    rgb(49, 85, 157)
  • 294073
    rgb(41, 64, 115)
  • 202C4C
    rgb(32, 44, 76)
  • 151928
    rgb(21, 25, 40)
  • 000000
    rgb(0, 0, 0)

Tints (Adding White)

  • 3B82F6
    rgb(59, 130, 246)
  • 6D95F8
    rgb(109, 149, 248)
  • 91A9FA
    rgb(145, 169, 250)
  • AFBEFC
    rgb(175, 190, 252)
  • CBD3FD
    rgb(203, 211, 253)
  • E5E9FE
    rgb(229, 233, 254)
  • FFFFFF
    rgb(255, 255, 255)

Tones (Adding Gray)

  • 3B82F6
    rgb(59, 130, 246)
  • 5082E9
    rgb(80, 130, 233)
  • 6182D7
    rgb(97, 130, 215)
  • 6F83C4
    rgb(111, 131, 196)
  • 7983B0
    rgb(121, 131, 176)
  • 80849B
    rgb(128, 132, 155)
  • 808080
    rgb(128, 128, 128)

Convert Brown Shades Between Formats ​

Convert any shade of brown between HEX, RGB, CMYK, HSL, and other color formats. Essential for designers working with different shades of brown.

🎨

All Formats:

  • HEX:
    #ECB12E
  • RGB:
    rgb(236, 177, 46)
  • CMYK:
    cmyk(0%, 25%, 81%, 7%)
  • HSV:
    hsv(41°, 81%, 93%)
  • HSL:
    hsl(41°, 83%, 55%)