ChromaWell

What Goes With Brown?

Five colors that pair well with Brown (#A52A2A), computed from its position on the hue wheel.

#A52A2A

Complementary

#2AA5A5

Analogous (-30°)

#A52A68

Analogous (+30°)

#A5682A

Triadic

#2AA52A

Triadic

#2A2AA5

Why These Colors Work With Brown

CSS Brown (#A52A2A) is technically a low-lightness, desaturated red (0° hue, 41% lightness) rather than its own hue family — brown doesn't exist as a spectral color at all, it's what red or orange looks like once darkened and muted, which is why it reads as earthy rather than alarming despite sharing red's hue angle. Because it's a muted red, brown's real complement leans toward a muted teal or sage rather than a vivid green, and this desaturated-complement pairing is the actual basis of most 'rustic' or 'cabin' interior palettes, where a dusty sage sits opposite a warm brown wall. Brown with cream or ivory is the most common pairing in nature itself (bark against sky, soil against wheat) and carries that association into food branding and interior design as an automatically 'organic' signal. Brown next to a bright, saturated accent — mustard, rust, or forest green — reads as autumnal and grounded; brown next to black tends to muddy both colors since neither carries enough lightness contrast, which is why stylists generally avoid pairing the two at equal darkness.

Curated Companion Picks

Dusty sage#9CAF88

muted complement behind most rustic/cabin interior palettes

Ivory#FFFFF0

the most common pairing found in nature itself; reads organic

Mustard#D4A017

saturated accent that keeps brown feeling autumnal, not muddy