The button-up shirt is the backbone of a well-edited closet. It shifts from crisp to slouchy, office to weekend, neutral to bold with a few strategic styling adjustments. Right now, the proportions are looser, the layers are more deliberate, and the shirt is rarely wearing you. You’re wearing it.
These 33 button up shirt outfits are for anyone who wants to see the range this single piece can cover: layered under a slip dress, belted over wide-leg trousers, or left open over a bralette. There is no one way to wear it, and that is the point.
Oversized Blue Striped Shirt With Wide Leg Denim
When a shirt runs big, let the bottom half do the anchoring. This blue striped button-up shirt falls loosely, its generous cut balanced by wide-leg denim jeans that create a clean, proportional line. Brown mules keep the silhouette grounded rather than sloppy, while a tote bag carries the casual mood. The look suits anyone who wants a relaxed fit without disappearing into fabric; swap the jeans for cropped trousers if you prefer more ankle. To recreate it, look for a button-up shirt in a soft cotton, wide-leg jeans, and mules with a low heel.
Open White Shirt Over Bralette With Wide Leg Jeans
Wearing a button-up shirt unbuttoned changes its job from cover-up to frame. Here a white button-up shirt hangs open over a bralette, the relaxed cotton layer adding structure without weight. Wide-leg jeans keep the lower half easy, and loafers give the whole thing a classic finish. A belt and tote bag tie the casual pieces together. The approach works for a relaxed aesthetic; on cooler days, layer a camisole under the bralette. To recreate it, look for a white button-up shirt in a breathable cotton, a bralette, wide-leg jeans, and loafers.
Oversized White Shirt With Black Mini Skirt
An oversized top finds its natural partner in a short, fitted bottom. The white oversized button-up shirt here falls well past the hips, its volume contrasting with a black mini skirt that stays close to the body. A shoulder bag and sunglasses keep the smart-casual tone consistent. The formula suits anyone who likes a clear proportion play; tucking the shirt front gives a more defined waist if you prefer. To recreate it, look for an oversized white button-up shirt in a smooth fabric, a mini skirt, and a structured shoulder bag.
Gray Plaid Shirt Over Tank With Wide Leg Jeans
An open plaid shirt reads differently depending on what sits underneath. This gray plaid button-up shirt is worn loose over a white tank top, the pattern adding visual weight while the tank keeps the base simple. Wide-leg jeans continue the relaxed line, and pointed black heels introduce a dressier contrast that keeps the outfit from tipping into purely slouchy territory. A belt and backpack reinforce the casual attitude. The combination suits a laid-back look; for colder months, swap the tank for a thermal. To recreate it, look for a gray plaid button-up shirt with an oversized fit, a tank top, wide-leg jeans, and pointed heels.
White Shirt Dress With Corset Belt
A shirt dress can go from simple to sculptural with one accessory change. This white button-up shirt dress falls with a loose shape, its crisp cotton given definition by a wide black corset belt cinched at the waist. Pointed-toe heels carry the polished line down, and a burgundy handbag adds a warm accent. The styling defines the waist from a loose dress; wearing it unbelted shifts the look to a softer, more relaxed silhouette. To recreate it, look for a white button-up shirt dress in a crisp cotton, a wide corset belt, and pointed-toe heels.
Striped Shirt With Linen Trousers And Sneakers
A relaxed-fit brown and white striped button-up shirt is a natural pick for warm-weather dressing. The cotton fabric breathes, and the linen trousers keep things light, so the whole outfit moves with you rather than sticking. Green and white sneakers give the look a sporty finish that works for errands or a casual lunch. This striped button-up shirt linen trousers outfit suits anyone who wants a comfortable day look; swap the sneakers for loafers if you need a slightly more polished finish. To recreate it, look for a striped button-up shirt, linen trousers, and a pair of sneakers.
Black Oversized Shirt With Wide Leg Jeans
Here is a straightforward call: a black oversized button-up shirt and wide-leg blue jeans make an undeniably relaxed silhouette. The shirt’s volume is balanced by the jeans’ width, so nothing feels tight or restrictive. Black sneakers keep the foundation casual, while a yellow quilted bag adds a pop of color. This black oversized button-up shirt jeans outfit works for anyone after a laid-back, modern look; tuck the shirt in for a more defined waist if you want to change the proportions. To recreate it, look for a black oversized button-up shirt, wide-leg jeans, and low-profile sneakers.
Pink Short Sleeve Shirt With Mini Skirt
The rule here is simple: let an oversized top meet a fitted bottom. A pink short-sleeve button-up shirt, slightly roomy through the body, contrasts with a pink mini skirt that stays close to the legs. White strappy heeled sandals add a delicate line that extends the leg without overpowering the pastel palette. This pink short sleeve button-up shirt mini skirt combination suits someone who wants a playful, confident look; swap the skirt for longer shorts if you prefer more coverage. To recreate it, look for a pink short-sleeve button-up shirt, a mini skirt, and heeled sandals.
White Shirt Under Black Slip Dress
The design logic is simple: a white button-up shirt worn under a fitted black slip dress creates contrast in both texture and shape. The cotton shirt softens the dress’s smooth finish, while the dress’s slim silhouette keeps the overall line clean. Pointed ankle boots add a sharp finish that matches the dress’s polished feel. This white button-up shirt under slip dress approach works for transitional weather; wear the shirt alone when temperatures climb. To recreate it, look for a white button-up shirt, a black slip dress, and pointed ankle boots.
Blue Shirt With White Linen Shorts
A crisp blue button-up shirt and white linen shorts are a straightforward summer equation. The shirt’s relaxed cut allows air to circulate, and the shorts’ linen blend keeps things light. White flat sandals with a pink detail continue the easy, daytime mood. This blue button-up shirt white shorts outfit suits warm-weather activities from brunch to a casual walk; swap the shorts for white trousers if you want a slightly more elevated version. To recreate it, look for a blue button-up shirt, white linen shorts, and flat sandals.
Lilac Shirt With White Wide Leg Trousers
If a crisp white shirt and trousers feels too formal, a lilac button-up shirt with white wide leg trousers offers a softer alternative. The relaxed-fit shirt pairs with loose trousers for a casual, daytime look, while tan pointed-toe heels add a touch of sophistication to the wide legs. It works for a put-together outfit without feeling stiff; swap the heels for flat sandals to shift it even more casual. To recreate it, look for a button-up shirt in a pastel shade, wide-leg trousers in a light neutral, and pointed-toe heels in a warm tan.
White Shirt With Navy Trousers
A smart-casual ensemble pairs a relaxed white button-up shirt with fitted navy trousers. The slight ease in the shirt keeps it from looking stiff, while the darker, tailored trousers provide structure. Black loafers add a classic finish. This white button-up shirt navy trousers outfit works for a range of settings, from a casual office to lunch out; tuck the shirt fully for a sleeker line. To recreate it, look for a white button-up shirt with a relaxed fit, straight or slim navy trousers, and leather loafers.
Gingham Shirt Layered Under Polo
The collar of a blue gingham button-up shirt is visible above a navy polo, creating a layered look that adds depth without bulk. The gingham pattern peeks through the polo’s open placket, while the shirt’s sleeves extend past the polo’s short sleeves. Beige sneakers keep the outfit grounded in casual territory. This works well for cooler days when you want more interest than a single top; remove the polo to let the shirt stand alone with a mini skirt. To recreate it, look for a blue gingham button-up shirt with a relaxed fit, a solid polo in a complementary dark hue, a mini skirt, and neutral sneakers.
Black Shirt With White Trousers And Gold Belt
A practical rule: a gold belt can define the waist of an oversized shirt when you want shape without a fitted cut. A black button-up shirt is worn loose over white wide-leg trousers, with the belt cinching at the natural waist. Pointed black shoes and a clutch bag keep the contrast sharp. The look suits a smart-casual occasion where you want a modern edge; cuff the sleeves for a more relaxed version. To recreate it, look for a black button-up shirt in an oversized cut, white wide-leg trousers, pointed black shoes, and a gold belt to anchor the silhouette.
Striped Shirt With Blue Jeans And Slouchy Bag
The green and white stripes on this button-up shirt run vertically, which elongates the torso when the shirt is worn untucked over straight-leg jeans. The relaxed fit of the shirt echoes the easy cut of the jeans, creating a cohesive casual silhouette. A large brown suede slouchy bag adds texture without competing with the pattern. This outfit suits a day out when comfort is the priority; tuck the shirt in to shift the proportions and highlight the jeans. To recreate it, look for a striped button-up shirt in a relaxed cut, straight-leg blue jeans, and a soft slouchy bag in a natural leather tone.
Blue Denim Shirt With Matching Trousers
A blue denim button-up shirt in a relaxed fit makes a strong case for the matching set. Paired with wide-leg denim trousers and a black belt, the monochromatic look is grounded by black sandals. It works for a casual, pulled-together denim-on-denim look. To recreate it, look for a denim button-up shirt, wide-leg denim trousers, black sandals, and a belt to define the waist.
Crisp White Shirt With Skinny Jeans
A fitted silhouette matters when you tuck a crisp white cotton button-up shirt into skinny jeans. Light-colored loafers keep the outfit refined. This is a polished, streamlined look; leave the shirt untucked if you prefer something more relaxed. To recreate it, look for a white button-up shirt, skinny jeans, loafers, and a belt.
Plaid Silk Blend Shirt With Wide Leg Pants
A blue and yellow plaid button-up shirt in a silk blend has a relaxed fit that pairs naturally with wide-leg pants. Mules complete the smart casual feel. It suits occasions where you want something between office and weekend. To recreate it, look for a plaid silk blend button-up shirt, wide-leg pants, and mules.
White Shirt Under Knit Vest With Mini Skirt
A white button-up shirt layered under a cream knit vest adds texture without bulk. Paired with a cream mini skirt and gray knee-high boots, the outfit works for autumn outings. Swap the boots for sneakers to dress it down. To recreate it, look for a white button-up shirt, a knit vest, a mini skirt, and knee-high boots.
White Shirt With Sweater Draped Over Shoulders
Drape a navy knitted sweater over the shoulders of a white button-up shirt to add polish to a casual base. Black ballet flats keep the look comfortable, while wide-leg jeans maintain the relaxed silhouette. It suits transitional weather. To recreate it, look for a white button-up shirt, a knitted sweater, wide-leg jeans, and ballet flats.
Shirt With Vest And Ripped Jeans
A white button-up shirt works as the base here, with a cream cable-knit vest layered over it and ripped blue jeans below. The white studded mules add a polished touch to the distressed denim. This combination suits a casual look; to make it cleaner, swap the ripped jeans for a non-distressed pair. To recreate it, look for a white button-up shirt, then add a cable-knit vest and a pair of ripped jeans.
Light Blue Shirt With Straight Leg Jeans
Pair a light blue button-up shirt with straight-leg jeans for a casual outfit. The shirt is untucked, keeping the silhouette easy and the look uncomplicated. A brown tote bag and gold accessories add a little polish without changing the relaxed mood. Anyone can wear this combination; tucking the shirt in defines the waist if you want a cleaner line. To recreate it, look for a light blue button-up shirt and straight-leg jeans in a similar blue wash.
Light Blue Shirt With Dark Jeans And Loafers
Where the previous look used a similar blue wash, this one pairs a light blue button-up shirt with fitted dark wash denim jeans. The lighter top and darker bottom create a clear visual break. Loafers finish the outfit with a polished edge, making it a smart-casual option. Wearing the shirt untucked keeps the feel relaxed. To recreate it, look for a light blue button-up shirt, dark wash denim jeans, and loafers.
Oversized Satin Shirt With Leather Shorts
This is an evening casual outfit that relies on a clear contrast. An oversized black satin long-sleeve button-up shirt hangs loosely over high-waisted black leather shorts. The sheen of the satin against the matte leather creates the visual interest, and black heeled sandals keep the line long. A gold necklace and small black crossbody bag add a few details without clutter. To recreate it, look for an oversized black satin button-up shirt, high-waisted leather shorts, and black heeled sandals.
Striped Shirt Over Sports Bra
The design here is simple: an oversized blue and white striped cotton button-up shirt worn open over a black sports bra. Nothing else competes, so the stripe pattern becomes the focal point. A white cap and gold earrings keep the accessories minimal. This is an athletic-inspired look that works for very casual days, and if you want more coverage, layer the shirt over a tank top instead. To recreate it, look for an oversized blue and white striped button-up shirt and a black sports bra.
Navy Satin Shirt With Cream Wide Leg Shorts
A short-sleeve button-up shirt in navy satin has enough drape to feel polished. The relaxed fit lands just past the waistband of cream wide-leg shorts, which keeps the proportion airy. A brown belt and a gold necklace add a little structure without fighting the shirt’s soft hand. This is a chic casual outfit that does not rely on a full-length pant. To recreate it, look for a navy satin short-sleeve button-up shirt with a relaxed cut and wide-leg shorts that hit above the knee.
White Shirt Over Gray Turtleneck With Slim Jeans
Layer a white button-up shirt over a gray turtleneck and you get the warmth of a knit with the crisp finish of a collared shirt. The shirt hangs open in a relaxed fit, skimming past the hips of slim-fit charcoal jeans, while white sneakers keep everything grounded for daytime. Suits cooler weather when you still want a casual silhouette; skip the turtleneck for a lighter version. To recreate it, look for a white button-up shirt with enough room to layer comfortably, a fine-gauge turtleneck, slim-fit jeans, and white sneakers.
Pinstripe Shirt With Dark Jeans And Heels
A relaxed-fit blue pinstripe button-up shirt works as the focal point of a casual outfit because the thin white stripes add visual interest. The untucked hem falls over dark wash denim jeans, and heeled sandals lift the whole proportion so the jeans don’t look slouchy. A few rings and a handbag keep the polish level casual. This jeans and shirt combo reads a little more finished than a basic tee. To recreate it, look for a blue pinstripe button-up shirt in a relaxed cut, dark wash denim jeans, and heeled sandals.
White Shirt Under Wrap Blazer With White Pants
A white button-down shirt sits under a cropped navy wrap blazer, with the blazer’s lapel framing the collar for a clean smart-casual line. The white pants match the shirt, which lets the blazer stand out as the single color block in the outfit. Gold rings add a subtle metallic note. Suits anyone looking for a modern take on a shirt-and-blazer combo; wear the shirt alone when the weather warms up. To recreate it, look for a white button-down shirt, a cropped wrap blazer, and white pants.
Gingham Shirt Over Tank With Denim Shorts
An oversized orange and white gingham button-up shirt worn open over a cream tank top is a straightforward summer formula. The shirt’s generous cut balances the short hem of distressed denim shorts, and tan platform sandals add a little height without making the outfit feel dressed up. A straw crossbody bag and sunglasses reinforce the casual mood. Suits hot weather when you want coverage without commitment; button the shirt for a different shape. To recreate it, look for an oversized gingham button-up shirt, a fitted tank top, denim shorts, and platform sandals.
White Shirt Under Cardigan With Skinny Jeans
A white button-up shirt layered under a beige cardigan is a straightforward way to build a casual daytime outfit. The shirt fits close to the body, and the cardigan adds a soft layer of coverage without adding bulk. Dark wash skinny jeans keep the silhouette streamlined from hip to ankle. Beige ballet flats tie the neutral palette together and make the proportions work for walking or running errands. This look suits a classic, put-together daytime outfit; tuck the shirt fully for a sleeker line. To recreate it, look for a white button-up shirt in a cotton poplin, a fine-gauge cardigan, dark wash skinny jeans, and ballet flats.
Pink Oversized Shirt With Charcoal Shorts
Rule of thumb: when a shirt is oversized, keep the shorts relaxed too. Here a pink oversized button-down shirt falls past the hips, untucked over charcoal shorts. A gray sweater tied at the waist adds a second layer and a bit of structure. White ballet flats keep the whole thing light and casual. This works for a day out when you want coverage without feeling restricted; skip the tied sweater to lean into a simpler, warmer-weather version. To recreate it, look for a pink oversized button-down shirt, relaxed-fit shorts in a dark neutral, a lightweight sweater to knot at the waist, and white ballet flats.
Black Shirt Under Plaid Blazer With Jeans
A black button-up shirt worn under a gray plaid blazer creates a foundation that lets the pattern stand out. The shirt is fitted, while the blazer has an oversized cut, giving the upper body a deliberate contrast in volume. Straight-leg blue jeans keep the lower half simple and grounded. A silver necklace and rings add subtle detail. This outfit suits smart-casual situations where you want a jacket that is polished but not stiff; leaving the shirt untucked shifts it toward a more relaxed feel. To recreate it, look for a black button-up shirt, an oversized plaid blazer, straight-leg blue jeans, and a simple silver necklace.
Final Thoughts
- Match the shirt’s volume to the bottom’s fit for balance.
- Layer under or over other pieces to shift the formality.
- Use a belt or corset to define the waist on oversized cuts.
- Stick to tonal pairings for polish, contrast for edge.
The button-up shirt works because it adapts. Buy one in a fabric and fit that feel like yours, then treat it as a base layer, a jacket, or the whole outfit. The rest is just details.
