When someone tells me they need office clothes that don't feel like a uniform, a midi skirt and a button-down is one of the first pairings I reach for. The shirt brings a collar, cuffs and structure. The skirt brings movement and keeps the knee covered when you sit, which matters more at work than people expect. Below are 30 full outfits, from satin and suede to denim and tulle, and most of them carry over to weekends with a simple shoe swap. You probably own half the pieces already.
Tucking a Button-Down So It Stays Flat Under a Midi
Most of these outfits depend on the tuck, and most of the problems I see come from it. A shirt that bunches at the waistband adds width exactly where a midi skirt is supposed to show your waist, and it gets worse every time you sit down.
- Full tuck, for fitted, pleated and satin skirts: push the tails down inside the skirt, then raise your arms once so the shirt blouses slightly over the waistband instead of pulling tight.
- Front tuck, for oversized shirts and knit skirts: tuck only the few inches around the button placket and leave the sides and back loose.
- Military tuck, for loose office shirts: pinch the excess fabric at each side seam, fold it flat toward the back, then tuck. It removes the bulk that usually sits on the hips.
- No tuck at all: cropped shirts and tied hems skip the problem, but they need a genuinely high-waisted skirt.
Shirt weight matters as much as technique. Thin poplin, chambray and silk tuck cleanly. Heavy oxford cloth and flannel don't, and they belong worn over a skirt rather than inside it. A curved shirttail also stays put better than a straight, boxy hem, which tends to ride up by lunchtime.
1. White Button-Down With Black Satin Midi Skirt
Crisp white cotton tucked into black satin is the pairing I'd start almost anyone with. The matte shirt stops the satin from reading as pure eveningwear, and a thin black belt hides the line where the tuck meets the waistband. Pointed black heels and a structured bag keep it sharp. For the office, put a tailored blazer over your shoulders; for dinner or a cocktail event, leave it off. One caution: satin shows every ripple of a bunched shirttail, so choose a shirt with a shorter, curved hem and keep jewelry to a fine gold chain and small hoops.
2. Striped Button-Down With White Pleated Midi Skirt
Blue and white stripes over a white pleated midi has a fresh, coastal feel. I tuck the shirt fully here, because pleats need a flat waist to hang straight, and a tan leather belt breaks up the two light pieces. White leather sneakers make it walkable all day, and a woven straw tote suits the season. Roll the sleeves and add big sunglasses for farmers markets, brunch or a day of sightseeing. Check a thin white pleated skirt in daylight before you leave, since many are more sheer than they look indoors.
3. Chambray Button-Down With Denim Midi Skirt
Chambray with a dark denim midi is double denim that actually works, because the two blues are clearly different. That contrast is the first thing I check; two near-identical washes look like an accident. A casual front tuck or a slightly loose hem keeps it relaxed. Neutral espadrille wedges and a canvas tote suit errands, coffee runs and casual lunches, and simple silver hoops are enough next to all that texture. Expect a new denim skirt to feel stiff at the waist for the first few wears.
4. Oversized White Button-Down With Knit Midi Skirt
This one is a proportion trick: a big, slouchy white shirt over a slim knit midi, volume on top and a narrow line below. I front-tuck only the center few inches so the waist shows without the shirt fighting the knit. Flat mules keep it clean, and a long pendant with a leather crossbody finishes it for a work-from-home morning that turns into a coffee meeting. Skip it if your knit skirt is thin. An oversized shirttail pressed into a clingy knit leaves a visible ridge, so I'd choose a heavier rib or a ponte.
5. Black Button-Down With Leopard Print Midi Skirt
Leopard is far easier to wear than people assume, as long as the top is plain black. The black shirt absorbs the energy of the print, so the skirt starts to behave like a textured neutral. Tuck fully and add a black belt with a gold buckle, which picks up the warm tones in the spots. Black ankle boots and a black clutch take it to a night out or a casual dinner, with gold studs and a couple of rings. I always look at the gap between hem and boot top: a few inches of leg looks deliberate, a sliver looks accidental.
6. Light Blue Button-Down With Khaki Utility Midi Skirt
For casual offices and daytime appointments where you want to look capable without a suit, I suggest a light blue shirt in a khaki utility midi. Utility skirts have patch pockets and a looser cut, so the shirt has to be crisp enough to carry the professional half. Add a brown leather belt and loafers, a tan structured tote, rolled sleeves, a classic watch and small gold studs. Before buying the skirt, sit down in it and check that the pockets lie flat; bulky flap pockets add width exactly where the tuck sits.
7. Cropped Button-Down With High-Waisted A-Line Midi Skirt
A cropped white shirt over a high-waisted A-line midi needs no tuck at all, because the shirt hem meets the waistband and defines the narrowest point of the waist. I always test that meeting point with arms raised. If skin shows when you reach for something, the crop is too short for work. A solid skirt in blush or sage keeps attention on the shape. Strappy nude sandals lengthen the leg, and a mini crossbody with fine layered necklaces adds detail for bridal showers, garden parties and daytime celebrations.
8. White Button-Down With Metallic Pleated Midi Skirt
Metallic pleats with a plain white shirt is my party answer for anyone who doesn't like dresses. The pleats throw light every time you move, so the shirt should be the quietest thing in the outfit. A slim metallic belt and matching pointed heels make one long line from waist to toe, and a small neutral clutch stays out of the way. Match your jewelry metal to the skirt. Metallic pleats are usually heat-set polyester, so steam them gently from a distance; a hot iron can flatten or even melt them.
9. Denim Button-Down With White Eyelet Midi Skirt
Denim over a white eyelet midi skirt relies on contrast: sturdy twill against open, embroidered cotton. Instead of tucking, tie the shirttails at the waist so the knot sits right at the top of the skirt and gives it a playful, styled look. Tan leather sandals and a woven rattan bag suit picnics, beachside lunches and weekend trips, and a straw hat with big sunglasses handles the sun. Check whether the eyelet is lined. Unlined eyelet shows whatever is underneath in bright light.
10. White Button-Down With Red Midi Skirt
Red midi, white shirt: the simplest way to stand out on purpose. I like a skirt with a small slit or a wrap front, partly for movement and partly so you can take a full stride. Nude pointed pumps keep the eye on the red and extend the leg line, and a red lip connects top and bottom. Carry a neutral clutch and wear plain gold jewelry. If bright red feels like too much for your office, try the same outfit in a deeper brick red first.
11. Silk Button-Down With Satin Slip Midi Skirt
A silk shirt over a satin slip skirt looks expensive because both surfaces catch light the same way. Keep the colors in one family, champagne with cream or blush with rose, so the difference reads as intentional rather than mismatched. Strappy heeled sandals and a fine chain-strap shoulder bag suit anniversary dinners and dressier evenings, and dewy makeup echoes the shine. The trade-off is that two slippery fabrics slide against each other, so the tuck works loose within an hour. A slim belt or a shirt with longer tails holds it.
12. Striped Button-Down With Black Midi Skirt
Stripes and black is a Parisian formula that keeps working for a reason: the stripe supplies pattern and the solid black skirt grounds it. In my experience horizontal stripes read more casual and vertical ones more office. For the French-leaning version, add red ballet flats and a red lip. For a quieter one, wear black loafers and a black leather shoulder bag. This is the outfit I'd pick for a workday that ends at dinner with friends.
13. White Button-Down With Floral Midi Skirt
A white shirt is the easiest way to wear a floral midi without the print taking over. Tuck it neatly and set the waist with a slim brown leather belt. My usual trick is to pull one color out of the print for the shoes, sandals or wedges in, say, the blue of the smaller flowers, so the outfit looks planned. A straw bag and small gold jewelry finish it for baby showers, daytime weddings and spring brunches. With a large print, keep the shirt plain and skip any frills at the collar.
14. Chambray Button-Down With White Midi Skirt
Chambray tucked into a white midi gives you a soft blue that still behaves like a neutral. Roll the sleeves and leave the top button open for a relaxed neckline. Tan leather sandals with a matching tan belt, plus a rattan circle bag, carry it through casual Fridays, market trips and sunny lunches. Chambray is lighter than denim, which is why it tucks without bulk. A heavy denim shirt in the same spot would puff out over a white skirt and show every fold.
15. Black Button-Down With Emerald Green Satin Midi Skirt
Emerald satin under a black shirt is a jewel-tone outfit for formal dinners, holiday parties and evening celebrations. The black top lets the green carry all the color, and the sheen of satin makes the shade look deeper in low light. Tuck fully and add a black belt with a gold buckle. Black strappy heels and a black velvet clutch dress it up; velvet beside satin gives two different kinds of shine, which looks richer than matching fabrics. Gold statement earrings and a bracelet are plenty of sparkle.
16. Linen Button-Down With Cotton Midi Skirt
On the hottest day of the year, linen over cotton is what I'd wear myself. Both breathe, and both wrinkle, so treat the creases as part of the look; linen also softens and hangs better after a few washes. A white shirt with a skirt in lavender or butter yellow keeps it cheerful. Flat leather sandals and a woven market tote suit beach trips, outdoor shopping and casual weekends. For work, choose a cotton skirt with some weight so it doesn't cling in humidity.
17. Gray Button-Down With Camel Midi Skirt
Gray and camel balance cool against warm, and the pairing works hard in offices and meetings. The gray keeps camel from looking too earthy, and the camel keeps gray from looking flat. A black leather belt, black pointed pumps and a structured black tote give it a sharp finish, with simple silver jewelry to suit the gray. I check the gray against the face before anything else. A pale, washed-out gray can drain color from fair skin, and a mid or charcoal gray is usually the safer choice.
18. Cropped Button-Down With Knit Midi Skirt
A cropped shirt over a high-waisted ribbed knit midi gives a sleek, current shape. Depending on the rise of the skirt, you'll show a sliver of skin or none at all. I like beige or charcoal rib with a white cropped shirt for contrast. White sneakers keep it daytime, and heeled mules make it dressier. Add a shoulder bag and layered gold necklaces. Ribbed knit pills wherever a strap or chair rubs it, so a fabric shaver is worth keeping nearby.
19. Patterned Button-Down With Solid Midi Skirt
A patterned button-down shirt in polka dot or gingham over a solid midi is my fix for mornings when you want to look cheerful without much thought. Pick a skirt in a neutral that matches one tone in the print, tuck the shirt, and add a simple leather belt for a clean waistline. Ballet flats or loafers keep it grounded. Small, regular prints look neat at work. Very fine, high-contrast checks can flicker on video calls, so save those for in-person days.
20. White Button-Down With Tan Suede Midi Skirt
Tan suede and white cotton make a fall and early winter outfit with real texture. The velvety nap of the suede adds warmth, and the crisp shirt keeps it from feeling heavy. A brown leather belt and knee-high brown boots that run up under the hem give one long, unbroken line. Throw a camel wool coat over the shoulders for autumn brunches, Thanksgiving and office days. Treat the skirt with a suede protector before the first wear, because rain darkens suede and can leave water marks.
21. Navy Button-Down With Striped Midi Skirt
A navy shirt with a navy and white striped midi is a maritime-inspired outfit that stays crisp. Repeating navy top and bottom runs one color down the body, which reads longer. Tuck and add a thin red belt; a small dose of red nods to nautical style without tipping into costume, which anchors and gold buttons would. White canvas sneakers or espadrilles keep it walkable, and a straw bag with pearl studs suits coastal trips and summer weekends. On an actual boat, rubber soles grip a wet deck far better than rope ones.
22. White Button-Down With Olive Green Utility Midi Skirt
White shirt and olive utility midi lean military, with button details and big pockets giving the skirt function and a bit of edge. The plain white top keeps it balanced. Tuck it and add a black leather belt with silver hardware. Combat boots or chunky lug-sole loafers give it a downtown feel, and a black crossbody with silver hoops finishes it for weekend exploring, casual meetups and concerts. Heavy lug soles need a skirt with some weight to it; a flimsy cotton looks swamped by them.
23. Short-Sleeve Button-Down With Pleated Midi Skirt
Short sleeves and pleats give a vintage, ladylike feel. Choose a shirt in powder blue or pale yellow and tuck it into a white or neutral pleated skirt. Slingback heels in a matching pastel add the retro note, and a small top-handle bag with pearls finishes it for garden parties and bridal luncheons. Watch where the sleeve ends. A sleeve that stops at the widest part of the upper arm draws the eye there, while one that ends nearer the elbow is more forgiving.
24. Oversized Linen Button-Down With Slip Midi Skirt
Oversized linen over a slip skirt is a hot-day outfit built on contrast, rumpled linen against smooth satin. Wear the shirt open over a tank or camisole like a light jacket, or button it partway and do a loose front tuck. Flat leather thong sandals and a woven beach bag keep it relaxed, and slim oval sunglasses add a retro touch. I wouldn't wear this one to work. Slip skirts cling with static and show underwear lines, so smooth, skin-tone layers underneath are worth it even off duty.
25. Black Button-Down With White Midi Skirt
Black over white is the highest-contrast pairing in the list, and it makes a very defined line at the waist. That's good news if you want to show your waist, and it photographs cleanly. Tuck neatly and add a black leather belt. Black pointed heels and a structured black handbag anchor it, and silver jewelry keeps it cool, so it covers both work presentations and cocktail events. The practical catch: a white skirt picks up lint and dye from a new black shirt, so wash the shirt once before the first wear.
26. Gingham Button-Down With Denim Midi Skirt
Gingham tucked into a denim midi has a picnic feel. The small check is nostalgic, and the denim keeps it current. Tuck fully, add a brown leather belt for structure, and wear white sneakers or flat sandals. A canvas tote and simple gold studs are all it needs for weekend outings, casual dates and shopping days. I'd stick to a small check here. A large check on top plus the weight of denim below can make the whole outfit feel heavy.
27. White Button-Down With Tulle Midi Skirt
A crisp white shirt with a tulle midi skirt mixes menswear tailoring with a lot of volume, and the structure of the shirt is what makes tulle wearable in daylight. Cinch the waist with a wide black ribbon or velvet belt, then add pointed heels and a small structured bag so it doesn't drift into whimsy. It suits gallery openings and events where high-low styling is welcome. Layered tulle adds width at the hip, so use a thin shirt for the tuck and keep the belt at your natural waist.
28. Green Button-Down With Cream Midi Skirt
Green and cream make a calm, earthy palette. I choose the green for the person: sage tends to suit softer coloring, while olive or forest suits deeper coloring and colder months. Tuck it into a cream skirt in a fluid crepe or chiffon so it moves when you walk. Tan leather works well with it, so try a tan belt, heeled sandals and a matching shoulder bag for daytime events or casual workdays. Chiffon is often sheer, so check for a lining before you wear it to the office.
29. Button-Down Shirt Dress Styled With A Midi Skirt
For a layering twist, wear a lightweight button-down shirt dress open over a fitted midi skirt, so the dress acts as a long duster and the skirt underneath gives the shape. Choose a neutral skirt that suits the color of the dress, and belt over both layers at the waist so it doesn't look bulky. Heeled sandals and a structured bag suit creative offices and daytime events. I check this one side-on in a mirror: the dress should hang clearly longer than the skirt, or the two hems compete.
30. Classic Blue Button-Down With Chambray Midi Skirt
Blue on blue, a classic shirt with a chambray midi, is tonal dressing at its easiest. The slight difference in shade adds depth without relying on contrast. Roll the sleeves and leave a few buttons open at the neck. Brown leather accessories, a belt, loafers and a satchel, warm up the cool blues for casual Fridays and coffee dates. Because both pieces are flat cotton, I'd pick softened, slightly matte leather rather than shiny patent; it adds the texture the blues lack.
Wearing These to an Office With a Dress Code
In a business-casual office, most of the cotton, chambray and gingham outfits here work as shown. Business formal is stricter. There I'd stay with the gray and camel, the black and white, and the white shirt with black satin, add a blazer, and wear a closed shoe.
- Hem: a midi that still covers the knee when you sit is safe in almost any office.
- Slits: a front or side slit that opens above the knee reads as evening; a small back vent is fine.
- Sheen: satin and metallic skirts look dressier under office lighting, so pair them with a matte shirt and a jacket.
- Sheer fabrics: chiffon, eyelet and tulle need a proper lining for work.
- Shoes: sneakers and thong sandals are casual Friday at most, and only where the office allows them.
Midi Length on Petite and Tall Frames
Midi is a range, not one length, and where it lands on your leg changes the whole outfit. On petite women, a hem that stops at the fullest part of the calf can make the leg look shorter. I'd aim either just below the knee or just above the ankle, and lean on pointed shoes, heels in a nude or matching shade, and a high waist.
Tall women often find a midi turns into a knee-length skirt on them, so check the measured length rather than the label. A-lines and pleats suit a longer frame easily, and flats are no problem. On curvier figures, A-line and pleated shapes skim the hip and give the cleanest line with a belt at the natural waist. Slip and thin knit skirts show more, and a slightly heavier fabric helps them hang smoothly.
Three Shirts and Two Skirts Can Cover a Workweek
If I were building a work wardrobe from this list, I'd start with a white shirt, a striped shirt and a chambray one, plus one black midi and one in camel or denim. That small set already covers a good share of the outfits above. For more office pairings, there are further outfit looks shared in this article on wearing a midi to work. Whatever you buy, test three things in the fitting room: the tuck lies flat, the hem lands where you want against your shoes, and you can sit and climb stairs comfortably.
Related posts:
