midi skirt · navy

What to Wear with Navy Midi Skirt

Navy midi skirt goes best with brown, tan or white shoes, and white, grey or light blue tops. Brown shoes with navy trousers are the textbook pairing: warm leather against a cool colour.

Best shoe colours

Best top colours

See 4 outfits Try it on youWomen's guide

Outfits

Ways to wear navy midi skirt

Tap a colour dot to recolour any piece. Only colours that still work with everything else in the outfit are offered.

Season

Occasion

Smart casual · All-neutral

white blouseShop
navy midi skirtShop
brown chelsea bootsShop

Brown shoes with navy trousers are the textbook pairing: warm leather against a cool colour.

Smart casual · All-neutral

white linen shirtShop
navy midi skirtShop
brown loafersShop

Brown shoes with navy trousers are the textbook pairing: warm leather against a cool colour.

Business · Layered

camel overcoatShop
white oxford shirtShop
navy midi skirtShop
dark brown chelsea bootsShop

Dark brown shoes with navy look polished enough for the office and relaxed enough for weekends.

Smart casual · One accent colour

light blue linen shirtShop
navy midi skirtShop
brown ankle bootsShop

Brown shoes with navy trousers are the textbook pairing: warm leather against a cool colour.

At a glance

Every top and shoe combination that works

The best three tops against the best three shoes. Each cell is rated as a whole outfit: the weakest pair decides.

	brown loafers	tan ankle boots	white sneakers
white oxford shirt	Best90	Best89	Works75
grey cardigan	Best89	Works74	Best89
light blue oxford shirt	Best78	Works74	Best84

Piece by piece

Best colours for each part of the outfit

Shoes

brown · Brown shoes with navy trousers are the textbook pairing: warm leather against a cool colour.
tan · Tan leather lifts navy and gives it a relaxed, warm-weather feel.
white · Navy and white is the crispest pairing there is: maximum contrast, zero risk.

All shoe colours ranked →

Tops

white · Navy and white is the crispest pairing there is: maximum contrast, zero risk.
grey · Grey and navy are both cool and quiet, a safe office pairing.
light blue · Light blue against navy is a tonal classic; it reads polished without trying.

All top colours ranked →

Jackets and coats

camel · Camel and navy is a classic outerwear pairing with clear warm/cool contrast.
olive · Olive and navy are both muted, so they sit together without competing.
brown · Navy and brown is the classic pairing: warm against cool, clearly different in depth.

All jacket colours ranked →

The piece

How to choose and wear a midi skirt

A skirt that ends between the knee and the ankle, usually mid-calf. It works with trainers, boots and heels alike, which makes it one of the most adaptable pieces in a woman's wardrobe.

How to choose

Pleated, slip (bias-cut) and A-line midis are the most versatile shapes.
A fabric with movement (satin, crepe, fine wool) looks expensive; stiff cotton can look heavy at this length.
Neutral or deep colours first; prints are easier once the basics are covered.

Common mistakes

✕A long, loose top over it, hiding the waist.
✕Ankle boots that stop just below the hem, cutting the leg in half.
✕Too many layers of volume: full skirt, full sleeves, big coat.

Care: Hang by loops; steam pleats rather than ironing them flat.

In a capsule: A capsule piece that dresses up or down as easily as trousers.

The details

Length, how to wear it and fabric

What makes the colours above look deliberate.

Length: Ends mid-calf: ankle boots, heels or flats all work, and knee-high boots close the gap in winter.
How to wear it: Tuck in or half-tuck the top to mark the waist; a cropped knit also works.
Fabric: The same navy in a different weight: cotton or linen for summer, wool, flannel or heavier cotton for winter.

Your photo here

See navy midi skirt on you before you buy

Upload one full-length photo and AI dresses you in this exact outfit, usually in under a minute. Your photo is deleted as soon as the image is ready.

How we handle photos

Questions

Navy midi skirt: quick answers

What colour shoes go with navy midi skirt?

The best shoe colours to wear with a navy midi skirt are brown, tan and white. Brown shoes with navy trousers are the textbook pairing: warm leather against a cool colour. Dark brown, beige, grey and cream also work.

What colour tops go with navy midi skirt?

The best top colours to wear with a navy midi skirt are white, grey and light blue. Navy and white is the crispest pairing there is: maximum contrast, zero risk. Camel, burgundy, olive and brown also work.

What colour jackets and coats go with navy midi skirt?

The best jacket colours to wear with a navy midi skirt are camel, olive and brown. Camel and navy is a classic outerwear pairing with clear warm/cool contrast. Khaki, grey, dark brown and tan also work.

Can you wear navy midi skirt to the office?

Yes. A reliable office combination is white blouse, navy midi skirt, brown chelsea boots. Brown shoes with navy trousers are the textbook pairing: warm leather against a cool colour.

When should you wear navy midi skirt?

Navy midi skirt works all year round.

How should midi skirt fit?

Ends mid-calf: ankle boots, heels or flats all work, and knee-high boots close the gap in winter.

What are the most common mistakes with midi skirt?

A long, loose top over it, hiding the waist; Ankle boots that stop just below the hem, cutting the leg in half; Too many layers of volume: full skirt, full sleeves, big coat.

Keep going

Related guides

Verdicts and outfits come from published colour and dress-code rules, not paid placement; garment images are AI-generated illustrations of generic pieces. How we decide