10 Running Shorts Outfit Ideas for Men and Women

Logan Tailored

Updated on:

Man walking in black athletic shorts, black t-shirt, and bright pink socks.

This post contains affiliate links. As an Amazon Associate, I earn from qualifying purchases at no extra cost to you. Please read my full disclosure here.

The outfits here run from a plain white tee over dark green shorts to head-to-toe black, and the one thing that sorts them is the weather and time of day you run in: black soaks up heat, so it suits mornings, evenings and cooler weather, while a white tank or light jacket handles a hot afternoon.

Pockets and inseam, which some guys set at 5 inches and others at 7 or longer, matter as much as color, so check both before you pick a look.

1. White Crew-Neck T-Shirt with Sports Shorts

The green cap matches the shorts, creating a cohesive look for outdoor activities. · 📷 @trademark.ab

A white tee against dark green shorts is a two-color outfit, and it works because the contrast is clean. Keep the tee plain, with no logo, and let the shorts carry the color.

White sneakers finish it without any extra thought. A cap in the same green as the shorts ties the look together, and I’d pick that over a neutral one.

2. Black Hoodie with Sports Shorts

Black on black looks intentional, perfect for a workout or cool morning run. · 📷 @futuresfivestar

Black on black is the lowest-effort combination here, and a hoodie with matching shorts reads as intentional rather than lazy. Match the blacks as closely as you can, since a faded hoodie next to fresh shorts looks mismatched.

I’d save this for cooler mornings or the walk to and from a workout. It’s a layer you’ll probably take off once you warm up, so wear a decent tee underneath.

3. Pockets

A back waistband pocket keeps your phone secure and minimizes bouncing while running. · 📷 @hyroxyfit

Phone placement is the pocket question runners argue about most: the thigh pocket or the back waistband pocket. A back waistband pocket keeps the weight centered, so it bounces less than a loaded thigh pocket.

Whichever you choose, check that the pocket closes with a zip or a snug opening before you run. A phone that shifts around gets annoying within a mile, and I’d rule out any short without a secure option.

4. Performance Tank Top with Running Shorts

The tank's armholes are tailored for a clean look during workouts and runs. · 📷 @primeshoppingnepal

Armholes decide whether a performance tank looks sharp or sloppy. Cut deep and loose, they show too much of your torso; a closer cut stays tidy when you move.

Pair it with black running shorts and keep the tank in a solid color, white being the easiest. The look suits the gym and a hot-weather run, though I wouldn’t wear it much beyond those.

5. Navy Long Sleeve T-Shirt with Sports Shorts

Navy and black create a smart outfit that hides sweat on cooler days. · 📷 @jake.runfit

Navy on top and black below is a quiet pairing that looks more considered than it needs to. A long sleeve covers your arms on cooler days, and the dark colors hide sweat and wear.

Orange running shoes give the outfit its one loud note, and white socks keep it from feeling heavy. I’d keep the shorts fairly short and fitted so the outfit doesn’t look bulky.

6. All-Black Running Outfit

A full black outfit offers a streamlined appearance, especially with matching pieces. · 📷 @_solii_

Head-to-toe black makes a run look pulled together with almost no effort. Black tee, shorts, socks and sneakers read as one clean line, and sunglasses finish it.

The weak spot is mismatched blacks: a washed-out tee beside deep black shorts shows.

Buy the pieces in the same brand or line if you can. On bright days, remember that black soaks up heat, so I’d save it for mornings, evenings or cooler weather.

7. White Zip-Up Jacket with Shorts

The white jacket stands out against black shorts, focusing attention on the top. · 📷 @pratikesportes

A white zip-up over black shorts is a clean two-tone outfit, and the jacket does the work. Keep it crisp: a white jacket that has yellowed or gone gray at the cuffs looks worse than no jacket at all.

Zip it partway and let the collar sit flat. I’d go with a plain black short and skip any loud logos on the legs, so the jacket stays the focus.

8. Running Shorts Over Compression Leggings

Shorts over leggings provide coverage while avoiding the clinginess of tights. · 📷 @chad.syad

Shorts over full-length compression leggings give you coverage without the clinging look of bare leggings. The outer short breaks up the silhouette, and that’s why I like it for men who feel exposed in tights alone.

Keep everything black and add a short-sleeved performance shirt. Pick a short that ends above the knee so the leggings read as a base layer, not a second pair of pants.

9. Grey T-Shirt with Black Shorts

The graphic tee adds personality without overwhelming the outfit's overall look. · 📷 @leeyjohn_

A dark grey graphic tee with black shorts adds personality without adding color. White crew socks and sneakers keep the bottom half bright and sporty.

Choose a graphic with a sense of humor and a modest size; one line of text is plenty. I’d wear this for errands or a casual jog, and let the tee be the only statement.

10. Patterned Zip Jacket with Shorts

A patterned zip jacket adds interest while keeping the shorts simple and clean. · 📷 @renzodaros

A lightweight grey patterned zip jacket gives black shorts something to play against. Because the pattern is already doing the talking, I’d keep the shorts plain and the shoes white so nothing competes.

Pick a jacket thin enough to tie around your waist once you warm up. A subtle pattern in tonal grey wears better than a busy one, which gets tiresome after a few outfits.

Choosing the Right Fit

Waistband first. A good one stays put without shifting, and if you’re tugging at your shorts mid-stride, they’re wrong for you, whatever the tag says.

Inseam is personal.

Some guys swear by 5 inches and others won’t touch anything shorter than 7, so pick by how you move and train, not by a rule. Shorts should move with you, not against you.

Polyester runs lighter and dries faster; nylon feels softer. Either one should be breathable and moisture-wicking.

I’d also rotate a few pairs rather than asking one to cover every workout.

The shorter the shorts, the greater the gains. It’s gym science.

— GQ

Storage Options

Keys and an ID need more security than a phone does. Choose zippered or envelope pockets over drop-in ones, since small valuables slip out of an open pocket.

Layout varies by brand. Try the layout with the things you actually carry, such as keys or gels, before you commit.

Pockets are worth paying a little extra for. A zippered pocket that really fits your phone is the sort of detail a cheaper pair tends to skip.

Good pocket design also helps off the run, because well-built running shorts can easily double as everyday wear.

Frequently Asked Questions

What should I look for in running shorts?

Start with the waistband: it should stay put without shifting, and if you’re tugging at it mid-stride, the shorts are wrong for you.

Inseam is personal, since some men prefer 5 inches and others nothing under 7, so choose by how you move and train.

Polyester is lighter and dries faster, nylon feels softer, and either should be breathable and moisture-wicking. A secure pocket for your phone or keys is worth a little extra money.

How to style running shorts for casual wear?

Keep the top simple: a plain white tee, a grey tee with one small graphic, or a black hoodie all work with running shorts. Finish with white sneakers and white crew socks so the outfit stays clean and sporty.

Match your blacks as closely as you can, because a faded top next to fresh black shorts looks mismatched. Well-built running shorts double as everyday wear, so errands and a casual jog are easy places to start.

Where should I carry my phone in running shorts?

A back waistband pocket is the better choice, because it keeps the weight centered and bounces less than a loaded thigh pocket. Whichever you pick, make sure it closes with a zip or a snug opening.

A phone that shifts around gets annoying within a mile. Keys and an ID need even more security, so choose zippered or envelope pockets over drop-in ones.

Can you wear running shorts over compression leggings?

Yes, and it suits men who feel exposed in tights alone. The outer short breaks up the silhouette while the leggings give coverage.

Keep everything black and pick a short that ends above the knee, so the leggings read as a base layer rather than a second pair of pants. A short-sleeved performance shirt completes it.