• 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 Casual Striped Button-Up Top Outfit Ideas for Workdays

20 Casual Striped Button-Up Top Outfit Ideas for Workdays

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

A striped shirt is one of the hardest-working things a closet can hold, because its collar, cuffs and placket give structure while the stripe gives it life. I've cut and fitted a lot of shirts, and the cut is what decides whether it looks crisp or sloppy. Below are twenty ways to wear one on ordinary workdays and weekends, with denim, linen, skirts and even joggers. Classic blue and white stripes read clean and neat; colored or wide stripes are more playful. The rule that runs through all of them: one pattern, plain bottoms, shoes you can walk in.

20 Casual Striped Button-Up Top Outfit Ideas for Workdays - 20 Casual Striped Button-Up Top Outfit Ideas for Workdays

Gaping Buttons and Other Shirt Fit Problems

Button-up shirts are cut for an average body, so most of us run into the same few problems. I check these in the fitting room before I even look at the color.

  • Shoulders first. The shoulder seam should sit on the edge of your shoulder bone, or slightly below it for an oversized style. Shoulders are hard and expensive to alter.
  • Gaping at the bust means the shirt is too narrow there. Sizing up and taking in the waist works better than hiding it. A small sew-on snap between buttons is an easy fix for minor pulling.
  • Sleeves on petite women are often too long. Rolling hides it in casual outfits, but for work a tailor can shorten them from the shoulder or the cuff.
  • A long shirt tail is fine for tucking but looks heavy worn out; if you mostly wear shirts untucked, look for a straight hem that ends at the hip.

Fabric matters too. Poplin is smooth and crisp, oxford cloth is thicker and more casual, and a shirt with a little stretch moves better but can look shiny. For striped workday shirts, I prefer cotton poplin or oxford.

1. Striped Button-Up With Straight-Leg Jeans And Sneakers

Striped Button Up With Straight Leg Jeans And Sneakers - 20 casual striped button-up top outfit ideas

Straight-leg jeans are the safest place to start. Medium-wash denim with a loose tuck is the version I'd wear most often. A full tuck gives a cleaner waist; tucking only the front feels easier. Roll the sleeves two turns so the cuff sits just above the wrist bone, which keeps the shirt from looking like office wear. White sneakers, a tan belt and a structured crossbody are all it needs. For an oversized shirt, undo the bottom two buttons and tuck just one side. The open hem then swings as you walk instead of sitting like a tent over your hips.

2. Striped Button-Up With White Jeans And Loafers

Striped Button Up With White Jeans And Loafers - 20 casual striped button-up top outfit ideas

White jeans make blue or green stripes look sharper, almost nautical. Slim, straight or slightly cropped cuts all work. Tuck the shirt in and add a medium brown belt, which gives a clear break between the pattern and the white. Brown loafers keep it polished but comfortable enough for errands. The common worry with white denim is that it shows everything; the fix is heavier denim and a mid or high rise. An oversized shirt worn out over the jeans also covers the seat if that's where you feel exposed. I wear this from spring into warm early-fall afternoons.

3. Striped Button-Up With Denim Shorts And Sandals

Striped Button Up With Denim Shorts And Sandals - 20 casual striped button-up top outfit ideas

In summer, a striped shirt over denim shorts gives you sun cover without trapping heat, as long as the shirt is cotton or linen, not polyester. I pick relaxed mid-rise shorts with room in the leg. Half-tuck the shirt, knot it at the waist, or wear it open over a fitted tank. Flat sandals and a canvas tote finish it. For balance, roomy shorts need a neater shirt, and an oversized shirt needs straighter denim. Longer shorts give more coverage without losing the summer feel. I'd skip heavy jewelry; small earrings are plenty.

4. Striped Button-Up With Linen Pants And Slides

Striped Button Up With Linen Pants And Slides - 20 casual striped button-up top outfit ideas

Linen trousers with a striped shirt is about as relaxed as smart gets. I'd go for wide or straight linen in white, oatmeal or navy. Tuck the shirt fully into a high waist, or leave it open over a tank. Flat woven slides and a straw tote suit the texture. Two loose pieces can swallow a small frame, so define the waist with a front tuck or a slim belt. Petite women should look at cropped linen that shows the ankle. One honest note: linen trousers crease at the lap within an hour of sitting, so this outfit suits walking days better than long meetings.

More Amazing Ideas

  • 20 Business Casual Tunic Tops Outfit Ideas for Chic Workdays 20 Business Casual Tunic Tops Outfit Ideas for Chic Workdays
  • 25 Halter Top Business Casual Outfits for Polished Workdays 25 Halter Top Business Casual Outfits for Polished Workdays
  • 20 Summer White Button-Up Top Outfit Ideas for Chic Workdays 20 Summer White Button-Up 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

