23 Button Up Shirt Men Outfits With Shorts

If you’re looking to upgrade your warm-weather wardrobe, you’ve landed in the right place. The world of 23 button up shirt men outfits with shorts is far more exciting and versatile than most people realize.

From casual weekend looks to smart semi-formal styles, button up shirts paired with shorts can take you anywhere with confidence.

This article walks you through 23 carefully curated outfit ideas, covering colors, fits, fabrics, footwear, and styling tips so you can put together a look that feels effortless and sharp.

Whether you’re a fashion beginner or someone who simply wants fresh inspiration, every idea shared here is practical, wearable, and easy to recreate. Get ready to transform the way you dress this season.

1. Classic White Button Up Shirt With Chino Shorts

A white button up shirt paired with chino shorts is one of the most timeless combinations a man can wear.

This outfit works for brunches, casual outings, and even relaxed office environments.

It’s clean, crisp, and incredibly easy to pull off regardless of your body type.

• A slim-fit white cotton button up shirt keeps the look fresh and modern without being too formal.
• Opt for beige, khaki, or navy chino shorts that fall just above the knee for the most flattering silhouette.
• Leave the top two buttons undone and tuck the shirt halfway in for a relaxed, effortless vibe.
• White leather sneakers or loafers complement this outfit perfectly and keep things polished.
• Minimal accessories like a simple watch or a woven bracelet add personality without overdoing it.
• This combo works especially well in summer heat because cotton breathes well and keeps you cool.

2. Navy Blue Button Up Shirt With White Shorts

Navy and white is a nautical-inspired combination that never goes out of style.

This pairing feels polished yet relaxed, making it ideal for beach outings, boat days, or casual dinners.

The contrast between the deep blue and crisp white creates a visually striking and balanced look.

• Choose a lightweight navy linen or chambray button up shirt for breathability in warm weather.
• White tailored shorts or structured cotton shorts provide a clean contrast that elevates the whole outfit.
• Roll up the sleeves slightly to add a laid-back, casual energy to the look.
• Tan leather sandals or white boat shoes tie the nautical theme together beautifully.
• A canvas tote bag or a rope bracelet adds subtle maritime flair without being over the top.
• Sunglasses with a classic frame finish the look and protect your eyes in bright outdoor settings.

3. Flannel Button Up Shirt With Denim Shorts

Flannel shirts with denim shorts strike the perfect balance between rugged and casual.

This outfit works especially well for transitional weather or outdoor events where you want comfort without sacrificing style.

The textures complement each other in a way that looks naturally put together.

• Choose a lightweight flannel shirt in a plaid pattern — red and black or blue and grey are the most versatile options.
• Medium-wash denim shorts with a slight distress finish add a relaxed, lived-in quality to the outfit.
• Leave the flannel shirt unbuttoned over a plain white or grey crew-neck tee for a layered look.
• Brown leather boots or clean chunky sneakers ground the outfit with a rugged touch.
• A baseball cap worn forward or backward adds a street-casual dimension to this look.
• Avoid over-accessorizing — this outfit is all about effortless, low-effort style.

4. Light Blue Oxford Button Up With Khaki Shorts

The light blue oxford shirt is a wardrobe essential for men who want to look put together without trying too hard.

When paired with khaki shorts, it hits a sweet spot between smart casual and weekend casual. This is an outfit that works across multiple settings with very little effort.

• A slim or regular-fit light blue oxford button up shirt is the ideal starting point for this outfit.
• Khaki shorts in a tailored cut sitting just above the knee keep the proportions looking sharp.
• Tuck the shirt in fully and add a slim leather belt to define the waist and elevate the look.
• Penny loafers or clean white leather sneakers both work well depending on the occasion.
• A classic leather watch on the wrist adds understated sophistication to the ensemble.
• This outfit transitions smoothly from daytime outings to early evening gatherings without any changes.

5. Hawaiian Print Button Up Shirt With Linen Shorts

Nothing captures the spirit of summer quite like a Hawaiian print shirt paired with relaxed linen shorts.

This outfit is bold, fun, and full of personality.

It’s the go-to look for beach parties, tropical vacations, or any occasion where you want to radiate good energy.

