What Goes With Brown?
Five colors that pair well with Brown (#A52A2A), computed from its position on the hue wheel.
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
muted complement behind most rustic/cabin interior palettes
the most common pairing found in nature itself; reads organic
saturated accent that keeps brown feeling autumnal, not muddy