• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Inspiring Pretty logo
  • Outfits
    • Tops
      • Crop Tops
      • Tank Tops
      • Crochet Tops
      • Corset Tops
      • Halter Tops
      • Tube Tops
      • Mesh & Sheer Tops
      • Off The Shoulder Tops
      • Sequin Tops
      • Lace Tops
      • Peplum Tops
      • Summer Tops
      • Satin & Silk Tops
      • Long Sleeve Tops
      • Cami Tops
      • Bra Tops
      • Tunic Tops
      • Shirts & Blouses
      • Wrap Tops
      • Going Out Tops
menu icon
go to homepage
search icon
Homepage link
  • Outfits
    • Tops
      • Crop Tops
      • Tank Tops
      • Crochet Tops
      • Corset Tops
      • Halter Tops
      • Tube Tops
      • Mesh & Sheer Tops
      • Off The Shoulder Tops
      • Sequin Tops
      • Lace Tops
      • Peplum Tops
      • Summer Tops
      • Satin & Silk Tops
      • Long Sleeve Tops
      • Cami Tops
      • Bra Tops
      • Tunic Tops
      • Shirts & Blouses
      • Wrap Tops
      • Going Out Tops
×
Home » Outfits » Tops » Shirts & Blouses » 20 Summer White Button-Up Top Outfit Ideas for Chic Workdays

20 Summer White Button-Up Top Outfit Ideas for Chic Workdays

By Claire · Published Aug 4, 2026 · Updated Oct 27, 2026

A white shirt is one of the simplest garments to draw and one of the hardest to cut well, which is why a good one is worth owning. In summer it covers far more ground than you'd think, from casual weekends, vacations, workdays to beach trips and evening plans. The outfits below pair it with linen, relaxed denim, longer shorts, fluid skirts and light layers. Cotton poplin gives you structure and a crisp collar; linen is cooler and softer but creases. After that, the tuck, the sleeve roll and the shoes decide the mood.

20 Summer White Button-Up Top Outfit Ideas for Chic Workdays - 20 Summer White Button-Up Top Outfit Ideas for Chic Workdays

Reading a White Shirt Before You Buy It

From the designer's side, a few construction details tell you how a shirt will look after a summer of wear. I check these on the hanger and then in the mirror.

  • Fabric: poplin is smooth and crisp, oxford cloth is heavier and a little textured, linen is the coolest but creases. For heat, poplin or linen beats oxford.
  • Opacity: hold one layer over your hand. If you can see skin tone clearly, it will be see-through in sunlight.
  • Shoulder seam: on a fitted shirt it should sit at the edge of your shoulder bone. On an oversized shirt a dropped seam is intended, but it should still look deliberate.
  • Placket and buttons: the front strip should lie flat, and the buttons should be sewn on firmly with a shank, not hanging loose.
  • Collar: a collar with a firm interlining keeps its shape after washing; a floppy one only gets floppier.

1. White Button-Up With Denim Shorts

White Button Up With Denim Shorts - 20 summer white button-up top outfit ideas

With an oversized shirt and denim shorts, the tuck does the shaping. Tuck only the front few centimetres of the shirt into high-rise shorts, and let the back hang; that gives the waist a line without losing the airy fit. Cotton or linen both work. Light-wash denim looks freshest in strong sun, darker washes give more contrast. Roll the sleeves to just above the wrist bone, not to the elbow, so the cuff stays neat. Mid-thigh shorts with a relaxed leg give more coverage than a fitted cut.

2. White Button-Up With Beige Linen Pants

White Button Up With Beige Linen Pants - 20 summer white button-up top outfit ideas

On the hottest days I'd choose linen over cotton every time; the looser weave lets air through. Tuck the shirt fully into high-waisted beige wide-legs, or undo the bottom buttons and tie the front ends at the waist. Tan slides and a raffia tote keep the palette natural, and a slim brown belt sharpens it if the trousers have loops. This is a good workday outfit in a relaxed office where jeans feel too heavy for the heat.

3. White Button-Up With Tailored Shorts

White Button Up With Tailored Shorts - 20 summer white button-up top outfit ideas