• Choose a Hawaiian shirt with a background color that complements your skin tone — navy, green, or white bases work for most men.
• Cream, white, or sand-colored linen shorts balance out the busy print of the Hawaiian shirt beautifully.
• Keep the shirt mostly unbuttoned or fully open over a plain white tee for a relaxed resort look.
• Slip-on sandals or canvas espadrilles are the most natural footwear choices for this outfit.
• Keep accessories minimal — a simple chain necklace or a beaded bracelet is more than enough.
• Sunglasses are non-negotiable with this look; go for round or aviator frames for a retro tropical vibe.

6. Black Button Up Shirt With Cargo Shorts

A black button up shirt with cargo shorts is an underrated combination that leans into urban, street-influenced style.

This pairing is practical, versatile, and undeniably cool. It works for casual hangouts, outdoor markets, music festivals, and more.

• A slim-fit black button up shirt in cotton or poplin fabric keeps the look sleek and modern.
• Olive, grey, or tan cargo shorts add a functional edge without making the outfit look too military.
• Button the shirt halfway and leave it untucked for a relaxed, confident street-style energy.
• Chunky sneakers, high-top canvas shoes, or clean black boots all work well with this combination.
• A crossbody bag or a simple black backpack adds both functionality and a contemporary style element.
• Avoid shorts that are too long or too baggy — proportion is everything when mixing these pieces.

7. Chambray Button Up Shirt With Tailored Shorts

Chambray is often mistaken for denim but has a much softer, lighter texture that makes it ideal for warm weather styling.

Paired with tailored shorts, it creates a polished casual look that feels smart without being stiff. This outfit is perfect for daytime events, casual work settings, or weekend outings.

• A chambray button up shirt in a classic blue or grey shade offers an effortless, elevated base.
• Dark grey, navy, or charcoal tailored shorts create a sophisticated contrast with the soft chambray fabric.
• Tuck the shirt in fully or do a half-tuck to define your silhouette without looking too formal.
• Suede loafers or white minimal sneakers complement the smart-casual tone of this outfit well.
• A slim belt in tan or dark brown leather adds structure and a refined finishing detail.
• Roll the sleeves to just below the elbow for a relaxed energy that still looks intentional and stylish.

8. Oversized Button Up Shirt With Biker Shorts

The oversized button up shirt over biker shorts trend has moved firmly into mainstream menswear and it’s easy to see why.

This combination is comfortable, modern, and visually dynamic. It works exceptionally well for streetwear-inspired looks and creative casual outfits.

• Choose an oversized button up shirt in a solid color or subtle pattern — earth tones and pastels work especially well.
• Black fitted biker shorts underneath keep the silhouette grounded and create an interesting layered proportion.
• Leave the shirt fully unbuttoned and wear it open as an outer layer over a plain fitted tee.
• Clean white or neutral-toned chunky sneakers or slides tie the modern casual look together.
• A baseball cap or bucket hat adds a streetwear dimension that aligns perfectly with the aesthetic.
• Keep everything else minimal — this outfit makes a statement through silhouette and proportion alone.

9. Linen Button Up Shirt With Drawstring Shorts

Linen is one of the best fabrics for hot weather, and combining a linen button up with drawstring shorts creates the ultimate warm-weather outfit.

This look is relaxed, breathable, and stylish all at once. It’s a go-to choice for beach resorts, tropical holidays, and lazy summer days.

• A lightweight linen button up shirt in white, beige, or sage green is the foundation of this look.
• Matching or tonal linen drawstring shorts create a cohesive, resort-wear feel that looks naturally chic.
• Leave the shirt mostly unbuttoned and let it flow loosely for a carefree, effortless vibe.
• Leather sandals, espadrilles, or barefoot-style shoes are the most fitting footwear for this outfit.
• A straw hat or a linen bucket hat elevates the resort aesthetic without overcomplicating the look.
• Keep metal accessories light — a thin gold chain or a simple bracelet works perfectly here.

10. Vertical Stripe Button Up Shirt With Solid Shorts

Vertical stripes are a classic menswear pattern that adds visual height and a sharp, structured energy.

When paired with solid-color shorts, the pattern does all the work while the shorts keep things grounded.

This is a great outfit for men who want to experiment with prints without going overboard.

