23 Classy Button Up Shirt Men Outfits Done Right

If you’ve ever stood in front of your wardrobe wondering how to look effortlessly put-together, you’re not alone. The good news is that 23 Classy Button Up Shirt Men Outfits Done Right is exactly the guide you’ve been waiting for.

Button up shirts are one of the most versatile pieces any man can own, and when styled correctly, they can take you from casual mornings to formal evenings without missing a beat.

This article covers 23 carefully curated outfit ideas, from smart casual combinations to polished business looks, giving you real inspiration for every occasion.

Whether you’re a style beginner or a seasoned dresser, by the end of this guide, you’ll have a complete toolkit of outfit ideas that work for your lifestyle, body type, and personal taste.

1. Classic White Button Up with Dark Slim Jeans

A crisp white button up shirt paired with dark slim jeans is the foundation of timeless men’s style.

This combination works for almost every man, every season, and nearly every casual to semi-formal occasion. It’s simple, clean, and incredibly easy to pull off with the right accessories.

Choose a white shirt with a clean collar and minimal detailing for a polished, refined appearance.
Dark indigo or black slim-fit jeans create a sharp contrast that instantly elevates the overall look.
Tuck in the shirt fully or go for a half-tuck to add a relaxed but intentional feel to the outfit.
White leather sneakers or oxford shoes both work beautifully depending on how dressed up you want to go.
Roll up the sleeves slightly to add a casual, effortless dimension to this classic pairing.
A minimalist watch or leather belt in brown or black ties the whole outfit together without overdoing it.

2. Light Blue Shirt with Chinos — The Smart Casual Standard

The light blue button up shirt with chinos is arguably the most popular smart casual combination in men’s fashion.

It strikes the perfect balance between relaxed and refined, making it ideal for office casual days, dates, or weekend outings.

This pairing never goes out of style because of its clean, approachable aesthetic.

Opt for a light blue Oxford cloth button-down shirt for added texture and a casual-yet-smart feel.
Pair it with tan, beige, or stone-colored chinos for a warm, cohesive color palette.
Tuck the shirt in neatly and add a slim leather belt to keep the look structured and intentional.
Brown loafers or desert boots complete this outfit with a stylish, polished finish.
Roll the sleeves to the elbow for a more relaxed vibe suitable for casual Friday or brunch outings.
Avoid loud accessories — keep things minimal with a simple watch or a subtle pocket square if needed.

3. Flannel Button Up with Raw Denim Jeans

The flannel button up shirt is a rugged, masculine staple that brings warmth and texture to any casual outfit.

Paired with raw denim jeans, it creates a strong, outdoorsy look that’s both stylish and comfortable. This is a go-to combination for autumn and winter casual dressing.

Choose a plaid or solid flannel shirt in earth tones like burgundy, forest green, or navy for maximum versatility.
Raw denim jeans in a straight or slim cut add structure and durability to the overall aesthetic.
Leave the flannel shirt unbuttoned over a plain white crew-neck tee for a layered, relaxed look.
Rugged boots like work boots or Chelsea boots in dark brown or tan complement the texture of flannel beautifully.
A simple beanie or baseball cap can add a casual street-style edge to this outfit combination.
Avoid over-accessorizing — let the texture of the flannel and raw denim speak for themselves.

4. Navy Button Up Shirt with Grey Trousers — Business Casual Perfection

A navy button up shirt with grey trousers is one of the most dependable business casual outfits a man can put together.

The navy and grey color combination is universally flattering and communicates confidence, professionalism, and style simultaneously. This look works effortlessly in office settings, client meetings, and professional social events.

Select a navy shirt in a fine cotton or poplin fabric for a clean, crisp office-appropriate appearance.
Slim or straight-cut grey trousers in wool or cotton blend fabrics add polish and refinement to the look.
Tuck the shirt in fully and pair it with a matching grey or black leather belt for a cohesive finish.
Oxford shoes or Derby shoes in dark brown or black elevate the professionalism of this outfit instantly.
Optionally add a dark navy or charcoal blazer on top to transition the look into a more formal setting.
A simple tie in a complementary tone — such as burgundy or silver — can enhance the business aesthetic further.

Shirt Color	Trouser Color	Shoe Option	Occasion
Navy	Grey	Dark Oxford	Office / Meetings
White	Charcoal	Derby Shoes	Client Presentation
Light Blue	Navy	Monk Straps	Business Casual
Pale Pink	Stone	Loafers	Casual Friday

5. Printed Button Up Shirt with Solid White Trousers

A printed button up shirt paired with solid white trousers is a bold, fashion-forward combination that makes a confident style statement.

