What to Wear With Navy Pants: 12 Outfits From Desk to Dinner

Navy trousers go with white, ivory, camel, light grey, pale blue, dusty pink, burgundy, red, gold and, handled with care, black. Think of them as a softer black: most tops that suit black trousers work here too, and warm partners such as camel and tan look richer against navy than against black. Tan or brown shoes are the easy default; save black heels for the evening.

This page builds outfits around the trousers. If you are styling a navy top, dress or coat instead, start from what colours go with navy blue clothes.

Bought for the office, navy trousers tend to stay there, even though half the outfits below are for evenings and weekends. With the outfit planner in Wdrobe, our app, you can put the navy pair into Saturday's plan.

Start with the cut

Each cut asks for a different top.

Wide-leg, often with sailor buttons. A tucked or cropped top keeps the width from taking over. Stripes are the natural partner.

Straight and tailored. The office cut, made for blouses, fine knits and blazers.

Chinos. Cotton and casual, at their best with tees, sweatshirts, trainers and loafers.

Cigarette or cropped. The ankle is on show, so flats, loafers and slim ankle boots look neatest.

12 navy trouser outfits

1. Ivory tie-neck blouse and a camel blazer

The warmest office version. Camel and tan stop navy reading as a uniform, and the bag repeats the shoe.

Outfit formula: ivory tie-neck blouse + camel blazer + navy straight trousers + tan block heels + tan leather bag.

2. Breton top with sailor wide-legs

The stripe repeats the trouser colour, so this looks finished with almost no decisions. Tuck the top in to show the buttons.

Outfit formula: navy-and-white Breton top + navy wide-leg trousers + white trainers + canvas tote.

3. The full suit with a pale blue shirt

The most formal outfit here. Brown loafers and a brown belt soften all that navy for a day of meetings.

Outfit formula: pale blue shirt + navy blazer + matching navy trousers + brown leather belt + brown loafers.

4. Camel roll-neck and tan ankle boots

Camel against navy is a warm-cool pairing made for autumn. Tuck the knit into cigarette trousers for a neat line.

Outfit formula: camel roll-neck jumper + navy cigarette trousers + tan ankle boots + cognac crossbody bag.

Shopping for a top to go with them? Shop lighting flattens dark blues, which is how a nearly-navy blouse ends up beside navy trousers it never quite matches. Test the new top against your own trousers before you buy it.

5. Dusty pink cardigan and white trainers

Muted pink softens navy for a spring weekend. Wear the cardigan buttoned over a tee rather than open.

Outfit formula: dusty pink cardigan + white tee + navy chinos + white trainers + straw bag.

6. White shirt and red ballet flats

Navy, white and red can look like a costume in big blocks, so keep the red to the shoes.

Outfit formula: crisp white shirt + navy cropped trousers + tan belt + red ballet flats.

7. Burgundy satin blouse for dinner

Burgundy and navy are both deep, and the shine of satin separates them under low light.

Outfit formula: burgundy satin blouse + navy tailored trousers + burgundy pointed heels + small black bag.

8. Black knit and a leather jacket

This is the outfit that tests the black question below. It works because leather and knit look nothing like the trouser cloth.

Outfit formula: black fine-knit sweater + black leather jacket + navy wide-leg trousers + black heeled ankle boots.

9. Chambray shirt and tan sandals

Blue on blue works when the shades sit far apart. Faded chambray against navy linen is an easy hot-weather pairing.

Outfit formula: faded chambray shirt + navy linen trousers + tan leather sandals + woven tote.

10. Shirt dress worn open as a light coat

Unbutton a long white shirt dress and wear it over a tank and navy trousers when a jacket is too warm.

Outfit formula: white tank + white shirt dress worn open + navy straight trousers + tan leather mules.

11. Grey marl jumper and a navy coat

Light grey softens navy on cold weekdays, and a coat in the trouser colour makes a long, unbroken line.

Outfit formula: light-grey marl jumper + navy wool coat + navy tailored trousers + black loafers.

12. Gold top for a party

At night navy can pass for black, and gold lifts it. Keep everything else plain.

Outfit formula: gold sequin top + navy tailored trousers + gold strappy sandals + small black clutch.

Does black go with navy trousers?

Yes, when the outfit shows the difference on purpose. Three checks make it work:

A visible gap in depth. Black sits well against a bright or mid navy. Against an inky midnight navy the two blur, and the outfit looks like you dressed in the dark.

Different textures. Black leather, ribbed knit or satin reads as a choice against flat trouser cloth. Two matte fabrics in black and navy look like a near miss.

Something light near the waist. A white shirt hem under a black jumper, or a tan belt, gives the eye a break between the two dark colours.

Black shoes need none of this. Black loafers or heels under navy trousers look smart on their own.

The black-and-navy outfit that works is easy to lose. A month later nobody remembers which knit it was or which navy pair it went with. Save that exact combination once you have found it.

Shoes, from trainers to heels

Tan and cognac are the warmest match, and loafers, ankle boots or block heels in tan suit almost every outfit above. White trainers make navy casual. Burgundy and red add colour from the floor up without crowding the top half. Black is the sharpest and the best at night. For the matching jacket and trousers, see which shoes go with a navy suit.

Which outfit for which day

Office: outfits 1, 3 and 11. Outfit 4 sits in between and suits smart-casual workplaces.

Weekend: outfits 2, 5 and 9, with trainers or sandals.

Evening: outfits 7, 8 and 12, with heels or heeled boots.

Frequently asked questions

What shoes to wear with navy pants female?

Tan block heels, tan or brown loafers, white trainers and ballet flats in red, nude or burgundy cover most days. For evening, black or metallic heels work best.

What colour jumper goes with navy trousers?

Camel, cream, light grey and dusty pink are the easiest. Burgundy works in autumn, and black works if the knit has a visible texture.

Can you wear brown shoes with navy trousers?

Yes, and few shoe pairings are safer. Tan and mid-brown look warmer and more relaxed than black, while dark brown suits the office.

Should your top be lighter than navy trousers?

Usually, yes. A lighter top gives a clear break at the waist, which is why ivory, camel and pale blue are the easiest. A dark top works when its fabric looks clearly different.

To see how navy fits into a full palette, outfit colour combinations maps the neutrals against each other, and our comparison of outfit planner apps covers the week-ahead side of it.

Twelve outfits is more than anyone needs from one pair of trousers. What matters is which two or three you can make tonight, and which single piece, perhaps a tan shoe, would open up the rest. With your wardrobe catalogued in Wdrobe, you can build the navy outfits on screen and see which piece keeps coming up missing. Find the one piece your navy trousers are waiting for.