Aqeeb Studio

Color family

Brown Colors: Names, HEX Codes & Shades

Brown is not a separate hue: it is a dark or muted orange, red or yellow. This library files a color under brown when a warm hue (roughly 8° to 52°) is dark or muted, which includes tan, sienna, chocolate and pale, wheat-like tints.

Many browns are dark enough for white text: the CSS color brown (#A52A2A) has 7.08:1 contrast with white and saddle brown (#8B4513) 7.09:1. Lighter browns go the other way: tan (#D2B48C) reaches 10.64:1 with black and only 1.97:1 with white.

Brown colors at a glance

96brown colors in the library
47%average HSL lightness
67%average HSL saturation
39%reach 4.5:1 contrast with white text
61%reach 4.5:1 contrast with black text
Extremes among brown colors
ExtremeColorHEXHSL
Lightest Papaya Whip #FFEFD5hsl(37, 100%, 92%)
Darkest Very Dark Brown #1D0200hsl(4, 100%, 6%)
Most saturated Yellow Brown #B79400hsl(49, 100%, 36%)
Least saturated Stone #ADA587hsl(47, 19%, 60%)
Brown#A52A2A Tan#D2B48C Saddle Brown#8B4513 Dark Goldenrod#B8860B Sienna#A0522D Chocolate#D2691E Goldenrod#DAA520 Peru#CD853F Rosy Brown#BC8F8F Sandy Brown#F4A460 Burlywood#DEB887 Wheat#F5DEB3

Using brown colors

  • Earthy, natural and handcrafted designs: wood, leather, coffee and paper themes.
  • Text and borders on cream or beige, as a softer alternative to black.
  • Backgrounds for headers and footers with white text, using a dark brown.
  • A neutral base for a palette, with one bright accent on top.

Browns and dark oranges overlap, so a color you would call orange may live here. Use the search or the color page to see its closest named neighbors.

Brown works well beside cream, beige and deep green.

All 96 brown colors

Adobe#BD6C48 Antique White#FAEBD7 Auburn#9A3001 Bisque#FFE4C4 Blanched Almond#FFEBCD Brick#A03623 Bronze#A87900 Brown#A52A2A Burlywood#DEB887 Burnt Sienna#B04E0F Burnt Umber#A0450E Camel#C69F59 Caramel#AF6F09 Chestnut#742802 Chocolate#D2691E Chocolate Brown#411900 Cinnamon#AC4F06 Clay#B66A50 Clay Brown#B2713D Cocoa#875F42 Coffee#A6814C Copper#B66325 Dark Beige#AC9362 Dark Brown#341C02 Dark Gold#B59410 Dark Goldenrod#B8860B Dark Mustard#A88905 Dark Peach#DE7E5D Dark Sand#A88F59 Dark Tan#AF884A Dark Taupe#7F684E Deep Brown#410200 Desert#CCAD60 Dirt#8A6E45 Dirt Brown#836539 Dull Brown#876E4B Dusky Rose#BA6873 Dust#B2996E Dusty Rose#C0737A Earth#A2653E Fawn#CFAF7B Golden Brown#B27A01 Goldenrod#DAA520 Gray Brown#7F7053 Green Brown#544E03 Hazel#8E7618 Leather#AC7434 Light Maroon#A24857 Light Peach#FFD8B1 Medium Brown#7F5112 Milk Chocolate#7F4E1E Moccasin#FFE4B5 Mocha#9D7651 Mud#735C12 Mud Brown#60460F Muddy Brown#886806 Mushroom#BA9E88 Mustard Brown#AC7E04 Navajo White#FFDEAD Ocher#BF9B0C Ochre#BF9005 Old Rose#C87F89 Olive Brown#645403 Orange Brown#BE6400 Pale Brown#B1916E Pale Peach#FFE5AD Papaya Whip#FFEFD5 Peach Puff#FFDAB9 Peru#CD853F Puce#A57E52 Purple Brown#673A3F Putty#BEAE8A Raw Sienna#9A6200 Raw Umber#A75E09 Red Brown#8B2E16 Rosy Brown#BC8F8F Russet#A13905 Rust#A83C09 Rust Brown#8B3103 Saddle Brown#8B4513 Sand Brown#CBA560 Sandstone#C9AE74 Sandy Brown#F4A460 Sepia#985E2B Sienna#A0522D Stone#ADA587 Tan#D2B48C Tan Brown#AB7E4C Taupe#B9A281 Terracotta#CA6641 Umber#B26400 Very Dark Brown#1D0200 Very Light Brown#D3B683 Warm Brown#964E02 Wheat#F5DEB3 Yellow Brown#B79400

More families

Red (53)Orange (29)Yellow (54)Green (174)Cyan / Teal (27)Blue (105)Purple (73)Pink (66)Gray (25)Black (2)White (16) All families