Tailored shorts with a white shirt is a proper summer work outfit if the details are right. I'd choose high-waisted shorts in black, navy, camel or soft grey with a longer inseam and a slightly loose leg. Tuck the shirt in, then lift your arms and let a little fabric pull out at the waist so it doesn't strain when you move. A narrow belt, loafers or pointed flats, a structured bag. For the office, knee-length shorts and a shirt you can't see through; hold the fabric against your hand to check.

4. White Button-Up With Blue Jeans

White Button Up With Blue Jeans - 20 summer white button-up top outfit ideas

This is the combination I'd reach for on a cool summer evening. Straight, relaxed or barrel jeans in light or medium wash, with a half-tuck to balance the volume of the leg. Open one or two buttons and roll the sleeves. Ballet flats make it softer, white sneakers more practical. An oversized shirt needs jeans that sit firmly at the natural waist, otherwise the whole outfit drops. A fitted shirt with wide denim gives a cleaner outline.

More Amazing Ideas

  • 20 Casual Striped Button-Up Top Outfit Ideas for Workdays 20 Casual Striped Button-Up Top Outfit Ideas for Workdays
  • 20 Banana Republic Peplum Top Outfit Ideas for Chic Workdays 20 Banana Republic Peplum Top Outfit Ideas for Chic Workdays
  • 20 Dorothy Perkins Cobalt Blue Top Outfit Ideas for Chic Workdays 20 Dorothy Perkins Cobalt Blue Top Outfit Ideas for Chic Workdays
  • 25 Scoop Neck Top Short Sleeve Outfit Ideas for Chic Workdays 25 Scoop Neck Top Short Sleeve Outfit Ideas for Chic Workdays
  • 20 Business Casual Tunic Tops Outfit Ideas for Chic Workdays 20 Business Casual Tunic Tops Outfit Ideas for Chic Workdays

5. White Button-Up With White Jeans

White Button Up With White Jeans - 20 summer white button-up top outfit ideas

White on white works because two different fabrics never quite match, and that difference gives depth. Poplin with white jeans looks crisp; linen with them is softer and more holiday. The real risk is transparency, so stand by a window in the full outfit and wear underwear close to your skin tone, not white. Tan sandals, a brown belt and a woven bag warm it up; black accessories make it sharper. Sculptural earrings and dark sunglasses finish it.

6. White Button-Up With Black Wide-Leg Pants

White Button Up With Black Wide Leg Pants - 20 summer white button-up top outfit ideas

Black trousers are where fabric choice matters most. Heavy wool suiting looks out of place in July, so look for linen, crepe or a breathable blend that moves when you walk. Tuck the shirt in to stretch the line of the leg, or wear it open over a white tank. Slides for day, kitten-heel sandals for evening. With very full trousers, keep the sleeves rolled and the collar open, or the outfit starts to feel heavy at both ends.

7. White Button-Up With Satin Midi Skirt

White Button Up With Satin Midi Skirt - 20 summer white button-up top outfit ideas

A bias-cut satin skirt is cut on the diagonal of the fabric, which is why it drapes and moves the way it does, and the crisp shirt plays against that. Champagne, chocolate, navy, sage or a pastel all work. Tuck the shirt loosely, or knot it at the waist if the skirt is high and smooth. Satin shows creases and water spots, so keep the shirt plain and let the two textures carry the outfit. Flat strappy sandals for day, a low heel for evening.

8. White Button-Up With Denim Maxi Skirt

White Button Up With Denim Maxi Skirt - 20 summer white button-up top outfit ideas

With a denim maxi, check the slit before anything else; a long denim skirt without one is stiff to walk in. A fitted shirt tucked in gives a sleek line, and an oversized one tied at the waist is looser and more relaxed. Flat sandals, slim sneakers or woven mules, plus a leather crossbody. If the denim is dark, keep the accessories light so it still feels like summer. Open the collar and show a bit of ankle to soften the long shape.

9. White Button-Up With Floral Maxi Skirt

White Button Up With Floral Maxi Skirt - 20 summer white button-up top outfit ideas

A busy floral maxi needs a calm partner, and a white shirt is the calmest one there is. Take one colour from the print and repeat it in the shoes or bag. A knot at the waist suits a high-rise skirt; a full tuck looks more polished. If the skirt is very full, go for a lighter, less oversized shirt so the waist and shoulders keep some shape. Espadrilles or flat strappy sandals and plain earrings.

