MyStyleTry

navy leggings · tops

What Colour Tops to Wear with Navy Leggings

The best top colours to wear with navy leggings are white, grey and light blue. Navy and white is the crispest pairing there is: maximum contrast, zero risk. Olive, camel, brown and burgundy also work. Be careful with forest green: a sweater is dressier than leggings, so the pairing only works in a deliberately mixed outfit. Colour-wise it works: navy is a neutral, so it lets forest green be the accent without clashing.

Best colours

  • white
  • grey
  • light blue
Women's guide

Ranked

Every top colour with navy leggings, best to worst

  1. whitet-shirt, polo shirt, tank top, linen shirt
    Best choice
    Navy and white is the crispest pairing there is: maximum contrast, zero risk.
  2. greyhoodie, t-shirt, tank top, cardigan, sweatshirt
    Best choice
    Grey and navy are both cool and quiet, a safe office pairing.
  3. light bluelinen shirt, polo shirt, t-shirt
    Best choice
    Light blue against navy is a tonal classic; it reads polished without trying.
  4. olivehoodie, t-shirt, linen shirt, cardigan, sweatshirt
    Best choice
    Olive and navy are both muted, so they sit together without competing.
  5. camelcardigan
    Best choice
    Camel and navy is a classic outerwear pairing with clear warm/cool contrast.
  6. brownhoodie, cardigan
    Best choice
    Navy and brown is the classic pairing: warm against cool, clearly different in depth.
  7. burgundyt-shirt, polo shirt, cardigan
    Best choice
    Burgundy adds depth to navy without shouting; common in autumn tailoring.
  8. creamtank top, polo shirt, t-shirt, hoodie, cardigan, sweatshirt
    Best choice
    Two neutrals with clear contrast: navy and cream always sit well together.
  9. beigelinen shirt
    Best choice
    Two neutrals with clear contrast: navy and beige always sit well together.
  10. sagelinen shirt, tank top, t-shirt, sweatshirt
    Works
    Navy is a neutral, so it lets sage be the accent without clashing.
  11. greenpolo shirt
    Works
    Navy is a neutral, so it lets green be the accent without clashing.
  12. pinktank top
    Works
    Navy is a neutral, so it lets pink be the accent without clashing.
  13. navypolo shirt, t-shirt, hoodie, linen shirt, cardigan, sweatshirt
    Works
    Head-to-toe navy is a clean tonal look; vary textures so it doesn't flatten.
  14. blackt-shirt, polo shirt, hoodie, tank top, cardigan, sweatshirt
    Works
    Works when the difference in depth is visible; in low light the two can blur together.
  15. forest greensweater
    Careful
    A sweater is dressier than leggings, so the pairing only works in a deliberately mixed outfit. Colour-wise it works: navy is a neutral, so it lets forest green be the accent without clashing.

By type

The best colour for each kind of top

  • t-shirtwhite t-shirtShop
  • oxford shirtwhite oxford shirtShop
  • polo shirtwhite polo shirtShop
  • sweatergrey sweaterShop
  • hoodiegrey hoodieShop
  • blousewhite blouseShop
  • tank topwhite tank topShop
  • linen shirtwhite linen shirtShop
  • cardigangrey cardiganShop
  • turtleneckgrey turtleneckShop
  • sweatshirtgrey sweatshirtShop

Complete outfits

Outfits built around navy leggings

Tap a colour dot on a card to swap that piece; only colours that still work are offered.

Casual · All-neutral

Grey and navy are both cool and quiet, a safe office pairing.

Casual · Layered

Navy and white is the crispest pairing there is: maximum contrast, zero risk.

Casual · One accent colour

  • light blue linen shirtShop
  • navy leggingsShop
  • white sandalsShop

Light blue against navy is a tonal classic; it reads polished without trying.

Avoid

Combinations to skip

Skip the burgundy ballet flats. Ballet flats are dressier than leggings, 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.
Skip the forest green sweater. A sweater is dressier than leggings, so the pairing only works in a deliberately mixed outfit. Colour-wise it works: navy is a neutral, so it lets forest green be the accent without clashing.

Questions

Quick answers

Do white tops go with navy leggings?

Yes. Navy and white is the crispest pairing there is: maximum contrast, zero risk.

Do grey tops go with navy leggings?

Yes. Grey and navy are both cool and quiet, a safe office pairing.

Do forest green tops go with navy leggings?

It can work, with care. A sweater is dressier than leggings, so the pairing only works in a deliberately mixed outfit. Colour-wise it works: navy is a neutral, so it lets forest green be the accent without clashing.

Keep going

More for navy leggings

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