What Colors Go With Brown? 16 Outfit Pairings by Shade
Style guides commonly pair brown with cream, white, denim, navy, olive and burgundy, but which works best depends on how dark the brown is. Black is the clearest example. It scores 8.1:1 against camel, 3.6:1 against a mid brown and just 1.8:1 against chocolate, so the same pairing can look crisp on one and nearly merge on the other.
18 partners scored against three browns
The figures use the formula from the W3C’s web accessibility guidelines, which compares how light two colors are on a scale from 1:1 (equally light) to 21:1 (black against white). The browns and partners are representative shades we picked, so your own clothes will vary.
| Partner color | Light brown Camel #C19A6B | Mid brown Saddle #8B5A2B | Dark brown Chocolate #4B3621 |
|---|---|---|---|
| White #FFFFFF | 2.6:1 Soft | 5.8:1 Balanced | 11.4:1 Crisp |
| Cream #F5EFE0 | 2.3:1 Soft | 5.1:1 Balanced | 9.9:1 Crisp |
| Pale pink #EBC8C8 | 1.7:1 Soft | 3.8:1 Balanced | 7.4:1 Crisp |
| Light gray #C9CCCF | 1.6:1 Soft | 3.6:1 Balanced | 7.0:1 Crisp |
| Sky blue #9CC3DE | 1.4:1 Soft | 3.1:1 Balanced | 6.1:1 Crisp |
| Sage #A3B18A | 1.1:1 Soft | 2.6:1 Soft | 5.0:1 Balanced |
| Mustard #D4A017 | 1.1:1 Soft | 2.5:1 Soft | 4.8:1 Balanced |
| Coral #E8735A | 1.2:1 Soft | 2.0:1 Soft | 3.8:1 Balanced |
| Dusty blue #7C9CB5 | 1.1:1 Soft | 2.0:1 Soft | 3.9:1 Balanced |
| Denim #5B7A9E | 1.7:1 Soft | 1.3:1 Soft | 2.6:1 Soft |
| Rust #A8461F | 2.3:1 Soft | 1.0:1 Soft | 1.9:1 Soft |
| Teal #1F6F73 | 2.3:1 Soft | 1.0:1 Soft | 1.9:1 Soft |
| Olive #6B6B2E | 2.2:1 Soft | 1.0:1 Soft | 2.0:1 Soft |
| Burgundy #800020 | 4.2:1 Balanced | 1.9:1 Soft | 1.0:1 Soft |
| Forest green #1F4D34 | 3.7:1 Balanced | 1.7:1 Soft | 1.2:1 Soft |
| Charcoal #36454F | 3.8:1 Balanced | 1.7:1 Soft | 1.1:1 Soft |
| Navy #1F2A44 | 5.5:1 Balanced | 2.4:1 Soft | 1.3:1 Soft |
| Black #000000 | 8.1:1 Crisp | 3.6:1 Balanced | 1.8:1 Soft |
The bands are our own rough groupings. Crisp is 6:1 and up, Balanced is 3:1 to 5.9:1, and Soft is under 3:1. The formula was built for text on screens and we are borrowing it as a ruler. It also ignores hue, so a Soft score does not mean a bad pairing: it means lightness will not separate the two colors, and hue or texture has to.
One reason blue and brown separate well
Brown is essentially a dark, muted orange. Our three browns have HSL hue angles between 29° and 33°, which puts their opposite on the color wheel at about 209° to 213°. Our denim sample happens to sit close to the opposite hue, 212°, which helps explain why mid brown and denim look clearly different at a contrast of only 1.3:1: lightness barely separates them, so hue does the work.
Light brown: camel, tan, caramel
Light brown reverses the usual pattern. Dark partners stand out against it, while white and cream sit fairly close.
- Crisp: black. Sharp and graphic.
- Balanced: navy, burgundy, charcoal and forest green. The polished, easy range.
- Soft: white, rust, teal, cream, olive, denim, pale pink, light gray, sky blue, coral, sage, dusty blue and mustard. Use texture, or accept a quiet, tonal look.
- Everyday: camel crewneck, dark-wash jeans and white sneakers.
- Office: camel trousers, a navy knit and dark brown loafers.
- Evening: camel satin skirt, black top, black heels and gold jewelry.
- Tonal: camel coat over a cream knit and cream trousers, with a dark belt or bag so the look has an edge.
- Color: camel blazer, burgundy shell and dark jeans.
Mid brown: saddle, cognac, chestnut
No partner in this set reaches 6:1 against mid brown. It sits in the middle of the lightness range, so it depends more on hue and fabric than the other two.
- Balanced: white, cream, pale pink, light gray, black and sky blue. White is at the top at 5.8:1.
- Soft: sage, mustard, navy, dusty blue, coral, burgundy, charcoal, forest green, denim, olive, rust and teal. Rust, teal and olive all come out at 1.0:1 here, so keep them apart with a light layer or a real change of texture.
- Everyday: saddle suede jacket, white T-shirt, medium-wash jeans and white sneakers.
- Office: mid brown trousers, a pale pink blouse and tan loafers.
- Weekend: chestnut corduroys, a sky blue oxford shirt, a navy crewneck and brown suede boots.
- Earth tones: ribbed brown cardigan, cream tee and olive utility pants, with the tee keeping brown and olive apart.
- Evening: mid brown slip dress, black blazer, black boots and gold hoops.
- Accent: brown sweater dress, mustard scarf and dark brown boots.
Dark brown: chocolate, espresso
Dark brown works much like black or navy. Almost every light color looks crisp beside it, and other dark colors nearly merge with it.
- Crisp: white, cream, pale pink, light gray and sky blue.
- Balanced: sage, mustard, dusty blue and coral. The best range for a warmer, less stark look.
- Soft: denim, olive, teal, rust, black, navy, forest green, charcoal and burgundy. Burgundy is 1.0:1 and navy 1.3:1, so these are moody pairings that need shine, suede or a light layer.
- Everyday: chocolate turtleneck, cream wide-leg pants and tan loafers.
- Office: dark brown blazer, white shell and light gray trousers.
- Bright: chocolate trousers, coral blouse, tan heels and gold jewelry.
- Cool: chocolate sweater over a sky blue shirt, with dark jeans.
- Tonal evening: chocolate velvet blazer, burgundy satin trousers and gold jewelry, with the velvet and satin doing the separating.
Do brown and black go together?
Yes, as long as there is enough difference between them. Against camel, black is the sharpest pairing in this table. Against chocolate it scores 1.8:1, which can look like an attempted match that came out wrong. The Modest Man makes the same point about needing contrast, and Ana Alcazar suggests a lighter brown such as cognac for it. To wear dark brown with black, change the texture, as with black wool and chocolate suede, or add a light layer between them.
Which colors are harder with brown?
No color is off limits. The trickiest case is two browns that almost match, because a near-miss in undertone can look like a mistake where a clear step in depth looks deliberate. Lay browns side by side in daylight: one that leans red and one that leans yellow will show it there. Neons also compete with brown instead of supporting it, so keep them small. Brown itself shifts with its surroundings, and Wikipedia’s entry notes that it only reads as brown next to something brighter, so judge a pairing in the actual outfit.
Which brown suits your coloring?
Browns can lean golden, red or rosy, and that matters most near your face. These are browns from our season palettes, along with the section above that fits their depth. True Winter and Bright Winter are not listed because those pages steer away from brown as a basic.
| Sample | Season | Its brown | Matching section |
|---|---|---|---|
| Light Spring | Light Camel #dcbf94 | Section: Light brown | |
| True Spring | Golden Tan #b9864e | Section: Light brown | |
| Bright Spring | Milk Chocolate #7b4a2c | Section: Mid brown | |
| Soft Autumn | Cocoa #6b5344 | Section: Mid brown | |
| True Autumn | Bronze Brown #7a5530 | Section: Mid brown | |
| Deep Autumn | Espresso #3b2a22 | Section: Dark brown | |
| Light Summer | Light Cool Taupe #b9b0ab | Section: Light brown | |
| Soft Summer | Cocoa Rose-Brown #74625f | Section: Mid brown | |
| True Summer | Cool Rose-Brown #7d5f66 | Section: Mid brown | |
| Deep Winter | Cool Espresso #2a1f1d | Section: Dark brown |
Seasonal color analysis is a popular styling framework and not a science, so treat this as a starting point. Take the color palette quiz to find your season, or see how to find your undertone if you are not sure which way you lean. The 12 color seasons guide has every palette, and outfit color combinations shows how to test a base, a companion and an accent with your own clothes.