What to Wear With Navy Shorts for Men

Navy shorts go with more shirts and shoes than any other color of shorts, but a few pairings work much better than others. This guide covers the best shirt colors, shoes, and complete outfits for navy shorts, plus the combinations that quietly go wrong.

Why Navy Shorts Are So Easy to Wear

Navy is dark enough to act like a neutral and soft enough not to look heavy in summer. Black shorts can look severe in daylight. Khaki shorts compete with warm-toned shirts. Navy sits in the middle: it anchors bright colors, cools down warm ones, and makes white look crisp.

That means you can build most of a summer wardrobe around one or two pairs of navy shorts. A white tee, a light blue shirt, a pink polo, and a grey henley all work with the same pair, and so do white sneakers, tan loafers, and brown boat shoes.

If you need the basics first (how long shorts should be, how the thigh should fit, which types to skip), the men’s shorts outfit guide covers fit in detail. This article is only about navy.

Which Navy Shorts to Buy

Not all navy shorts wear the same. Fabric and shade change what they pair with.

Navy chino shorts: The most useful version. Cotton twill, flat front, a 5 to 7 inch inseam depending on your height. They work with tees, polos, and button-down shirts, and they can be dressed up with loafers.

Navy linen or linen-blend shorts: Lighter and cooler, with a slightly rumpled texture. Best for vacation and very hot days. They look more relaxed, so pair them with linen shirts, camp-collar shirts, and sandals or espadrilles rather than leather shoes.

Navy seersucker shorts: Navy and white stripes in a puckered cotton. They read classic and summery. Treat them as a patterned piece and keep the shirt plain.

Navy drawstring or performance shorts: Fine for travel, the gym, or a long day outdoors. They don’t dress up well, so keep the top simple: a plain tee or a technical polo with clean sneakers.

Shade matters: A deep, true navy is the most versatile. Faded or washed-out navy looks tired next to crisp white and pale shirts. Very bright, almost royal blue shorts are a different color altogether and need more care.

What Color Shirts Go With Navy Shorts?

Navy works with almost every color, but some pairings look intentional and some just look acceptable.

White: The cleanest pairing. White and navy is high contrast without being loud. A white tee, white Oxford, or white linen shirt all work.

Light blue: A tonal pairing that looks calm and put-together. Sky blue, pale chambray, and light blue Oxford cloth all sit well against navy.

Grey: Light grey and heather grey keep the outfit cool and low-key. Good for everyday casual wear.

Pink: Pale pink and salmon are some of the best colors with navy. The navy grounds the pink, so the outfit looks relaxed rather than loud. The pink shirt guide covers shades in more depth.

Yellow: Pale butter yellow or mustard against navy is a classic warm-weather contrast. Keep the yellow soft. Neon or lemon yellow is harder to pull off.

Green: Olive, sage, and mint all work. Olive gives a more rugged look; sage and mint feel lighter and more summery.

Cream and stone: Softer than white. Good if you find white too stark or want a warmer feel.

Red and coral: Brick red, coral, or a washed red polo gives a nautical, classic look. Keep the shoes neutral.

Navy: Possible, but only with a clear difference in shade or texture. More on that below.

Colors to approach carefully: black (it sits too close to navy and looks like a mismatch), denim blue of the same depth as the shorts, and purple, which rarely looks deliberate with navy.

Best Shirts to Wear With Navy Shorts

The shirt sets the dress level of the outfit more than the shorts do.

Plain crew neck tee: The default. White, grey, or light blue in a fitted cut. A white tee with navy chino shorts is the simplest summer outfit there is.

Breton or striped tee: Navy and white stripes with navy shorts is the classic nautical look. Make sure the stripes are a similar navy to the shorts, or choose red, green, or light blue stripes on white to avoid a near-miss.

Polo shirt: The step up from a tee. White, pink, light blue, yellow, or green polos all look good with navy shorts. A knitted polo looks a little smarter than a piqué one.

Oxford button-down: White or light blue, sleeves rolled, worn untucked or with a half tuck. This is the shirt that moves navy shorts toward smart casual.

Linen shirt: White, sand, light blue, or pale pink. Wear it open over a tee or buttoned on its own. The best choice for real heat.

