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.

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.

Color Picker

🎨

HEX Color Value

Pick from Image

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.

Color Picker

🎨

HEX Color Value

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%)