This look is ideal for summer events, vacations, beach-side dinners, or creative workplace environments.

The key is to let the printed shirt be the focal point while keeping everything else clean and simple.

Choose a shirt with a subtle print — such as floral, geometric, or tropical patterns — in a controlled color palette.
White slim or straight trousers in cotton or linen keep the look balanced and visually grounded.
Keep the shirt untucked for a breezy, relaxed feel, or tuck it halfway for a more intentional style.
White or tan canvas sneakers or loafers maintain the light, summery tone of this outfit.
Avoid printed accessories — a solid leather belt and a simple watch are all you need to complete the look.
Sunglasses in a classic shape like aviators or wayfarers add a finishing touch to this vacation-ready outfit.

6. Black Button Up Shirt with Black Jeans — The Monochrome Power Look

An all-black outfit built around a black button up shirt and black jeans is one of the most powerful style statements a man can make.

This monochromatic approach creates a sleek, edgy, and undeniably confident appearance. It’s one of the easiest outfits to put together while still looking intentional and sophisticated.

Choose a black shirt in a matte fabric like cotton twill or satin for the right amount of depth and texture.
Black slim-fit or straight jeans with minimal distressing keep the look polished rather than casual.
Black Chelsea boots or leather sneakers maintain the seamless monochrome aesthetic from head to toe.
Add subtle texture variation — a slightly different black fabric on the shirt versus jeans — to avoid a flat appearance.
A black leather watch or minimalist bracelet adds personality without interrupting the monochrome flow.
This outfit works exceptionally well for evening events, art gallery openings, or upscale casual dinners.

7. Chambray Shirt with White Linen Pants — The Summer Gentleman

A chambray button up shirt with white linen pants is the ultimate summer gentleman outfit.

It’s relaxed, breathable, and visually sophisticated all at once, making it perfect for warm-weather events, outdoor brunches, or seaside settings. The combination of soft fabrics and light tones creates a natural, effortless elegance.

Select a light to mid-blue chambray shirt in a relaxed fit for maximum comfort in hot weather.
White linen pants in a straight or slightly wide cut add a breezy, European summer aesthetic to the outfit.
Roll up the shirt sleeves and leave the top button undone for a relaxed, approachable finish.
White leather sandals or espadrilles complement the light, airy tone of this warm-weather look.
A straw hat or canvas tote bag can enhance the resort or vacation feel of this outfit.
Stick to minimal jewelry — a simple bracelet or clean watch is all that’s needed to complete the look.

8. Denim Shirt with Khaki Cargo Pants — Casual Cool

A denim button up shirt paired with khaki cargo pants strikes the ideal balance between utility and casual style.

This look is rugged, comfortable, and practical — perfect for weekends, outdoor activities, or relaxed social settings. It’s a dependable combination that requires minimal effort but delivers maximum casual appeal.

Choose a mid-blue denim shirt in a slim or regular fit and leave it partially unbuttoned at the top.
Slim-cut khaki cargo pants with neat, zipped pockets maintain a casual but organized appearance.
White sneakers or tan suede boots ground the outfit with the right level of casual sophistication.
Roll the sleeves up and tuck the shirt in loosely to create a relaxed, effortlessly styled silhouette.
A canvas or wax-coated jacket thrown over the top adds a functional layer for cooler temperatures.
Avoid formal accessories — a casual nylon watch or a leather cuff bracelet fits this look best.

9. White Button Up Under a Crewneck Sweater — The Preppy Classic

Layering a white button up shirt underneath a crewneck sweater is a timeless preppy style move that never gets old.

This classic collegiate combination is clean, polished, and versatile enough for university settings, casual offices, or weekend outings. The visible collar and cuffs of the shirt add structure and sophistication to an otherwise relaxed layered look.

Choose a well-fitted white button up shirt in a crisp Oxford cotton for the right structured base layer.
Layer a slim crewneck sweater in navy, camel, grey, or burgundy over the shirt for a rich, classic look.
Allow the shirt collar to show neatly above the sweater and let the cuffs peek slightly below the sleeves.
Dark straight jeans, chinos, or tailored trousers all work beautifully with this layered combination.
Clean white sneakers, loafers, or leather Oxford shoes complete the preppy, put-together aesthetic.
A simple backpack or leather satchel bag aligns perfectly with the collegiate spirit of this outfit.

10. Pink Button Up Shirt with Charcoal Trousers — Confident and Fresh

A pale pink button up shirt paired with charcoal trousers is a bold yet refined combination that communicates confidence and sartorial awareness.

