Shades of Brown

Brown is not a single spectral hue; it is made from dark, low-saturation oranges and reds. It is associated with earth, wood, warmth, stability and natural materials.

43 named shades#964B00rgb(150, 75, 0)

43 brown colors, lightest to darkest

Click a swatch to copy its HEX code. Click the name for the full profile with HSL, LAB, OKLCH, harmonies and contrast.

Almond
rgb(239, 222, 205)
C0 M7 Y14 K6
Desert Sand
rgb(237, 201, 175)
C0 M15 Y26 K7
Khaki
rgb(240, 230, 140)
C0 M4 Y42 K6
Burlywood
rgb(222, 184, 135)
C0 M17 Y39 K13
Tan
rgb(210, 180, 140)
C0 M14 Y33 K18
Sandy Brown
rgb(244, 164, 96)
C0 M33 Y61 K4
Rosy Brown
rgb(188, 143, 143)
C0 M24 Y24 K26
Buff
rgb(218, 160, 109)
C0 M27 Y50 K15
Sand
rgb(194, 178, 128)
C0 M8 Y34 K24
Antique Brass
rgb(205, 149, 117)
C0 M27 Y43 K20
Hazelnut
rgb(191, 161, 129)
C0 M16 Y32 K25
Raw Sienna
rgb(214, 138, 89)
C0 M36 Y58 K16
Camel
rgb(193, 154, 107)
C0 M20 Y45 K24
Dark Khaki
rgb(189, 183, 107)
C0 M3 Y43 K26
Beaver
rgb(159, 129, 112)
C0 M19 Y30 K38
Peru
rgb(205, 133, 63)
C0 M35 Y69 K20
Cafe au Lait
rgb(166, 123, 91)
C0 M26 Y45 K35
Bronze
rgb(205, 127, 50)
C0 M38 Y76 K20
Caramel
rgb(175, 110, 77)
C0 M37 Y56 K31
Chocolate
rgb(210, 105, 30)
C0 M50 Y86 K18
Copper
rgb(184, 115, 51)
C0 M38 Y72 K28
Fulvous
rgb(228, 132, 0)
C0 M42 Y100 K11
Light Brown
rgb(181, 101, 29)
C0 M44 Y84 K29
Auburn
rgb(165, 42, 42)
C0 M75 Y75 K35
Sienna
rgb(160, 82, 45)
C0 M49 Y72 K37
Tawny
rgb(205, 87, 0)
C0 M58 Y100 K20
Chestnut
rgb(149, 69, 53)
C0 M54 Y64 K42
Raw Umber
rgb(130, 102, 68)
C0 M22 Y48 K49
Mahogany
rgb(192, 64, 0)
C0 M67 Y100 K25
Wenge
rgb(100, 84, 82)
C0 M16 Y18 K61
Burnt Umber
rgb(138, 51, 36)
C0 M63 Y74 K46
Mocha
rgb(150, 113, 23)
C0 M25 Y85 K41
Coffee
rgb(111, 78, 55)
C0 M30 Y50 K56
Saddle Brown
rgb(139, 69, 19)
C0 M50 Y86 K45
Russet
rgb(128, 70, 27)
C0 M45 Y79 K50
Brown
rgb(150, 75, 0)
C0 M50 Y100 K41
Walnut
rgb(119, 63, 26)
C0 M47 Y78 K53
Field Drab
rgb(108, 84, 30)
C0 M22 Y72 K58
Dark Brown
rgb(101, 67, 33)
C0 M34 Y67 K60
Taupe
rgb(72, 60, 50)
C0 M17 Y31 K72
Cafe Noir
rgb(75, 54, 33)
C0 M28 Y56 K71
Espresso
rgb(58, 46, 42)
C0 M21 Y28 K77
Cocoa
rgb(63, 27, 11)
C0 M57 Y83 K75

Tints and shades of brown #964B00

A perceptual 50 to 950 scale built from the pure brown. Same hue, stepped lightness.

FFF0DF FFE2C6 FFCCA4 F9B282 E2945E C7773D A85D21 964B00 6A3000 4D1E00 2A0C00

Build this scale from any color with the color scale tool, or get it as a Tailwind config from the Tailwind palette generator.

Light, medium and dark brown

Adding white produces beige and tan tints, lowering saturation creates subdued earthy tones, and reducing lightness produces dark chocolate browns. Classic examples include Tan #D2B48C, Sienna #A0522D and Saddle Brown #8B4513.

How to use brown in design

Brown pairs naturally with cream, beige, orange, yellow and muted greens, while blue provides stronger contrast. In print, dark browns use combinations of CMYK inks rather than black alone, so small text and fine details need careful separation choices. See what colors make brown.