All the Colors

Understand. Compare. Create.

Brown: 45 shades, names and colour codes

Explore brown shades, HTML and RGB codes, colour meanings and ideas for combining brown in your projects.

Colour code and CSS reference

The CSS keyword brown corresponds to #A52A2A. It represents one specific brown shade, not the entire colour family.

HEX
#A52A2A
RGB
165, 42, 42
CMYK ≈
0%, 75%, 75%, 35%
HSL
0°, 59%, 41%

The displayed CMYK values are estimates without a print profile.

Meaning and perception

Browns often recall earth, wood and leather. They range from dark beige to chocolate. The CSS keyword brown denotes a specific value that is redder than many everyday browns.

Which colours go with it?

Brown rarely appears alone: it is already present in wood, leather, cork and some flooring. Start with the dominant material and notice whether it looks reddish, golden or greyed. Chocolate and cream suit a different direction from cognac and deep blue.

Brown and cream: distribute light and dark

Chocolate brown can structure a cream composition without requiring black. In a living room, try a brown sofa, light surfaces and a few objects that echo the brown. In a document, cream can provide the background and chocolate the graphic cues. Check the selected codes if those colours are used for text.

Brown and blue: give wood a contrasting companion

Cognac and navy create a clearer difference than brown and beige. In an outfit, pair a cognac accessory with a blue garment and keep the rest simple. In a room, compare the blue with both the light and dark parts of the wood: grain can change the pairing depending on the area you look at.

Brown and green: identify both colour directions

Dark walnut with greyed sage makes lightness differences important. Golden brown with olive creates a closer combination. To prevent a uniform result, add an ecru area and distinguish the materials. Choose the green after viewing the wood or leather under the intended lighting rather than relying only on a photograph.

Combine woods without forcing a false match

Two woods do not need to be identical to share a space. Compare their general undertones, lightness and grain. You can choose a dominant wood and a distinctly lighter or darker second one, then connect them with a plain textile. Ordering furniture in an “almost identical colour” without a sample makes the result harder to predict.

Try this palette: chocolate, cream and greyed blue

Start with 60% cream, 25% chocolate and 15% greyed blue. Blue introduces a different colour family while cream separates the volumes. For a product photograph, place the object in the mock-up before settling on these proportions.

Cream#F2E8D8
Chocolate#594034
Greyed blue#718B9B

Suggested palette with copyable HEX codes for your own trials. These sRGB previews are not certified paint or textile specifications.

A common trap: adding browns without a resting area

Flooring, sofa, curtains and furniture can all be brown yet create an arrangement that is difficult to read. Introduce a lighter plain area and reduce competing patterns. If one feature should remain central, give it a visible difference in lightness or material rather than adding another brown.

Shades of brown

The names and previews below come from the site’s shade directory. Several codes may share a common name; these shades are not certified RAL or Pantone equivalents.

Dark brown#8B6C42
Beige#C8AD7F
Light beige#F5F5DC
Beigeasse#AFA778
Bistre#3D2B1F
Bistre#856D4D
Bitumen#4E3D28
Overripe#5B3C11
Brick#842E1B
Bronze#614E1A
Walnut stain#3F2204
Bureau brown#6B5731
Cocoa#614B3A
Cachou#2F1B0C
Coffee#462E01
Coffee with milk#785E2F
Cinnamon#7E5835
Caramel#7E3300
Chestnut#806D5A
Dark blond#8B6C42
Copper brown#85530F
Chocolate#5A3A22
Pumpkin#DF6D14
Tawny#AD4F09
Dead leaf#99512B
Greige#BBAE98
Moorish gray#685E43
Cravat#8F5922
Brown#582900
Golden brown#87591A
Hazelnut#955628
Burnt orange#CC5500
Puce#4E1609
Red bismarck#A5260A
Terracotta red#AE4A34
Rust#985717
Oxblood#730800
Senois#8D4024
Sepia#A98C78
Sepia#AE8964
Tobacco#9F551E
Sienna#8E5434
Umber#625B48
Umber#926D27
Vanilla#E1CE9A
30 palettes. Your next idea starts here.

Get the free colour kit: HEX/RGB codes and a project worksheet.

Get my free kit →

Also discover: Casekit — customer support for online shops.