Many men shy away from pink, but when styled correctly, it’s one of the most flattering and versatile colors in a man’s wardrobe. This pairing is excellent for business casual environments, date nights, or semi-formal events.

Choose a pale or dusty pink shirt in a fine cotton or poplin fabric for a clean, refined finish.
Charcoal grey slim or straight trousers create a strong contrast that lets the pink shirt stand out confidently.
Dark leather Oxford shoes or Derby shoes in black or dark burgundy elevate the formality of this outfit.
Tuck the shirt in fully and secure it with a charcoal or black leather belt for a structured silhouette.
Optionally add a light grey or charcoal blazer to enhance the semi-formal nature of this combination.
Avoid loud accessories — a silver or rose gold watch adds a subtle, complementary finishing touch.

11. Striped Shirt with Navy Trousers — Smart and Timeless

A classic striped button up shirt paired with navy trousers is a combination that has stood the test of time in men’s fashion.

Whether you go for thin pinstripes or bold Bengal stripes, this pairing always comes across as smart, intentional, and put-together. It’s a particularly strong choice for business casual settings and social events.

Opt for a white base striped shirt with navy, blue, or burgundy stripes in a slim or tailored fit.
Navy slim trousers in wool or cotton create a cohesive, tonal look that keeps the outfit from feeling too busy.
Dark leather shoes — either Oxfords or loafers — complete the smart, professional aesthetic effectively.
Tuck the shirt in and add a dark leather belt to maintain clean lines and a structured silhouette.
A matching blazer or sport coat in charcoal or navy elevates the striped shirt into formal territory if needed.
Keep the accessories minimal — a clean watch and optional tie in a solid complementary color work best.

12. Oversized Button Up as a Jacket — The Street Style Move

Wearing an oversized button up shirt as an outer layer or jacket substitute is a bold street-style approach that’s gaining massive popularity.

This unconventional styling technique adds volume, dimension, and a fashion-forward edge to any casual outfit underneath. It’s a creative way to make a simple wardrobe piece work double duty.

Choose a large, loose-fitting button up in a neutral tone — beige, white, olive, or light grey works best.
Leave the shirt completely unbuttoned and wear it over a plain fitted tee or tank top underneath.
Pair the combination with cargo pants, wide-leg jeans, or athletic shorts for a contemporary street aesthetic.
Chunky sneakers or clean white trainers in a bold silhouette complement the oversized nature of this look.
A crossbody bag, bucket hat, or baseball cap reinforces the urban, street-style energy of this outfit.
Choose shirts in interesting fabrics like linen, gauze, or textured cotton to add visual interest when worn open.

13. Burgundy Shirt with Dark Grey Trousers — Rich and Refined

A rich burgundy button up shirt paired with dark grey trousers is a sophisticated combination that communicates depth and style maturity.

Burgundy is one of the most underutilized colors in men’s wardrobes, yet it pairs beautifully with a wide range of neutral tones. This look is well-suited for autumn, evening events, and business casual occasions.

Select a deep burgundy or wine-colored shirt in a slim, fitted cut for a refined, contemporary silhouette.
Dark charcoal or slate grey slim trousers create a strong, visually balanced contrast with the rich shirt color.
Black leather Oxford shoes or Chelsea boots maintain the elevated, polished tone of this outfit.
Tuck the shirt in and add a black leather belt for a neat, structured finish that enhances the overall shape.
A dark grey or charcoal wool blazer can be added over the top for a more formal or layered look.
A silver watch or dark tie in a complementary shade completes the refined aesthetic without overwhelming it.

14. Linen Button Up with Shorts — The Vacation Uniform

A lightweight linen button up shirt paired with tailored shorts is the definitive vacation outfit for stylish men.

This combination is comfortable, breathable, and visually relaxed while still maintaining a sense of intentional style. It’s ideal for beach resorts, tropical destinations, and warm-weather social settings.

Choose a linen shirt in a light, airy color — white, sky blue, sage green, or sandy beige all work well.
Pair with tailored chino shorts or linen shorts in a neutral color like navy, tan, or off-white.
Leave the shirt unbuttoned over a plain tee or wear it buttoned up with just the top two buttons open.
Leather sandals, espadrilles, or clean canvas sneakers all work depending on the setting and formality.
A straw or Panama hat enhances the vacation aesthetic and provides practical sun protection.
A leather or woven bracelet and sunglasses add personality and complete the resort-ready look.

15. Tucked Oxford Shirt with Tailored Joggers — Modern Smart Casual

Pairing a tucked Oxford button up shirt with tailored joggers is a modern hybrid outfit that blends comfort with smart casual style.