Camp-collar or short-sleeve shirt: A plain or lightly patterned camp-collar shirt in cream, sage, or a subtle print works for vacation and evenings out. Let the shirt carry the pattern and keep the shorts plain.

Henley: Grey, white, or olive. A good middle ground when a tee feels too plain and a collar feels too much.

Chambray shirt: Works if the chambray is clearly lighter than the shorts. A pale, faded chambray with deep navy shorts gives a nice tonal contrast. A dark chambray of the same depth just looks muddled.

Skip: graphic tees with big logos if you want the outfit to look deliberate, heavy flannels (too warm for shorts weather), and tank tops anywhere other than the beach or pool.

What Shoes Go With Navy Shorts?

Navy shorts take both brown and white footwear well. The color of the shoe matters less than its formality.

White leather sneakers: The easiest option. Works with every shirt on this list. Keep them clean; dirty white sneakers drag the outfit down.

Tan or cognac loafers: The smart choice. Suede or leather penny loafers in tan, cognac, or snuff suede with navy shorts and a polo or Oxford look sharp for dinners and summer events.

Brown boat shoes: Navy shorts and brown leather boat shoes is one of the most natural pairings in menswear. Best with polos, Oxford shirts, and striped tees.

Espadrilles: Canvas espadrilles in natural, cream, or white for vacation and very casual days. Navy espadrilles with navy shorts can work, but contrast usually looks better.

Leather sandals: Brown or tan leather slides or strap sandals for the beach, pool, and holiday dinners in hot places. Not plastic flip-flops away from the beach.

Canvas low tops: White or off-white canvas sneakers give a more relaxed, slightly retro look than leather sneakers.

Suede chukkas: Only on cooler summer evenings with a linen or Oxford shirt. Sand or light tan suede works; heavy dark boots do not.

Avoid black dress shoes, black boots, and chunky running shoes with navy shorts. Go sockless or wear no-show socks.

Belt logic: Match the belt roughly to the shoes. A tan leather belt with tan loafers, a woven brown belt with boat shoes. A navy or striped canvas belt works for casual and nautical looks. Many chino shorts look cleaner with no belt at all if the shirt is untucked.

Casual Navy Shorts Outfits

Everyday casual: White crew neck tee + navy chino shorts + white leather sneakers. Add a watch and you’re done. Hard to get wrong.

Weekend errands: Heather grey tee + navy drawstring shorts + white canvas low tops. Comfortable, still tidy.

Nautical: Breton striped tee in white and navy (or white and red) + navy chino shorts + brown boat shoes. Works for a harbor town, a boat day, or any summer weekend.

Relaxed collar: Light blue Oxford shirt (untucked, sleeves rolled) + navy chino shorts + white sneakers. A step up from a tee without trying hard.

Earthy: Olive henley + navy chino shorts + tan suede sneakers or desert boots on a cool evening. A slightly more rugged take. The rugged style guide has more in this direction.

Smart Casual Navy Shorts Outfits

Navy shorts are one of the few shorts that can carry a smart casual outfit, because the dark color reads more formal than khaki or stone. The smart casual dress code guide explains where the line sits.

Summer dinner: White linen shirt (buttoned, cuffs rolled) + navy chino shorts + tan suede loafers + brown leather belt. Works for a restaurant terrace or a summer evening out.

Garden party: Pale pink Oxford shirt (tucked) + navy tailored shorts + cognac penny loafers. Add a cream or light grey unstructured blazer if the event is dressier. Avoid a navy blazer here; navy on navy across jacket and shorts looks like a short suit unless that’s the plan.

Polo smart casual: White or butter yellow knitted polo + navy chino shorts + brown leather loafers. Clean and deliberate for a lunch, a golf club, or a smart daytime event.

Country club look: Light blue and white striped shirt (tucked) + navy chino shorts + woven leather belt + brown boat shoes. A classic preppy combination.

Summer and Vacation Navy Shorts Outfits

Beach day: White or light blue linen shirt (open over a white tee) + navy linen shorts + leather sandals. Light fabrics, nothing tight.

Resort evening: Cream camp-collar shirt + navy linen shorts + natural canvas espadrilles. Simple and cool for dinner on vacation.

City break: Pale grey tee + navy chino shorts + white leather sneakers + light canvas tote or crossbody bag. Practical for a full day of walking.