More Amazing Ideas

  • 20 Express Peplum Top Outfit Ideas for Polished Workdays 20 Express Peplum Top Outfit Ideas for Polished Workdays
  • 20 Flamingo Scrub Top Outfit Ideas for Cheerful Workdays 20 Flamingo Scrub Top Outfit Ideas for Cheerful Workdays
  • 20 Sleeveless Scrub Top Outfit Ideas for Busy Healthcare Workdays 20 Sleeveless Scrub Top Outfit Ideas for Busy Healthcare Workdays
  • 50 Blazer Top Outfit Ideas for Stylish Workdays and Nights Out 50 Blazer Top Outfit Ideas for Stylish Workdays and Nights Out
  • 50 Chiffon Top Styles for Elegant Workdays and Modern Events 50 Chiffon Top Styles for Elegant Workdays and Modern Events

10. White Button-Up Over a Slip Dress

White Button Up Over a Slip Dress - 20 summer white button-up top outfit ideas

Worn over a slip dress, a white shirt works as a summer jacket. Leave it open, or tie it loosely at the waist. Black, rust, olive, navy or a quiet print on the dress gives enough contrast. The shirt needs to be roomy through the shoulders and arms so it moves without dragging the dress. Linen feels like a beach town, poplin looks more like the city. It's my answer for cold restaurants and late evenings.

11. White Button-Up With Biker Shorts

White Button Up With Biker Shorts - 20 summer white button-up top outfit ideas

Biker shorts under an oversized white shirt is comfortable travel dressing. Leave the shirt untucked and long enough to cover what you want covered, with a ribbed tank underneath so you can open it in the heat. Structured accessories, such as a proper crossbody, clean sneakers and small hoops, keep it from looking like gym wear. Buy biker shorts in thick, smooth fabric with a wide waistband; thin ones show every seam and roll down.

12. White Button-Up With Capri Pants

White Button Up With Capri Pants - 20 summer white button-up top outfit ideas

Capris have a retro feel that suits a crisp shirt. A slim or straight pair ending below the knee or at mid-calf, with a fitted or lightly tailored shirt tucked in. Black gives strong contrast; gingham, navy or beige are lighter. The hem of a capri sits at a wide point of the calf, so a slingback, low kitten heel or bare sandal helps by showing more of the foot. A belt or a neat tuck if the shirt is loose.

13. White Button-Up With Cargo Pants

White Button Up With Cargo Pants - 20 summer white button-up top outfit ideas

Cargo trousers are all pockets and volume, so the shirt has to be neat or cropped. Lightweight cotton or parachute-style cargos in olive, khaki, stone or black. Or wear the shirt open over a fitted tank and treat it as a jacket. Sporty sandals or sneakers keep it casual, heeled mules make it dressier. Don't fill every pocket; it adds bulk exactly where cargos already have it.

14. White Button-Up With Matching Linen Shorts

White Button Up With Matching Linen Shorts - 20 summer white button-up top outfit ideas

A white shirt with matching linen shorts reads as a set even when the whites differ slightly, and that slight difference in texture is what keeps it from looking like a uniform. Buttoned and tucked looks polished; open over a fitted tank is more relaxed. High-waisted shorts with a loose leg let air move. A braided brown belt breaks up all that white. Linen sets crease fast, so expect some, and steam the shirt rather than ironing it flat.

More Amazing Ideas

  • 25 Halter Top Business Casual Outfits for Polished Workdays 25 Halter Top Business Casual Outfits for Polished Workdays
  • 25 Smart Ways: What Top To Wear With Cream Pants for Workdays 25 Smart Ways: What Top To Wear With Cream Pants for Workdays
  • 20 Button-Front Crop Top Styles for Fresh, Chic Summer Looks 20 Button-Front Crop Top Styles for Fresh, Chic Summer Looks
  • 20 Button Down Pajama Top Outfit Ideas for Cozy Chic Days 20 Button Down Pajama Top Outfit Ideas for Cozy Chic Days
  • 20 Button-Up Summer Top Outfit Ideas for Effortless Style 20 Button-Up Summer Top Outfit Ideas for Effortless Style