This combination represents the evolution of men’s fashion — where athletic-inspired pieces meet refined tailoring. It’s perfect for working from home, creative offices, or casual Friday environments.

Choose a well-fitted Oxford cloth shirt in white, blue, or grey for a clean, structured base.
Tailored joggers in charcoal, navy, or black in a slim, clean-cut silhouette maintain a polished appearance.
Tuck the shirt in at the front and leave the back slightly loose for a modern, relaxed-smart finish.
Clean white or black leather sneakers bridge the gap between athletic comfort and casual refinement.
A slim leather watch or minimalist rubber-strap watch complements this modern casual aesthetic perfectly.
Avoid formal accessories like ties or dress shoes — they would break the relaxed-smart balance of this look.

16. Hawaiian Shirt with Chino Shorts — Bold and Carefree

The Hawaiian or camp-collar button up shirt with chino shorts is an outfit that embraces color, personality, and a carefree spirit.

Once considered kitsch, the Hawaiian shirt has made a massive fashion comeback and is now embraced by style leaders worldwide. When worn correctly, it’s one of the most fun and expressive outfits in men’s casual fashion.

Choose a Hawaiian shirt in a controlled, curated print — avoid overly busy patterns and stick to 2-3 color palettes.
Pair with solid chino shorts in a color pulled from the shirt’s palette — navy, white, or olive work well.
Leave the shirt open over a plain white tee, or button it up fully for a more deliberate, fashion-forward finish.
Canvas sneakers, leather sandals, or slip-on loafers all match the relaxed energy of this outfit combination.
Sunglasses, a minimal bracelet, or a simple chain necklace add personality without crowding the printed shirt.
According to GQ’s style guide, the key to pulling off a Hawaiian shirt is confidence and keeping the rest of the outfit intentionally simple.

17. Olive Green Shirt with Brown Leather Trousers — Earthy and Bold

An olive green button up shirt paired with brown leather or leather-look trousers is a daring, earthy combination that exudes rugged sophistication.

This look draws from military and outdoors aesthetics, blended with modern fashion sensibility. It’s a standout choice for men who want to make a strong visual impact.

Choose an olive green shirt in cotton or twill with a slim, clean cut and minimal detailing for a refined finish.
Dark brown leather slim trousers or leather-look pants in cognac or tobacco add richness and texture.
Brown or tan Chelsea boots or biker boots reinforce the earthy, strong aesthetic of this outfit.
Leave the shirt untucked or half-tucked for a relaxed but intentional finish that suits the bold pairing.
A minimal silver belt buckle or simple leather belt ties the color palette together without competing.
A matte watch in brown or black leather strap aligns with the rugged yet refined tone of this outfit.

18. White Shirt with a Suit — The Formal Foundation

A crisp white button up shirt worn under a well-tailored suit is the most fundamental formal outfit a man can own.

This combination is the cornerstone of men’s dress codes across business, weddings, black-tie events, and professional settings worldwide. Mastering this look is a non-negotiable part of every man’s wardrobe education.

Select a white shirt in a fine poplin or broadcloth fabric for a smooth, formal finish that pairs with any suit.
A navy, charcoal, or grey slim-fit suit in a quality wool or wool-blend fabric creates the ideal foundation.
A silk tie in a complementary pattern — stripes, dots, or solid — elevates the formal nature of the outfit.
Black or dark brown Oxford cap-toe shoes are the gold standard for formal footwear with this combination.
A matching pocket square folded neatly adds a final layer of polish and sartorial attention to detail.
According to Esquire’s dress code guide, a white shirt remains the most versatile and dependable choice under any suit color.

19. Checked Shirt with Slim Trousers — Pattern Done Right

A checked or tartan button up shirt paired with slim trousers is a stylish way to introduce pattern into your daily wardrobe.

When the rest of the outfit remains clean and simple, a checked shirt becomes the focal point in the most elegant way possible. This look works for smart casual, weekend wear, and relaxed office environments equally well.

Choose a medium-scale check or windowpane plaid in muted tones — blue, green, red, or grey combinations.
Solid slim trousers in a neutral color pulled from the check’s palette — navy, charcoal, or beige.
Tuck the shirt in neatly and pair with a clean leather belt to maintain sharp, intentional lines.
Derby shoes, loafers, or clean leather sneakers all complement this smartly casual outfit combination.
Avoid mixing multiple patterns — let the checked shirt do all the pattern work while everything else stays solid.
Roll up the sleeves for a relaxed daytime look or keep them down and add a blazer for added formality.

20. Grey Shirt with Black Jeans — Effortlessly Understated