5. Striped Button-Up With Black Leggings And Sneakers

Striped Button Up With Black Leggings And Sneakers - 20 casual striped button-up top outfit ideas

For leggings, the shirt has to be long and a little stiff. A floppy shirt clings and shows every line, while a crisp cotton holds its shape over the hips. Choose one that falls below the seat. Wear it buttoned with the sleeves pushed up, or open over a fitted tank. Supportive sneakers make it a real walking outfit. Thick, matte leggings look smoother than thin shiny ones under a longer shirt. A belt bag worn across the body gives some definition. The result has the ease of activewear but looks like you planned it.

6. Striped Button-Up With Wide-Leg Trousers And Ballet Flats

Striped Button Up With Wide Leg Trousers And Ballet Flats - 20 casual striped button-up top outfit ideas

Wide-leg trousers look office-ready with heels, but with ballet flats and an open collar they turn casual. I'd choose a drapey fabric in black, navy, camel or gray. Tuck the shirt in to balance the volume at the leg. Ballet flats lighten it; a leather shoulder bag adds structure. Length is the tricky part: wide trousers should almost touch the floor in the shoes you'll wear, so hem them for the flats, not for heels. A small heel or pointed toe helps if they're a bit long. Skip extra layers here.

7. Striped Button-Up With A Denim Midi Skirt And Sneakers

Striped Button Up With A Denim Midi Skirt And Sneakers - 20 casual striped button-up top outfit ideas

A denim midi skirt is how I wear a striped shirt when I'm tired of jeans. A front slit or A-line shape walks best. Pair it with a light shirt, tucked neatly or knotted at the waistband. White sneakers stop the long hem from looking heavy. Narrow stripes look sleek, wide stripes look playful. A fitted skirt suits a slightly loose shirt; a full skirt needs the shirt fitted or tucked tight. Thick denim skirts can be stiff, so look for one with a little stretch if you sit a lot.

8. Striped Button-Up With A Satin Midi Skirt And Flat Sandals

Striped Button Up With A Satin Midi Skirt And Flat Sandals - 20 casual striped button-up top outfit ideas

The crisp cotton of a shirt against the soft drape of satin is a texture contrast I like a lot. A plain bias-cut midi in black, navy, olive or champagne is easiest. Tuck the shirt in, then pull a little fabric out at the waist so it softens. Flat strappy sandals keep satin from feeling like eveningwear. Rolled sleeves take away the office stiffness. To link the colors, repeat one shade from the stripe in the skirt or shoes. Bias-cut satin clings to everything underneath, so a smooth slip or seamfree underwear makes a big difference.

9. Striped Button-Up With Cargo Pants And Trainers

Striped Button Up With Cargo Pants And Trainers - 20 casual striped button-up top outfit ideas

Cargo pants bring a practical, slightly tomboy feel. I prefer straight or tapered cargos in olive, khaki or stone. Wearing the shirt open over a ribbed tank keeps the layers flat. Trainers and a nylon crossbody suit the mood. If you want more waist, button the shirt and tuck the front. What I'd avoid is a huge shirt with huge pocketed cargos: all that fabric hides your shape and makes the outfit look borrowed. Balance one roomy piece with one neat one, and it works.

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
  • 25 Scoop Neck Top Short Sleeve Outfit Ideas for Chic Workdays 25 Scoop Neck Top Short Sleeve Outfit Ideas for Chic Workdays

10. Striped Button-Up With Biker Shorts And Chunky Sneakers

Striped Button Up With Biker Shorts And Chunky Sneakers - 20 casual striped button-up top outfit ideas

A long striped shirt is a smart way to make fitted biker shorts wearable away from the gym. Start with opaque black shorts that stay put at the waist, then a plain white, gray or black tank. Leave the shirt fully open so it acts like a light jacket. Chunky sneakers and crew socks give it a sporty base. Push the sleeves up to the elbow. The shirt should reach past the widest part of your hips; any shorter and it cuts you at the least flattering point. A cap finishes it.

11. Striped Button-Up With Denim Overalls And Clogs

Striped Button Up With Denim Overalls And Clogs - 20 casual striped button-up top outfit ideas

Overalls with a striped shirt underneath look more grown-up than with a tee. Straight or relaxed overalls in medium or dark denim suit it. Use a light, fitted shirt, because a thick or loose one bunches at the sides of the bib. Roll the sleeves and leave the collar open. Leather clogs or mules make it look intentional; sneakers make it casual. Adjust the straps so the bib lies flat against your chest. I find this one best in spring and fall, when the shirt sleeves earn their keep.

12. Striped Button-Up With Khaki Chinos And Loafers