Hot day with color: Coral or watermelon polo + navy shorts + white sneakers. Navy keeps a bright top from looking loud.

For more hot-weather pieces beyond shorts, see the men’s summer fashion guide.

Can You Wear Navy With Navy?

Yes, but it needs contrast in either shade or texture, or it looks like you were trying to match and missed.

Different shades: A light blue or faded navy tee with deep navy shorts works. So does a deep navy polo with lighter, washed navy linen shorts. The point is that the difference is obvious.

Different textures: A navy knitted polo with navy cotton twill shorts works because the knit breaks up the color. The same goes for a navy linen shirt with navy chino shorts.

Break it up: Use white sneakers, tan loafers, or a brown belt to separate the two navy pieces. Head-to-toe navy with navy shoes is too much.

If you’re unsure, put a white or light blue top on instead. It’s the safer call every time.

Navy Shorts With a Jacket

On cooler evenings or for smarter events, a light layer works with navy shorts if it stays casual and lightweight.

Unstructured blazer: Cream, stone, light grey, or a soft check. No shoulder padding. A structured navy blazer with navy shorts is too formal on top and too matching. If you love your navy blazer, wear it with stone or grey shorts instead; the navy blazer guide has better pairings.

Overshirt: A light olive, sand, or ecru cotton overshirt worn open over a white tee.

Light knit: A cream, grey, or light blue cotton sweater over the shoulders or worn on its own on a cool beach evening.

Denim jacket: Only if the wash is clearly lighter than the shorts. A mid or light wash denim jacket over a white tee works; a dark indigo one looks too close to the navy.

Navy Shorts Mistakes to Avoid

Pairing them with black: A black tee, black shoes, or a black belt with navy shorts often looks like a dressing-in-the-dark mistake. Navy and black can work in a sharp evening outfit, but with shorts it rarely helps.

Close-but-not-matching navy: A navy shirt that is slightly lighter or slightly purpler than the shorts looks accidental. Either make the difference obvious or choose another color.

Faded shorts with crisp shirts: Navy fades faster than you think. Once the shorts look grey or patchy, they won’t sit right next to a sharp white shirt. Replace them or keep them for the beach.

Two loud patterns: Navy seersucker or patterned shorts with a printed shirt is too much. One pattern at a time.

The wrong shoes: Black dress shoes, heavy boots, and chunky trainers all fight with navy shorts. Stick to white sneakers, brown loafers, boat shoes, espadrilles, or leather sandals.

Visible athletic socks: Crew socks with shorts break the line of the leg. Go sockless or use no-show socks.

Matching navy jacket: A navy blazer over navy shorts looks like a suit that ran out of fabric. Contrast the jacket.

For a broader look at building a small wardrobe where pieces like navy shorts work together, see the men’s capsule wardrobe guide.

FAQs

What color shirt goes with navy shorts?

White, light blue, grey, and pale pink are the safest and most versatile. Yellow, olive, sage, coral, and cream also work well. Avoid black and any blue that is almost, but not quite, the same shade as the shorts.

What shoes go with navy shorts?

White leather sneakers for casual outfits, brown or tan loafers for smart casual, and brown boat shoes for anything nautical or preppy. Espadrilles and leather sandals work for vacation and beach days. Skip black shoes and heavy boots.

Can you wear a navy shirt with navy shorts?

Yes, if the shades or textures are clearly different. A lighter navy or knitted top with deeper navy shorts works. Break up the outfit with white or brown shoes so it doesn’t look like a uniform.

Do brown shoes go with navy shorts?

Yes, brown is one of the best shoe colors with navy. Tan, cognac, and mid-brown leather or suede all work, whether loafers, boat shoes, or sandals. Darker brown looks slightly smarter; lighter tan feels more summery.

Can you wear black with navy shorts?

It is possible but not recommended for most outfits. Black and navy are close enough that the pairing often looks like a mistake in daylight. White, grey, and light blue are better choices for the top, and brown or white for the shoes.

Are navy shorts smart casual?

Navy chino or tailored shorts can be smart casual when paired with a collared shirt or knitted polo and leather loafers. They are among the smartest shorts colors because the dark tone reads more formal. Drawstring, athletic, or cargo versions stay casual.