shorts · navy
What to Wear with Navy Shorts
Navy shorts go best with white, tan or grey shoes, and white, grey or light blue tops. Navy and white is the crispest pairing there is: maximum contrast, zero risk.
What people ask
Your exact question
The ways people actually search for navy shorts, each answered with its own outfit.
What to wear with navy shorts for men?
White linen shirt and tan sandals. Navy and white is the crispest pairing there is: maximum contrast, zero risk.
Searched as: “what to wear with navy shorts male”, “what to wear with navy blue shorts male” and 3 more
What to wear with navy shorts for women?
White linen shirt and tan sandals. Navy and white is the crispest pairing there is: maximum contrast, zero risk.
Searched as: “navy shorts outfit women”, “navy blue shorts outfit women” and 1 more
Outfits
Ways to wear navy shorts
Tap a colour dot to recolour any piece. Only colours that still work with everything else in the outfit are offered.
Casual · All-neutral
Casual · All-neutral
Casual · All-neutral
Casual · One accent 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.
| white sneakers | tan sandals | grey sneakers | |
|---|---|---|---|
| white t-shirt |  Works76 | Best90 |  Best86 |
| grey sweatshirt | Best90 | Works76 | Works71 |
| light blue linen shirt | Best84 | Works76 | Best80 |
Piece by piece
Best colours for each part of the outfit
Shoes
- white · Navy and white is the crispest pairing there is: maximum contrast, zero risk.
- tan · Tan against navy gives strong contrast and a relaxed, warm-weather feel.
- grey · Grey and navy are both cool and quiet, a safe office pairing.
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.
The piece
How to choose and wear shorts
The warm-weather bottom. Tailored cotton shorts can be smart-casual; athletic and cargo shorts stay casual.
How to choose
- Chino or linen shorts in navy, khaki, stone or white are the most versatile.
- A flat front and a clean hem, no frayed edges, for anything beyond the beach.
- Avoid very long, very wide cuts.
How shorts should fit
An inseam of about 13–18 cm (5–7 in), ending above the knee.
Mid-thigh to just above the knee; a higher rise pairs well with tucked tops.
Common mistakes
- ✕Shorts with socks pulled high and heavy shoes.
- ✕Wearing them to anything with a dress code.
- ✕Cargo shorts with a smart shirt.
Care: Wash cold, hang dry, press the hem flat.
In a capsule: Summer-only: worth a place in a warm-season capsule, not a year-round one.
The details
Length, belt and fabric
What makes the colours above look deliberate.
- Length
- Just above the knee or shorter; long, wide shorts look dated.
- Belt
- Match the belt to your shoes when they're leather; with sneakers, any neutral belt works.
- Fabric
- A warm-weather piece: linen, cotton and light blends, with open or light shoes.
Avoid
What not to wear with navy shorts
See navy shorts 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 photosQuestions
Navy shorts: quick answers
What colour shoes go with navy shorts?
The best shoe colours to wear with navy shorts are white, tan and grey. Navy and white is the crispest pairing there is: maximum contrast, zero risk. Brown, cream, beige and dark brown also work. Be careful with burgundy: loafers are dressier than shorts, so the pairing only works in a deliberately mixed outfit. Colour-wise it works: burgundy adds depth to navy without shouting; common in autumn tailoring.
What colour tops go with navy shorts?
The best top colours to wear with navy shorts are white, grey and light blue. Navy and white is the crispest pairing there is: maximum contrast, zero risk. Olive, burgundy, beige and cream also work. Be careful with pink: an oxford shirt is dressier than shorts, so the pairing only works in a deliberately mixed outfit. Colour-wise it works: navy is a neutral, so it lets pink be the accent without clashing.
Can you wear navy shorts to the office?
Yes. A reliable office combination is white linen shirt, navy shorts, brown loafers. Navy and white is the crispest pairing there is: maximum contrast, zero risk.
When should you wear navy shorts?
Navy shorts work in summer.
How should shorts fit?
For men: An inseam of about 13–18 cm (5–7 in), ending above the knee. For women: Mid-thigh to just above the knee; a higher rise pairs well with tucked tops. Just above the knee or shorter; long, wide shorts look dated.
What are the most common mistakes with shorts?
Shorts with socks pulled high and heavy shoes; Wearing them to anything with a dress code; Cargo shorts with a smart shirt.
Keep going
Related guides
Other colours of shorts
More navy pieces
- navy chinos
- navy dress trousers
- navy pleated trousers
- navy wide-leg pants
- navy linen pants
- navy midi skirt
- navy leggings
- navy joggers
- navy dress
- navy slip dress
- navy wrap dress
- navy suit
- navy t-shirt
- navy oxford shirt
- navy polo shirt
- navy sweater
- navy hoodie
- navy blazer
- navy trench coat
- navy overcoat
- navy bomber jacket
- navy sneakers
- navy linen shirt
- navy overshirt
- navy cardigan
- navy turtleneck
- navy quarter-zip sweater
- navy sweatshirt
- navy knit dress
- navy maxi skirt
- navy puffer jacket
- navy field jacket
Style rules
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