15. White Button-Up With a Mini Skirt

White Button Up With a Mini Skirt - 20 summer white button-up top outfit ideas

A mini skirt with a white shirt works when one piece is loose. An oversized shirt tucked in only at the front balances a short A-line in denim, linen or tailored fabric. Flat sandals, retro sneakers or loafers with thin ankle socks each change the mood. A skort or a skirt with built-in shorts gives you more freedom. A fitted shirt also looks sharp with a high-waisted A-line and a belt.

16. White Button-Up With Pleated Midi Skirt

White Button Up With Pleated Midi Skirt - 20 summer white button-up top outfit ideas

Pleats move when you walk, and that gives a strict white shirt some softness. Choose a lightweight midi in navy, pale blue, olive, blush or a small print. Tuck the shirt and then loosen it a touch so it doesn't pull across the bust or back. A belt is optional if the skirt has a firm waistband. Ballet flats, espadrilles or a block heel. This is a dependable workday outfit; keep the accessories quiet so the pleats show.

17. White Button-Up With Palazzo Pants

White Button Up With Palazzo Pants - 20 summer white button-up top outfit ideas

Palazzos have so much fabric in the leg that the shirt has to stay simple. A solid neutral, a bold colour or a graphic print all work if the shirt is plain. A full tuck marks the waist; a knot just above the waistband is looser. Platform sandals or low wedges keep long hems off the floor, and the trousers must be hemmed to those exact shoes. A small clutch suits the scale better than a big tote.

18. White Button-Up With Track Shorts

White Button Up With Track Shorts - 20 summer white button-up top outfit ideas

Sporty track shorts next to a crisp cotton shirt is a contrast in fabrics that makes both pieces look more interesting. Choose shorts in red, navy, green or black with very little branding. Wear the shirt loose and partly unbuttoned over a fitted tank, or tuck one side in. Retro sneakers and slim socks give the street look; leather slides without socks are calmer. A compact bag keeps the proportions tidy.

19. White Button-Up With Khaki Bermuda Shorts

White Button Up With Khaki Bermuda Shorts - 20 summer white button-up top outfit ideas

Khaki Bermudas give more coverage than cutoffs and still feel cool. A tailored pair with a high or mid-rise and room through the thigh. Tuck in the shirt, add a slim brown belt and roll the sleeves to create a polished safari-inspired palette. Loafers make it smart, slides or fisherman sandals casual. Longer shorts can look boxy; the fix is a shirt that's softly fitted at the shoulder seam rather than dropped.

More Amazing Ideas

  • 20 Green Plaid Summer Top Outfit Ideas for Chic Sunny-Day Style 20 Green Plaid Summer Top Outfit Ideas for Chic Sunny-Day Style
  • 20 Preppy Pink Crop Top Outfit Ideas for Chic Summer Looks 20 Preppy Pink Crop Top Outfit Ideas for Chic Summer Looks
  • 20 Sculpted Halter Top Outfit Ideas for Chic Summer Glam 20 Sculpted Halter Top Outfit Ideas for Chic Summer Glam
  • 50 Halter Neck Top Outfit Ideas for Chic Summer Occasions 50 Halter Neck Top Outfit Ideas for Chic Summer Occasions
  • 50 Sleeveless Crop Top Outfit Ideas for Chic Summer Style 50 Sleeveless Crop Top Outfit Ideas for Chic Summer Style

20. White Button-Up Beach Cover-Up Outfit

White Button Up Beach Cover Up Outfit - 20 summer white button-up top outfit ideas

On the beach a white shirt is a cover-up that actually protects your shoulders from the sun. Choose light linen or gauze over a one-piece or swim set, left open for air; heavy cotton stays damp for hours. Add a printed sarong or pull-on linen shorts for walking away from the water. Waterproof slides, a big woven tote and a wide-brim hat. A shirt long enough to cover the hips works on its own for a boardwalk lunch.

When the Buttons Gape Across the Bust

Gaping between the buttons at bust level is the most common white shirt problem I see, and in an office it's the one people worry about most. It means the shirt is too narrow at the fullest part of the chest, even if it fits everywhere else.

  • Size up to fit the bust, then have a tailor take in the waist with two darts at the back. That's a straightforward alteration.
  • Look for shirts with bust darts or princess seams; they're shaped for a curve rather than cut straight.
  • Wear the shirt half-open over a tank, which avoids the issue entirely on casual days.
  • A tiny stitch or a small hidden snap between the buttons at the gap point works as a quick fix.