• A blue and white or black and white vertical stripe button up shirt creates a crisp, tailored impression.
• Solid navy, black, or olive shorts prevent pattern clashing and let the shirt take center stage.
• Tuck the shirt in partially to show off the stripe detail and add definition to your waistline.
• White sneakers or clean canvas shoes keep the focus on the shirt pattern without competing with it.
• A simple silver or black watch is the ideal accessory — nothing too flashy or distracting.
• Avoid wearing striped accessories with this shirt; keep everything else deliberately plain and simple.

11. Short Sleeve Button Up Shirt With Swim Shorts

Short sleeve button up shirts paired with swim shorts are the ultimate beach-to-bar outfit formula.

This look is casual, fun, and endlessly practical for warm destinations.

The key is choosing pieces that complement each other in color and print scale.

• A short sleeve button up in a solid, subtle pattern, or tonal print looks intentional rather than thrown together.
• Swim shorts with a shorter inseam (5-7 inches) look more stylish than longer boardshort-style options.
• Wear the shirt open over a fitted tee or wear it buttoned up with just the top button undone.
• Water-friendly sandals or clean rubber slides are the most practical and stylish footwear here.
• A lightweight canvas tote bag is perfect for carrying beach essentials while staying style-conscious.
• UV-protective or polarized sunglasses serve both a functional and fashionable purpose with this outfit.

Outfit Style Comparison Table

12. Pastel Button Up Shirt With Tailored Bermuda Shorts

Pastel shades have become a dominant force in men’s fashion and for good reason — they’re soft, flattering, and surprisingly versatile.

A pastel button up shirt with tailored Bermuda shorts creates an outfit that feels fresh and fashion-forward.

This is a great look for social events, city walks, or outdoor dining.

• Pastel pink, lavender, mint, or sky blue button up shirts all work well for warm and cool skin tones alike.
• Tailored Bermuda shorts in white, cream, or a complementary pastel shade elevate the look beyond basic.
• Tuck the shirt in neatly or opt for a full tuck with a slim belt for a more defined, polished appearance.
• White leather loafers or clean minimalist sneakers in neutral shades complete the look effortlessly.
• A simple silver chain or a clean white bracelet adds just enough detail without overwhelming the softness of the palette.
• This outfit photographs beautifully — perfect for occasions where you want to look effortlessly stylish in pictures.

13. Denim Button Up Shirt With Khaki Shorts

Double denim in casual form — a denim button up with khaki shorts — is a combination that requires a little confidence but always pays off.

The contrast between the denim texture and the smooth khaki creates an interesting, layered look.

Done right, this outfit is effortlessly stylish and very wearable.

• Opt for a light to medium wash denim shirt to avoid the look feeling too heavy or dark in warm weather.
• Khaki or stone-colored shorts in a slim cut create just enough contrast to make the outfit work cohesively.
• Leave the denim shirt untucked and roll the sleeves up for a casual, outdoorsy energy.
• White sneakers, canvas shoes, or tan leather boots all work well as footwear options here.
• A simple leather bracelet or a woven wristband adds a subtle rugged detail to the ensemble.
• Avoid wearing denim shorts with a denim shirt — too much of the same fabric in the same wash reads as costume rather than outfit.

14. Printed Button Up Shirt With Solid Colored Shorts

Printed shirts are one of the easiest ways to inject personality and energy into a warm-weather wardrobe.

When balanced against solid-colored shorts, even the boldest print feels controlled and intentional.

This outfit style is for men who aren’t afraid to stand out in the best possible way.

• Choose a printed shirt with a well-defined base color — the base will guide your choice of shorts color.
• Pull one color from the shirt’s print and match your solid shorts to that color for a cohesive, intentional look.
• Keep the shirt mostly unbuttoned or button it up fully for two very different style energies.
• Simple, clean footwear in white or a neutral tone keeps the attention on the printed shirt.
• Avoid printed socks, patterned accessories, or colorful bags — let the shirt do all the talking.
• This outfit is ideal for summer festivals, rooftop parties, and casual weekend hangouts.

15. Camp Collar Button Up Shirt With Chino Shorts

The camp collar shirt has made a massive comeback and it’s become one of the most stylish shirt cuts available for warm weather.

With its flat, open collar and relaxed construction, it pairs naturally with chino shorts. This is one of those outfits that looks effortless but always gets compliments.

