brown-pantsoutfit-ideascolor-pairingfall-outfitsstyling-guide

What to Wear With Brown Pants: 10 Outfits and a Color Chart

8 min read
What to Wear With Brown Pants: 10 Outfits and a Color Chart

Working out what to wear with brown pants comes down to the shade. Dark chocolate or espresso trousers behave like navy and can take black, white or a bright color, while light brown and tan behave like khaki and look best with a darker top. Below: a color chart for tops, ten outfits for women and men, the shoes that work, and the few pairings to skip.

What Color Top Goes With Brown Pants: The Chart

Top colorWhat it doesWhere it works
White or creamBrightens brown so it looks fresh, not heavyOffice, weekends, summer; the safest pick for any shade
BlackSharp, modern contrast, best with dark chocolate or espressoDinner, city days, creative offices
NavyQuiet and classic, the cousin of navy with khakiOffice, men's smart casual
Light blueCrisp and fresh, especially as a shirtWork shirts, spring and summer
GreyCools warm browns down and keeps things low-keyKnitwear, sweatshirts, casual days
Olive or forest greenEarthy, the most natural fall pairingFall weekends, outdoor plans
BurgundyDeep and warm, dressier than it soundsDate night, holidays
Rust or mustardWarm on warm, strongly 70sFall, vintage-leaning casual
Pink or blushSoft, unexpected contrastSpring, brunch
Camel or tan (tonal)Monochrome that looks expensive when the shades differFall layering, office

The chart works differently depending on the pants. Dark brown has enough depth to hold black, white and bright colors. Light brown and tan wash out next to a pale top in a similar tone, so go darker on top: navy, charcoal, forest green or chocolate.

The rule: the lighter the pants, the darker the top.

10 Brown Pants Outfits for Women and Men

1. Office (women): chocolate trousers, cream blouse, navy blazer

Chocolate-brown wide-leg trousers, a cream blouse tucked in, a navy blazer worn open and tan leather loafers. Navy and brown looks put-together without the severity of navy and black, and the loafers are a clearly lighter brown than the trousers on purpose, so the two browns look chosen, not almost matched. There are more fall office looks in business casual outfits for women.

Woman in chocolate-brown wide-leg trousers, a tucked cream blouse, an open navy blazer and tan loafers in an office lobby

2. Office (men): espresso trousers, oxford shirt, navy sweater

Espresso wool trousers, a light blue oxford shirt, a navy merino crew-neck over it and black leather derbies. Black shoes work here because the trousers are dark enough for black to carry on the same deep tone instead of clashing with it; with tan chinos the same shoes would look heavy, so swap to dark brown suede. Dark brown trousers are every bit as business casual as grey ones.

3. Casual (women): tan pants, white tee, denim jacket

Tan or camel straight-leg pants, a white tee tucked in, a light-wash denim jacket and white sneakers. Blue denim against light brown is the jeans-and-khaki-trench combination flipped upside down, and the white tee keeps the whole thing bright. It works on a Saturday and on a casual Friday at the office.

4. Casual (men): brown chinos, grey sweatshirt, chore jacket

Mid-brown chinos, a heather grey crew-neck sweatshirt, a navy cotton chore jacket and white leather sneakers. Grey stops the brown from going too earthy, and the chore jacket adds the pockets and shape a hoodie doesn't have. For more weekend basics that fit this way, see how to dress better as a man.

Man in mid-brown chinos, a heather grey sweatshirt, an open navy chore jacket and white sneakers on a residential street

5. Black on top: turtleneck and chocolate trousers

A fitted black turtleneck, chocolate-brown straight trousers, black ankle boots and gold jewelry. Black and brown only clash when the brown is muddy or so dark it looks like faded black; with a clear chocolate shade you get honest high contrast, and the gold warms up the black. Dinner, a gallery opening, a creative office.

6. Date night (women): burgundy cami and dark brown trousers

