13 White Button-Down Shirt Outfits with Bottoms and Layers to Match
13 White Button-Down Shirt Outfits with Bottoms and Layers to Match Few pieces earn their closet space the way a…
13 White Button-Down Shirt Outfits with Bottoms and Layers to Match
Few pieces earn their closet space the way a white button-down shirt does. It is the rare garment that looks equally at home tucked into tailored trousers for the office and knotted over a denim skirt on a Saturday. The trick is knowing how to wear it: which bottoms match, which shoes finish the look, and how to handle the details like sheerness, sleeve volume and the all-important tuck. This guide gives you 13 complete outfits, each with fit notes and shoe pairings, so your white shirt never feels boring again.
Jump to an outfit
- Straight jeans, leather belt and loafers
- Wide trousers with ballet flats
- A-line skirt with ankle boots
- Linen trousers with flat sandals
- Dark jeans with slingbacks
- Tailored shorts with loafers
- Midi skirt with Mary Janes
- Pleated trousers with low heels
- Denim skirt with sneakers
- Cropped trousers with pointed flats
- Black trousers with a structured blazer
- Satin skirt with a small shoulder bag
- Corduroy trousers with low boots
1. Straight jeans, leather belt and loafers
This is the white shirt at its most reliable. A crisp cotton button-down, tucked fully into medium-wash straight jeans, with a slim leather belt in tan or cognac and polished loafers. The belt is doing real work here: it defines the waist and gives the tuck a clean edge. Choose a shirt with a bit of structure in the collar so it holds its shape against the denim. If your shirt is on the sheer side, wear a nude camisole underneath and keep the top button fastened. Roll the sleeves once to the forearm for a look that says weekend without trying too hard. This outfit works for casual Fridays, brunch and travel days. For cooler weather, the same formula layers beautifully under a knit, as our winter casual outfits guide shows with its cardigan and coat pairings.
Fit notes: The jeans should sit at your natural waist so the tuck stays put. A shirt that is too long will bunch; look for a hem that ends mid-hip when untucked. Loafers with a low profile keep the line of the leg clean.
One easy swap: Trade the loafers for white sneakers and unbutton one extra button for a relaxed evening look.
2. Wide trousers with ballet flats
Wide trousers bring drama, and a white shirt keeps them grounded. Tuck the shirt fully into high-waisted wide-leg trousers in black, navy or camel, and finish with simple ballet flats. The contrast between the crisp shirt and the flowing trouser leg is what makes this outfit feel intentional rather than sloppy. A full tuck is essential here: with this much fabric below, any untucked shirttail will look messy. If the shirt has generous sleeve volume, push the sleeves up to keep the proportions balanced. A nude or skin-tone camisole handles any sheerness. This is a lovely office-to-dinner outfit that reads polished without a blazer.
Fit notes: The trousers should skim the top of the flats. Too long and they drag; too short and the wide leg looks cropped by accident. A shirt with a slightly relaxed fit tucks more smoothly into a high waist than a very slim one.
One easy swap: Add a thin belt in the same color as the trousers to sharpen the waist.
3. A-line skirt with ankle boots
A white shirt tucked into an A-line skirt is a classic for a reason. Choose a skirt in a sturdy fabric like wool blend or heavy cotton that holds its shape, hitting at or just below the knee. Black ankle boots with a low block heel ground the look and make it work for fall and winter. Tuck the shirt fully and smooth the waistband, letting the skirt flare from the waist. The fitted shirt balances the fuller skirt, which is why this combination flatters so many body types. If your shirt is thin, a nude slip or camisole underneath keeps everything opaque. This outfit suits the office, parent-teacher conferences and any day you want to look put together with minimal effort.
Fit notes: The skirt should sit at your natural waist. A shirt with a curved hem tucks more neatly into a skirt waistband than a straight hem.
One easy swap: Swap the ankle boots for knee-high boots and add opaque tights when temperatures drop.
4. Linen trousers with flat sandals
When the weather turns warm, linen trousers and a white shirt are a natural pair. Choose drawstring or elastic-waist linen trousers in natural, oatmeal or olive, and do a loose front tuck with the shirt so the look stays breezy. Flat leather sandals in tan or gold finish the outfit. A half tuck works better here than a full tuck because linen wrinkles, and a little looseness looks deliberate. Roll the sleeves to just below the elbow. Because linen shirts and linen trousers together can wrinkle fast, many people prefer a cotton shirt with linen trousers for a crisper result. A nude bralette or camisole underneath takes care of sheerness.
Fit notes: Let the trousers fall naturally; do not try to press linen into sharpness. The shirt should be relaxed through the body, not tight across the shoulders.
One easy swap: Knot the shirt at the waist instead of tucking for a beach-town dinner look.
5. Dark jeans with slingbacks
Dark-wash jeans and slingback heels turn a white shirt into an evening outfit. The dark denim reads dressier than light wash, and the slingback adds just enough polish. Tuck the shirt fully, add a slim belt if you like, and let the heel do the talking. This is the outfit for dinners, date nights and events where jeans are welcome but sneakers are not. If your shirt has a lot of sleeve volume, a single neat roll keeps it from competing with the heel. Keep jewelry simple: small hoops or a delicate necklace are enough. For more denim pairing ideas, our straight-leg jeans outfits guide has additional formulas that work with the same shirt.
Fit notes: A pointed or almond-toe slingback elongates the leg more than a round toe. The jean hem should just kiss the top of the shoe.
One easy swap: Trade the slingbacks for heeled mules when you want the same lift with less fuss.
6. Tailored shorts with loafers
Tailored shorts keep this outfit firmly in warm-weather territory. Choose shorts in a structured fabric like cotton twill or linen blend, hitting mid-thigh, in navy, khaki or black. Tuck the white shirt fully and add loafers, worn with no-show socks or bare ankles. The tailored cut of the shorts is what separates this from a casual beach look. Roll the shirt sleeves to the elbow and leave the top button open. A nude camisole underneath handles sheerness without adding warmth. This works for summer weekends, resort vacations and casual outdoor lunches. It is not an office look unless your workplace is very relaxed.
Fit notes: The shorts should fit smoothly through the hip without pulling. A shirt with a relaxed fit balances the shorter hemline better than a skin-tight one.
One easy swap: Swap loafers for espadrilles for a vacation-ready version.
7. Midi skirt with Mary Janes
Mary Janes bring a sweet, slightly retro note that pairs beautifully with a midi skirt and white shirt. Choose a midi in a fluid fabric like crepe or Tencel that moves when you walk, in black, navy or a soft print. Tuck the shirt fully and let the Mary Jane strap show at the ankle. The strap detail is the focal point, so keep the rest of the outfit simple. A full tuck with a smooth waistband looks cleanest here. If the shirt is sheer, a nude camisole is all you need. This outfit works for the office, museum days and dinners. It has a gentle, feminine feel without being fussy.
Fit notes: The midi should hit between the knee and mid-calf. Too long and it fights the Mary Jane strap; too short and the proportions feel off.
One easy swap: Swap the Mary Janes for ballet flats for a quieter version of the same outfit.
8. Pleated trousers with low heels
Pleated trousers have a tailored, slightly menswear feel that a white shirt complements perfectly. Choose trousers with a single pleat in charcoal, navy or black, and a low heel in black or nude. Tuck the shirt fully and let the pleats fall cleanly from the waist. This is a strong office outfit that also works for evening events. The pleats add visual interest at the waist, so you do not need a belt. If your shirt has a lot of volume in the sleeve, keep them at full length and buttoned for a sharper look. A nude camisole underneath keeps everything opaque under office lighting.
Fit notes: The trousers should break once over the shoe. A shirt that is too boxy will bunch at the tucked waist; a semi-fitted cut works best.
One easy swap: Add a structured blazer over the top for important meetings.
9. Denim skirt with sneakers
A denim skirt and white sneakers keep the white shirt firmly in casual territory. Choose a denim skirt in a dark or medium wash, hitting at or above the knee, and pair it with clean white sneakers. Do a front tuck with the shirt and roll the sleeves. The front tuck shows the waist without the formality of a full tuck. This is a weekend uniform: farmers markets, casual lunches, running errands. Keep the sneakers clean, since scuffed shoes can drag the whole outfit down. A nude bralette underneath is enough for sheerness. This is one of the easiest outfits on this list and one of the most worn.
Fit notes: An A-line or straight denim skirt works better here than a pencil cut. The shirt can be relaxed through the body.
One easy swap: Swap the sneakers for flat sandals in warm weather.
10. Cropped trousers with pointed flats
Cropped trousers show the ankle, and pointed flats make the most of it. Choose cropped trousers in black, navy or a neutral check, ending just above the ankle bone. Pointed flats in a matching or nude tone elongate the leg. Tuck the shirt fully and smooth the front. The exposed ankle keeps this outfit feeling light, which makes it good for spring and for petite frames. If the shirt sleeves are voluminous, a neat roll to the forearm balances the cropped leg. A nude camisole handles sheerness. This works for the office and for smart-casual weekends.
Fit notes: The crop should end at the slimmest part of the ankle. Trousers that end mid-calf will shorten the leg visually.
One easy swap: Swap the flats for low block heels to dress it up for evening.
11. Black trousers with a structured blazer
This is the white shirt at its most professional. Black tailored trousers, a structured blazer in black or navy, and the white shirt buttoned to the top or with one button open. Tuck the shirt fully and let the blazer define the shoulders. This is the outfit for interviews, important meetings and any business-casual dress code. Keep the shirt crisp: this is the one outfit on the list where wrinkles really show. A nude camisole underneath is essential under office lighting. Finish with loafers or low heels. Our business casual office outfits guide has more blazer-based formulas if this is your daily uniform.
Fit notes: The blazer should close comfortably over the shirt without pulling. The trousers should have a clean, pressed crease.
One easy swap: Remove the blazer and roll the sleeves for a business-casual Friday.
12. Satin skirt with a small shoulder bag
A satin skirt brings shine, and the white shirt keeps it daytime-appropriate. Choose a satin midi skirt in champagne, blush or black, and do a half tuck with the shirt so the fabric drapes naturally. A small shoulder bag in a neutral tone and simple flats or low heels complete the look. The half tuck is key: a full tuck can look too stiff against the fluid satin. Let the shirt blouse slightly over the waistband. This outfit works for dinners, parties and any occasion that calls for a little polish. A nude slip or camisole underneath keeps the shirt opaque against the skirt’s sheen.
Fit notes: The skirt should skim, not cling. If it clings, size up or choose a skirt with a bit more structure.
One easy swap: Swap the flats for heeled sandals for an evening event.
13. Corduroy trousers with low boots
Corduroy trousers give the white shirt a cozy, textured partner for fall and winter. Choose fine-wale corduroy in rust, olive or brown, with a straight or slightly relaxed leg. Low boots in brown or black ground the outfit. Tuck the shirt fully and let the corduroy’s texture be the star. This is a warm, approachable outfit for weekends, casual offices and fall outings. If the shirt is thin, a nude thermal or camisole underneath adds warmth and opacity. Roll the sleeves once for a relaxed feel. The combination of crisp cotton and soft corduroy is one of the nicest texture contrasts on this list.
Fit notes: Fine-wale corduroy reads dressier than wide-wale. The trousers should sit at the natural waist for the cleanest tuck.
One easy swap: Add a chunky cardigan over the top for extra warmth.
Frequently asked questions
How do I keep a white shirt from looking sheer?
Wear a nude camisole or slip underneath that matches your skin tone as closely as possible. White under white actually shows more, so nude is the better choice. Keep the top button fastened in bright or office lighting.
What is the best way to tuck a white shirt?
For a full tuck, tuck the shirt evenly all the way around and then pull a small amount of fabric out at the front to create a slight blouse. This keeps the tuck from looking too tight. For a front tuck, tuck just the front center of the shirt and leave the sides and back loose.
How do I stop the sleeves from looking too puffy?
Roll them once to just below the elbow and smooth the fabric flat. If the cuffs have buttons, unbutton them before rolling so the roll sits neatly. For a sharper look, keep the sleeves at full length and buttoned.
Can I wear a white button-down shirt to the office every day?
You can, but vary the bottoms and shoes so it does not feel repetitive. Rotate through trousers, skirts and jeans, and change the tuck and sleeve treatment. A different shoe or bag also changes the feel of the same shirt.
What should I wear under a white shirt in summer?
A nude bralette or camisole in a breathable fabric. Avoid white undergarments, which show through more than nude tones. In very hot weather, a shirt in a linen-cotton blend breathes better than pure cotton.
How do I keep a white shirt white?
Wash it after every one or two wears, separately from colors. Use warm water and a good detergent, and avoid fabric softener, which can yellow white cotton over time. Hang it to dry in sunlight when you can, since sun is a natural brightener.
A white button-down shirt is one of the hardest-working pieces you can own. Find more outfit formulas in our Fashion and Beauty collection. With the right bottoms, shoes and a few fit tricks, it covers everything from job interviews to weekend errands. Pick the outfits that match your week, and let the shirt do what it does best.