A grey button up shirt paired with black jeans is one of the most understated yet effortlessly stylish combinations in men’s casual fashion.

This tonal outfit relies on subtle contrast and clean lines rather than bold color to make its impact. It’s versatile enough for casual outings, evening drinks, or creative workspaces.

Choose a mid-grey shirt in a slim fit — cotton poplin or chambray both work well for different textures.
Black slim or straight jeans in a clean, non-distressed wash maintain a polished but casual appearance.
Black leather Chelsea boots or white minimalist sneakers both work depending on the occasion’s formality.
Tuck the shirt in halfway or leave it fully untucked based on the level of formality you’re aiming for.
A silver or gunmetal watch enhances the cool, understated metal tones in this monochromatic outfit.
Keep accessories to an absolute minimum — this outfit’s strength lies in its quiet, restrained confidence.

21. Satin or Silk Shirt with Tailored Trousers — Elevated Evening Style

A satin or silk-finish button up shirt paired with tailored trousers is a luxurious choice for evening events, parties, and upscale social occasions.

The lustrous sheen of satin or silk communicates luxury and confidence, making it one of the most statement-worthy outfit choices for nighttime dressing. This combination bridges formal and fashion-forward seamlessly.

Choose a satin or silk-finish shirt in rich jewel tones — deep navy, emerald green, burgundy, or midnight black.
Slim-cut tailored trousers in a complementary or contrasting color in wool or crepe fabric add elegance.
Patent leather loafers or Derby shoes in black or dark burgundy amplify the luxurious night-out aesthetic.
Tuck the shirt in fully and keep it pressed to maximize the visual impact of the satin’s reflective finish.
Minimal silver or gold accessories — a chain necklace, cufflinks, or dress watch — add a finishing touch.
This combination is best suited for cocktail events, rooftop parties, gallery openings, and formal dinners.

22. Utility Shirt with Straight Leg Jeans — The Workwear Revival

A utility-style button up shirt paired with straight-leg jeans is a fashion-forward look inspired by functional workwear aesthetics.

With its multiple pockets, sturdy fabric, and structured silhouette, the utility shirt brings both practicality and strong visual appeal. This combination is increasingly popular in contemporary street and casual fashion.

Choose a utility shirt in olive, tan, beige, or navy with chest pockets and a relaxed, structured fit.
Straight-leg jeans in mid-blue, raw denim, or light wash balance the utility shirt’s structured volume.
Work boots, chunky sneakers, or clean leather trainers all align with the workwear-inspired aesthetic.
Leave the shirt unbuttoned over a slim plain tee for a casual, layered workwear finish.
A canvas crossbody bag, bucket hat, or simple cap reinforces the utilitarian style narrative effectively.
Avoid formal accessories — the strength of this look lies in its functional, casual energy and texture.

23. Tucked Shirt with Suspenders and Trousers — Vintage Gentleman Vibes

A neatly tucked button up shirt paired with suspenders and tailored trousers is a sophisticated vintage-inspired look that stands out in the best possible way.

This old-school styling technique brings character, intentionality, and a uniquely refined quality to any man’s outfit. It’s an ideal choice for weddings, themed events, jazz nights, or fashion-forward professionals.

Choose a white, light blue, or striped shirt in a slim, tailored fit with a stiff collar for the cleanest base.
Slim-fit tailored trousers in charcoal, navy, or tan are paired with Y-back or X-back braces in leather or fabric.
Skip the belt entirely since suspenders serve as both the functional waistband and the style focal point.
Oxford shoes, wingtip brogues, or vintage-inspired Derby shoes complete the gentleman-era aesthetic beautifully.
A flat cap, a pocket square, or a tie in a complementary tone enhance the vintage-inspired narrative further.
Keep the shirt perfectly pressed and fully tucked — neatness is the most important element of pulling this look off.

Conclusion

From the office to the beach, from vintage-inspired elegance to bold street style, the 23 Classy Button Up Shirt Men Outfits Done Right covered in this guide prove one thing clearly — the button up shirt is the most powerful and versatile piece in any man’s wardrobe.

Each outfit explored here is designed to be approachable, stylish, and entirely achievable regardless of your budget or experience level.

The secret to great style isn’t spending more — it’s knowing how to combine what you already have in fresh and intentional ways.

Whether you start with one of these looks or use them as inspiration to build your own combinations, remember that confidence is always the most important accessory you can wear.

Come back to this guide whenever you need a fresh idea, because 23 Classy Button Up Shirt Men Outfits Done Right will always have the style answers you’re looking for.

Author

nusrat