• A camp collar shirt in a solid color, subtle texture, or small all-over print is the most versatile starting point.
• Chino shorts in khaki, tan, or olive enhance the retro-casual spirit of the camp collar shirt perfectly.
• Wear the shirt buttoned all the way or leave the top two buttons open — both work equally well.
• Leather loafers, sandals, or minimalist sneakers complete the look with authentic laid-back confidence.
• A thin gold chain or a simple pendant necklace sits naturally in the open collar of this shirt style.
• Learn more about camp collar styling from GQ’s guide on Cuban collar shirts.

16. Plaid Button Up Shirt With Dark Denim Shorts

Plaid is a pattern that carries a lot of casual energy, and when paired with dark denim shorts, it creates an outfit that feels put-together and effortlessly cool.

This is a look that works year-round in temperate climates and is especially great for casual Friday settings.

The key is keeping the rest of the outfit simple.

• Choose a lightweight plaid shirt in tonal colors — blue and grey, or brown and beige work great for warmer months.
• Dark wash denim shorts in a slim or straight cut provide a clean contrast to the busyness of the plaid pattern.
• Tuck the shirt halfway or wear it fully untucked depending on your build and preference.
• White, grey, or black sneakers in a clean style balance the casual nature of this outfit effectively.
• A simple baseball cap in a solid color adds a casual, streetwear-adjacent energy to the look.
• Avoid additional patterns in your accessories — let the plaid shirt carry the visual interest of the outfit.

17. Guayabera Shirt With Linen Shorts

The guayabera shirt, also known as the Mexican wedding shirt, is a classic piece of Latin American menswear that has crossed into mainstream style.

Its distinctive pleated front and lightweight construction make it perfect for hot weather. Paired with linen shorts, it creates a sophisticated yet relaxed warm-weather look.

• A white, light blue, or cream guayabera in fine cotton or linen is the most authentic and breathable choice.
• Matching linen shorts in the same or a complementary tone create a relaxed suit-like elegance.
• Wear it fully buttoned with the shirt untucked for a traditional, dignified look that stays cool.
• Leather sandals, loafers, or clean white shoes are the most fitting footwear for this outfit.
• A lightweight woven or straw hat adds cultural authenticity and practical sun protection.
• This outfit is particularly appropriate for garden parties, outdoor weddings, or resort dining.

18. Tie-Dye Button Up Shirt With Solid Shorts

Tie-dye has evolved well beyond its 1970s hippie roots and is now a legitimate fashion statement in contemporary menswear.

A tie-dye button up shirt paired with solid shorts is the perfect balance between bold and wearable.

This look communicates confidence, creativity, and a free-spirited approach to dressing.

• Choose a tie-dye shirt with a color palette that you’re comfortable with — soft pastels or earth-toned tie-dye are the most wearable options.
• Solid black, navy, or white shorts prevent the outfit from becoming visually overwhelming.
• Wear the shirt open as an outer layer or fully buttoned depending on your preferred energy level.
• White sneakers, slides, or canvas shoes keep the footwear clean and let the shirt stay the focal point.
• A simple silver or wooden bracelet ties in naturally with the free-spirited character of the tie-dye pattern.
• This look is ideal for music festivals, beach outings, and casual summer socializing.

19. White Button Up Shirt With Floral Shorts

Reversing the usual dynamic — keeping the shirt simple while making the shorts the statement piece — is a surprisingly effective style strategy.

A clean white button up shirt with bold floral shorts creates an outfit with personality that still feels controlled.

This combination is modern, stylish, and great for warm-weather events.

• A crisp white cotton or linen button up in a slim fit provides the perfect neutral base for bold floral shorts.
• Choose floral shorts with a dark background — navy, black, or green — to avoid the overall look becoming too light and washed out.
• Half-tuck the white shirt for a relaxed editorial energy that feels intentional and modern.
• White sneakers or tan leather sandals work well depending on whether the occasion is more casual or relaxed.
• Minimal accessories are key here — the floral shorts carry the visual weight and don’t need competition.
• This outfit is especially striking in bright natural light, making it an excellent choice for outdoor daytime events.

20. Earth Tone Button Up With Olive Shorts

Earth tones are one of the strongest style trends of recent years and they translate beautifully to warm-weather casual dressing.