Striped Button Up With Khaki Chinos And Loafers - 20 casual striped button-up top outfit ideas

Khaki chinos and a striped shirt is a preppy classic for a reason: it looks neat without trying. Ankle-length chinos, straight or slightly tapered, sit well with blue, green, red or navy stripes. Tuck the shirt in and match the brown belt to your loafers. If a full tuck feels tight when you sit, tuck only the front. Roll the chino hems once for a looser feel. I'd wear this on a casual workday, and it moves through the seasons with a light jacket or cardigan on top.

13. Striped Button-Up With A Cotton Maxi Skirt And Sandals

Striped Button Up With A Cotton Maxi Skirt And Sandals - 20 casual striped button-up top outfit ideas

A cotton maxi skirt brings soft movement under a structured shirt. A simple A-line or tiered skirt in white, navy, olive or tan is easy to match. Knot the shirt at the natural waist or tuck it in; leaving it hanging over a long skirt hides your proportions. Flat sandals and a woven tote suit it. With a full skirt, choose a narrow stripe or a fitted shirt. A side slit makes a long skirt easier to walk in and shows the sandals. I find tiered cotton skirts crease less than plain ones, which helps on long days.

14. Striped Button-Up With A Mini Skirt And Sneakers

Striped Button Up With A Mini Skirt And Sneakers - 20 casual striped button-up top outfit ideas

A crisp shirt balances the short hem of a mini skirt, giving coverage on top so the look stays casual. Choose a denim, cotton or utility mini in a clean A-line. Tuck in the shirt or knot it gently at the waistband, then add low sneakers and ankle socks. If you want more coverage, a skort looks the same and is much easier for sitting and bending. An oversized shirt worn open over a fitted tank makes a long vertical line, which is useful if you feel the mini cuts your height.

More Amazing Ideas

  • 50 Chiffon Top Styles for Elegant Workdays and Modern Events 50 Chiffon Top Styles for Elegant Workdays and Modern Events
  • 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 Plaid Button Up Tank Top Outfit Ideas for Casual Days 20 Plaid Button Up Tank Top Outfit Ideas for Casual Days
  • 50 Red Striped Top Outfit Ideas for Polished Casual Style 50 Red Striped Top Outfit Ideas for Polished Casual Style
  • 20 Striped Button-Up Top Outfit Ideas for Polished Days 20 Striped Button-Up Top Outfit Ideas for Polished Days

15. Striped Button-Up With Tailored Shorts And Leather Slides

Striped Button Up With Tailored Shorts And Leather Slides - 20 casual striped button-up top outfit ideas

Tailored shorts sit halfway between cutoffs and trousers. I like them high-waisted with soft pleats, in black, navy, camel or beige. Tuck the shirt in and add a narrow leather belt. Flat leather slides and a structured tote give the simple pieces some polish. Roll the sleeves and open the top buttons to soften the tailoring. A five- to seven-inch inseam gives more coverage and balances the shirt better than a very short pair. One construction detail to check: pleats should lie flat when you stand. If they spread open, the shorts are too tight at the hip.

16. Striped Button-Up With Cropped Jeans And A Shoulder Sweater

Striped Button Up With Cropped Jeans And A Shoulder Sweater - 20 casual striped button-up top outfit ideas

Cool mornings and warm afternoons call for layers you can take off. A striped shirt with cropped straight jeans and loafers is the base. Drape a light sweater over the shoulders with the sleeves tied loosely in front. A solid sweater that picks up one of the shirt’s stripe colors makes the whole thing look planned. Tuck the shirt in and add a slim belt. When it gets colder, pull the sweater on and let the collar and cuffs show. A fine merino or cotton sweater works best; a chunky one is too heavy to drape.

17. Striped Button-Up With Cropped Jeans And A Long Cardigan

Striped Button Up With Cropped Jeans And A Long Cardigan - 20 casual striped button-up top outfit ideas

A long cardigan softens the crisp lines of a striped shirt and adds warmth without a coat. With cropped straight jeans, I tuck or knot the shirt so the long layer doesn't hide the waist. A knee-length cardigan in camel, oatmeal or navy suits it. Ankle boots or clean sneakers both work. Keep the cardigan open so the stripes create a vertical line down the middle. Petite women should choose a cardigan that ends above the knee, since a knee-length one can make legs look short.

18. Striped Button-Up With Black Jeans And A Utility Jacket

Striped Button Up With Black Jeans And A Utility Jacket - 20 casual striped button-up top outfit ideas

Black jeans make a sleek base for stripes under an olive utility jacket. Straight or slim-straight denim works; tuck the shirt in, or leave it untucked under a cropped jacket. A solid jacket frames the stripes so they don't take over. White sneakers or ankle boots work. Roll the jacket and shirt sleeves together. Olive doesn't suit everyone near the face; if it makes you look tired, tan, navy or stone jackets do the same job. This is a good outfit for days when the weather can't decide.

