Shades of Brown

Brown is a family of dark, desaturated oranges. Deep chocolates feel rich and dependable, while light tans and wheats work as warm neutrals. These are the CSS named browns plus a generated lightness scale.

Named Brown Colors

Maroon
#800000rgb(128, 0, 0)
SaddleBrown
#8B4513rgb(139, 69, 19)
Brown
#A52A2Argb(165, 42, 42)
Sienna
#A0522Drgb(160, 82, 45)
Chocolate
#D2691Ergb(210, 105, 30)
DarkGoldenrod
#B8860Brgb(184, 134, 11)
Peru
#CD853Frgb(205, 133, 63)
RosyBrown
#BC8F8Frgb(188, 143, 143)
Goldenrod
#DAA520rgb(218, 165, 32)
SandyBrown
#F4A460rgb(244, 164, 96)
Tan
#D2B48Crgb(210, 180, 140)
BurlyWood
#DEB887rgb(222, 184, 135)
Wheat
#F5DEB3rgb(245, 222, 179)
NavajoWhite
#FFDEADrgb(255, 222, 173)
Bisque
#FFE4C4rgb(255, 228, 196)
BlanchedAlmond
#FFEBCDrgb(255, 235, 205)

Brown Scale from Light to Dark

A 12-step lightness scale of the core brown hue. Click any swatch for the full breakdown of that color.

More Color Families