Dark brown high-waisted trousers, a burgundy silk camisole, a thin gold chain and black pointed heels or strappy sandals. Burgundy and chocolate share the same warm depth, so the outfit looks rich without a single black piece. Add a black blazer or a long camel coat for the walk there, and find more evening combinations in date night outfit ideas.

Woman at a candlelit restaurant table in a burgundy silk camisole and dark brown high-waisted trousers

7. Date night (men): knit polo and dark brown trousers

Dark brown pleated or flat-front trousers, a black or cream knit polo, and suede Chelsea boots or loafers. A knit polo sits between a tee and a button-down, which is the right level for most restaurants, and brown trousers make it feel less like a uniform than black ones would.

8. Fall (women): cords, cream turtleneck, rust suede

Brown corduroy flares or straight cords, a cream ribbed turtleneck, a rust or tan suede jacket and heeled boots. This is the most 70s way to wear brown pants, and it's completely wearable on an October weekend. For the full-decade version, see 70s outfit ideas.

9. Fall tonal: three browns, one coat

Tan wide-leg trousers, a chocolate ribbed sweater, a camel wool coat and dark brown suede boots. Brown on brown works when every piece is a clearly different shade (light pants, dark sweater, mid-tone coat), so the eye can tell where one ends and the next begins. More layering ideas for the season are in fall outfit ideas.

Flat lay of tan wide-leg trousers, a chocolate ribbed sweater, a folded camel wool coat and dark brown suede ankle boots

10. Summer: linen pants and a white shirt

Brown linen drawstring pants, a white or pale blue linen shirt with the sleeves rolled, and tan leather sandals or white sneakers. Brown pants in summer come down to fabric: medium-brown linen feels light, while wool in the same color feels like October. For anyone who assumed brown was a fall-only color, this is the pair to try.

Shoes That Go With Brown Pants

White leather sneakers go with every shade of brown and are the easiest casual answer. For work, choose loafers in a different brown from the pants: cognac or tan under chocolate trousers, dark brown under tan ones. Black shoes (loafers, derbies, ankle boots, pointed flats) sit well under dark brown and espresso, and look heavy under light tan.

In fall, suede ankle boots and Chelsea boots in tan, taupe or dark brown do the most, because the texture of suede keeps two browns from looking like a failed match. For evening, black pointed heels or strappy sandals work, as does a heel close to your skin tone that lengthens the leg. In summer, go with tan sandals or white canvas sneakers. If you can't decide between the black boots and the tan loafers, Klodsy lets you try both with your brown pants on your own photo before you get dressed.

What to Skip With Brown Pants

  • Shoes or a belt in almost the same brown as the pants. A clear difference (darker, lighter or black) looks deliberate; a near match looks like an accident.
  • A pale beige top with tan pants. With too little contrast the outfit flattens into one color, so go darker on top.
  • Black with a muddy, greyish brown. Black needs a clear chocolate or espresso next to it to look modern.
  • Head-to-toe brown in one identical shade. Tonal brown works in three shades, not one.
  • Creased or faded pairs. Brown shows wrinkles and fading faster than black does, so keep them steamed and retire them once the color goes dull.

Not sure which brown suits your skin in the first place? A color analysis will tell you whether camel, cognac or espresso is your best shade, and the same top-and-shoe logic for the other dark neutral is in what to wear with black pants.

If you only own one pair, make it dark chocolate: it takes black, white, navy and burgundy, which covers the office, dinner and most weekends. Try Klodsy to see your brown pants with three different tops before you pick one.

Share this article

Frequently Asked Questions

Everything you need to know about this topic

White, cream, navy, light blue and black are the safest, with olive, burgundy and rust for fall. With light brown or tan pants, pick a darker top so there's enough contrast.

AI-Powered Fashion

Start your style journey with AI fashion assistant

Upload your wardrobe photos and get personalized outfit recommendations instantly

Get Started Free