StyleFind

Practical style guides

What Colors Go With Brown? 16 Outfit Pairings by Shade

By StyleFind Editorial Team · Published November 8, 2026

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 colorLight 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.

  1. Everyday: camel crewneck, dark-wash jeans and white sneakers.
  2. Office: camel trousers, a navy knit and dark brown loafers.
  3. Evening: camel satin skirt, black top, black heels and gold jewelry.
  4. Tonal: camel coat over a cream knit and cream trousers, with a dark belt or bag so the look has an edge.
  5. 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.

  1. Everyday: saddle suede jacket, white T-shirt, medium-wash jeans and white sneakers.
  2. Office: mid brown trousers, a pale pink blouse and tan loafers.
  3. Weekend: chestnut corduroys, a sky blue oxford shirt, a navy crewneck and brown suede boots.
  4. Earth tones: ribbed brown cardigan, cream tee and olive utility pants, with the tee keeping brown and olive apart.
  5. Evening: mid brown slip dress, black blazer, black boots and gold hoops.
  6. 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.

  1. Everyday: chocolate turtleneck, cream wide-leg pants and tan loafers.
  2. Office: dark brown blazer, white shell and light gray trousers.
  3. Bright: chocolate trousers, coral blouse, tan heels and gold jewelry.
  4. Cool: chocolate sweater over a sky blue shirt, with dark jeans.
  5. 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.

SampleSeasonIts brownMatching section
Light SpringLight Camel
#dcbf94
Section: Light brown
True SpringGolden Tan
#b9864e
Section: Light brown
Bright SpringMilk Chocolate
#7b4a2c
Section: Mid brown
Soft AutumnCocoa
#6b5344
Section: Mid brown
True AutumnBronze Brown
#7a5530
Section: Mid brown
Deep AutumnEspresso
#3b2a22
Section: Dark brown
Light SummerLight Cool Taupe
#b9b0ab
Section: Light brown
Soft SummerCocoa Rose-Brown
#74625f
Section: Mid brown
True SummerCool Rose-Brown
#7d5f66
Section: Mid brown
Deep WinterCool 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.