19. Striped Button-Up With A Denim Jacket And Relaxed Trousers

Striped Button Up With A Denim Jacket And Relaxed Trousers - 20 casual striped button-up top outfit ideas

Denim jacket over a striped shirt is a simple way to add depth without a heavy coat. Relaxed trousers in black, beige or navy keep it smarter than jeans would. Tuck the shirt in and wear a cropped or hip-length denim jacket open. Sneakers keep it casual. The neckline is where this goes wrong: two collars bunched together look messy. I either lay the shirt collar flat over the jacket collar or tuck it neatly inside. A watch and small hoops finish it.

More Amazing Ideas

  • 20 Casual Black Sheer Top Outfit Ideas for Chic Nights Out 20 Casual Black Sheer Top Outfit Ideas for Chic Nights Out
  • 20 Rabbit Tank Top Outfit Ideas for Playful Casual Style 20 Rabbit Tank Top Outfit Ideas for Playful Casual Style
  • 20 Yin Yang Tank Top Outfit Ideas for Edgy Casual Style 20 Yin Yang Tank Top Outfit Ideas for Edgy Casual Style
  • 50 Aesthetic Jeans Top Outfit Ideas for Cool Casual Style 50 Aesthetic Jeans Top Outfit Ideas for Cool Casual Style
  • 50 White Top Outfit Casual Ideas for Relaxed Everyday Style 50 White Top Outfit Casual Ideas for Relaxed Everyday Style

20. Striped Button-Up With Joggers And Slip-On Sneakers

Striped Button Up With Joggers And Slip On Sneakers - 20 casual striped button-up top outfit ideas

Joggers look acceptable outside the house when the top is structured, and a crisp striped shirt is one of the best ways to do that. Choose tapered joggers in black, navy or charcoal, with a fitted tank underneath. Wear the shirt open, or button it halfway and tuck the front. Clean slip-on sneakers keep the line neat. Avoid faded, saggy sweatpants and oversized shirts with masses of fabric; the outfit loses all shape. Smooth, well-fitting joggers make the difference. I'd wear this on a flight or a school run.

Is a Striped Shirt Office Enough?

For most casual and business casual offices, yes. Thin, even stripes in blue, gray or navy read as smart. Wide, bright or very contrasting stripes look more weekend. When I build a workday version, I tuck the shirt fully, keep the collar to one open button and pick trousers or chinos over shorts and leggings.

Stripes also behave differently on camera. On video calls, very fine, tight stripes can shimmer or flicker on screen, an effect known as moire. If you spend a lot of the day on calls, a medium stripe is the safer choice.

A Quick Ironing Routine

  1. Iron while the shirt is slightly damp, on the cotton setting.
  2. Start with the collar, back then front, working from the points toward the middle.
  3. Do the cuffs and sleeves next, then the yoke across the back of the shoulders.
  4. Finish with the body, going around the buttons rather than over them.
  5. Hang it straight away and do up the top button so the collar keeps its shape.

One Striped Shirt, Five Days of Outfits

If you rotate through these, one striped shirt can cover a whole working week: jeans on Monday, chinos midweek, a satin skirt or linen trousers when you want something different. The small changes matter most. Roll the sleeves, move the tuck, wear it open over a tank, or add a layer. When you pair an oversized shirt with wide bottoms, add a belt or a shorter layer so you keep a waist. And buy for fit at the shoulders and bust before anything else; a well-fitting shirt in a plain stripe will outlast any trend.

Pin1
1 Shares

Related posts:

20 Business Casual Tunic Tops Outfit Ideas for Chic Workdays20 Business Casual Tunic Tops Outfit Ideas for Chic Workdays 25 Halter Top Business Casual Outfits for Polished Workdays25 Halter Top Business Casual Outfits for Polished Workdays 20 Summer White Button-Up Top Outfit Ideas for Chic Workdays20 Summer White Button-Up Top Outfit Ideas for Chic 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 20 Flamingo Scrub Top Outfit Ideas for Cheerful Workdays20 Flamingo Scrub Top Outfit Ideas for Cheerful Workdays 50 Blazer Top Outfit Ideas for Stylish Workdays and Nights Out50 Blazer Top Outfit Ideas for Stylish Workdays and Nights Out 25 Scoop Neck Top Short Sleeve Outfit Ideas for Chic Workdays25 Scoop Neck Top Short Sleeve Outfit Ideas for Chic Workdays

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 Casual Pink Top Fashion Ideas for a Fresh Feminine Look 20 Casual Summer Top Inspiration Outfit Ideas to Try Now