An earth-tone button up shirt paired with olive shorts creates a harmonious, nature-inspired palette that looks naturally stylish.

This is a look for men who prefer understated, sophisticated dressing.

• Choose a button up shirt in terracotta, camel, rust, or warm brown for a rich earth-toned base.
• Olive cargo-style or chino shorts ground the outfit with a muted, military-adjacent earthiness.
• Tuck the shirt in fully or partially to define your silhouette against the relaxed olive shorts.
• Brown leather sneakers, suede chukka boots, or tan sandals are the most natural footwear pairings.
• A leather watch with a brown strap and a canvas or leather bag add cohesive, earthy accessories.
• This palette works exceptionally well during autumn-adjacent warm days when the landscape complements the outfit.

21. Sheer Button Up Shirt With Athletic Shorts

A sheer or lightweight button up shirt worn open over athletic shorts is one of the most contemporary and streetwear-influenced outfits on this list.

This combination blurs the line between activewear and fashion in a way that feels very current.

It’s ideal for gym-adjacent activities, city walks, or casual social settings.

• Choose a sheer button up in black, white, or grey for the most versatile and modern result.
• Fitted athletic shorts in black or matching neutral tones work best underneath the sheer outer shirt.
• Wear the sheer shirt fully open over a fitted tank top or simply let it layer over the athletic shorts.
• Athletic sneakers, chunky trainers, or clean running shoes are the natural footwear for this look.
• A simple crossbody bag, a beanie, or a cap completes the streetwear-inspired character of this outfit.
• This look is best for men who are comfortable with more fashion-forward styling choices.

22. Vintage Button Up Shirt With Cargo Shorts

Vintage-inspired styling is one of the most enduring trends in modern men’s fashion.

A vintage button up shirt — whether an actual thrift find or a retro-inspired new piece — paired with cargo shorts captures an authentic, lived-in style.

This outfit is for men who value character and individuality in their wardrobe choices.

• Look for shirts with retro prints, worn-in textures, or classic 80s and 90s patterns for an authentic vintage energy.
• Cargo shorts in khaki, olive, or grey add a utilitarian layer that complements the casual character of vintage shirts.
• Wear the shirt open over a vintage band tee or a plain grey tee for a layered retro look.
• Chunky retro sneakers, vintage-style boots, or worn-in canvas shoes complete the aesthetic naturally.
• A vintage-style watch, a beaded necklace, or retro sunglasses double down on the throwback personality.
• Thrift stores, vintage markets, and platforms like Depop are great places to source authentic vintage shirts for this look.

23. Smart Casual Button Up Shirt With Tailored Shorts and Blazer

Closing the list on a high-fashion note — a button up shirt with tailored shorts and a lightweight blazer is the most dressed-up version of this outfit formula.

This combination proves that shorts can absolutely be worn in smart environments when styled with intention.

It’s a powerful and stylish choice for garden parties, rooftop events, and smart summer occasions.

• Choose a crisp button up shirt in white, light blue, or a fine stripe as your foundation piece.
• Tailored shorts in a premium fabric — linen blend, wool mix, or structured cotton — are non-negotiable for this look.
• A fitted blazer in a complementary shade (cream, navy, or light grey) pulls the entire outfit into smart casual territory.
• Leather oxford shoes, monk straps, or clean pointed loafers take this outfit from casual to genuinely stylish.
• A pocket square in the blazer and a slim watch on the wrist are the finishing touches this look deserves.
• This outfit is proof that with the right pieces, a button up shirt and shorts can rival any full-length trouser look in terms of sophistication.

Conclusion

From relaxed linen resort looks to sharp blazer-and-shorts combinations, the 23 button up shirt men outfits with shorts explored in this article prove just how powerful and versatile this pairing really is.

There is something here for every man, every occasion, and every personal style preference.

The secret to making any of these outfits work is confidence — wear what feels right for you, pay attention to fit and proportion, and don’t be afraid to experiment.

Whether you stick to classic combinations like white shirts with chino shorts or go bold with printed shirts and floral bottoms, this style formula will serve you well season after season.

Now that you have 23 clear ideas and inspiration in hand, there’s nothing stopping you from building a warm-weather wardrobe that truly reflects who you are.