Yellow Underarms and Grey Collars

White cotton yellows under the arms mainly from sweat mixed with aluminium antiperspirant, and the collar turns grey from skin oils. Let deodorant dry before you dress, and wash the shirt after one or two summer wears rather than letting stains set.

Rub a little liquid detergent into the collar and underarms before washing. An oxygen-based whitener in a warm wash is gentler on cotton and linen than chlorine bleach, which can actually turn some stains more yellow. Dry white shirts on a hanger in the shade, and iron them while still slightly damp for the crispest collar.

One White Shirt, Many Summer Days

A white shirt covers casual, office, sporty and dressy summer days better than almost anything else you can own. Fabric and fit make the biggest difference, so I'd prioritise breathable linen, cotton, poplin, or gauze. A full tuck looks polished, a front tuck shapes the waist, and an open shirt becomes a light layer. Shoes and bag then move the same base from sightseeing to work. Wear the proportions that feel comfortable to you; with shorts, skirts, trousers, dresses and beachwear, one good shirt does a lot of work.

Pin12
12 Shares

Related posts:

20 Casual Striped Button-Up Top Outfit Ideas for Workdays20 Casual Striped Button-Up Top Outfit Ideas for Workdays 20 Banana Republic Peplum Top Outfit Ideas for Chic Workdays20 Banana Republic Peplum Top Outfit Ideas for Chic Workdays 20 Dorothy Perkins Cobalt Blue Top Outfit Ideas for Chic Workdays20 Dorothy Perkins Cobalt Blue Top Outfit Ideas for Chic Workdays 25 Scoop Neck Top Short Sleeve Outfit Ideas for Chic Workdays25 Scoop Neck Top Short Sleeve Outfit Ideas for Chic Workdays 20 Business Casual Tunic Tops Outfit Ideas for Chic Workdays20 Business Casual Tunic Tops Outfit Ideas for Chic Workdays 20 Flamingo Scrub Top Outfit Ideas for Cheerful Workdays20 Flamingo Scrub Top Outfit Ideas for Cheerful Workdays 20 Sleeveless Scrub Top Outfit Ideas for Busy Healthcare Workdays20 Sleeveless Scrub Top Outfit Ideas for Busy Healthcare Workdays 50 Blazer Top Outfit Ideas for Stylish Workdays and Nights Out50 Blazer Top Outfit Ideas for Stylish Workdays and Nights Out

Shirts & Blouses

About Claire

Claire is the founder and creator of Inspiring Pretty, which she started in 2010 and runs day to day. A fashion designer and stylist, she grew up near Chicago and in the Rocky Mountains of Colorado, earned her Bachelor of Arts at the University of California, Los Angeles, and now lives in the Washington D.C. area. Weddings are her soft spot.

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

Footer

↑ back to top

About Inspiring Pretty

Inspiring Pretty logo

Inspiring Pretty is a home for all the things in which women find beauty: outfit ideas, fashion, hairstyles, makeup, beauty and wedding style. Since 2010 it has been written by Claire, Bonnie and Lindsey, three fashion designers and stylists. Learn more about us.

Explore

  • Crop Tops
  • Tank Tops
  • Crochet Tops
  • Corset Tops
  • Halter Tops
  • Off The Shoulder Tops
  • All Tops

Our Mission

Inspiring Pretty exists to help you find what looks and feels pretty on you. Every guide we publish follows the same promise:

  • Show outfit ideas you can actually copy, built from pieces you own or can find easily.
  • Style every look the way we would for a friend: color, fit, season and occasion first.
  • Cover the details that finish a look, from hair and makeup to wedding day style.
  • Include looks for different ages, body types, budgets and plans.
  • Keep every guide honest, clear and easy to browse.

Contact

  • About Us
  • Contact
  • Privacy Policy
  • Email Us
20 Summer Tops Women 2023: Fresh Outfit Picks Worth Revisiting 20 Sunday Best Cannoli Top Outfit Ideas for Brunch Style