Skirt and Leggings Combinations: 12 Stylish Layered Outfit Ideas
Discover stylish skirt and leggings combinations, from midi skirts and black leggings to denim, plaid, sweater skirts and chic layered outfits for cool days.
8/20/20266 min read
Skirt and Leggings Combinations: 12 Stylish Layered Outfit Ideas
There’s something wonderfully practical about an outfit that manages to be comfortable, warm, and stylish at the same time. That may be exactly why the skirt with leggings outfit is finding its way back into everyday wardrobes.
Instead of thinking of leggings as something reserved for workouts or oversized sweatshirts, try using them as a sleek base layer underneath skirts and dresses. A skirt over leggings adds warmth on chilly days while giving you another opportunity to play with proportion, color, texture, and footwear.
And the look can be surprisingly sophisticated. The secret is choosing pieces that feel intentional rather than simply piling on layers.
Whether you love classic neutrals, cozy fall outfits, feminine pieces, or a slightly edgier look, here are 12 skirt and leggings combinations worth trying.
1. Pleated Midi Skirt + Black Leggings + Loafers
Start with one of the easiest combinations: a softly pleated midi skirt worn with streamlined black leggings.
Choose a skirt in camel, burgundy, olive, navy, or chocolate brown and pair it with a fitted sweater or tucked-in knit. Underneath, black leggings create a sleek layer without competing with the movement of the skirt.
Finish the outfit with loafers and a structured handbag.
Picture This: A camel pleated midi skirt moves softly over matte black leggings, paired with a fitted black turtleneck, polished loafers, a structured leather handbag, and simple gold jewelry. It feels classic, comfortable, and perfect for a crisp afternoon.
2. Denim Skirt + Leggings + Ankle Boots
A denim skirt is one of the easiest ways to make a leggings and skirt outfit feel casual and modern.
Try a knee-length or midi denim skirt rather than an ultra-short style. Dark-wash denim looks particularly polished with black leggings.
Add a striped sweater, ankle boots, and a crossbody bag for an easy weekend outfit.
For colder weather, layer a wool coat or quilted jacket over the top.
Style Tip: Keep the leggings simple and let the denim provide the texture.
3. Sweater Skirt + Leggings + Tall Boots
If comfort is the goal, this combination may become a favorite.
A soft knit or sweater skirt naturally works with leggings because both pieces have a cozy feel. Look for a straight or gently fitted knit skirt that falls around the knee or below.
Wear it with black leggings and knee-high boots, then add a slightly oversized sweater.
Try tonal combinations such as:
Cream + camel + brown
Charcoal + black + burgundy
Chocolate + black + cognac
Navy + charcoal + tan
The result is cozy without looking like loungewear.
4. Black Skirt + Black Leggings for a Monochromatic Look
One of the most flattering ways to wear a skirt with black leggings is to keep the lower half of the outfit almost entirely monochromatic.
Pair a black A-line, pencil, or midi skirt with matte black leggings and black ankle boots.
Then introduce color or texture on top with a camel coat, ivory sweater, burgundy blazer, or patterned scarf.
Keeping the skirt, leggings, and shoes in the same color family creates one long visual line and makes the layering feel intentional.
5. Plaid Skirt + Black Leggings + Riding Boots
Few combinations say crisp fall afternoon quite like plaid.
Try a knee-length plaid skirt with opaque black leggings, a simple turtleneck, and tall leather boots.
Look for plaids featuring rich autumn shades such as forest green, camel, burgundy, navy, rust, or chocolate.
A structured coat makes the outfit feel especially polished.
Picture This: A sophisticated woman strolls down a tree-lined sidewalk wearing a camel, burgundy, and black plaid skirt over sleek black leggings. A fitted cream turtleneck, tall brown leather boots, camel wool coat, and structured handbag finish the look.
6. Faux Leather Skirt + Leggings + Oversized Sweater
A little contrast makes layered outfits much more interesting.
Pair the smooth finish of a faux leather skirt with soft matte leggings and a chunky knit sweater.
A knee-length or midi faux leather skirt works especially well because the longer silhouette balances the leggings.
Add ankle boots or sleek loafers and understated jewelry.
The combination of leather + knit + leggings creates plenty of texture without requiring a complicated outfit.
7. Corduroy Skirt + Leggings + Chunky Boots
Corduroy is another fabric practically made for cool-weather layering.
Try a camel, olive, rust, chocolate, or burgundy corduroy skirt with black leggings and a fitted sweater.
For a slightly younger or more casual interpretation, add chunky Chelsea boots.
For something more classic, switch them for riding boots or loafers.
A denim or utility jacket layered on top creates an easy everyday look for running errands, visiting a fall market, or meeting friends for coffee.
8. Flowy Floral Skirt + Leggings + Boots
Your floral skirts don't necessarily have to disappear when summer ends.
Choose a darker floral skirt featuring shades such as burgundy, plum, navy, rust, forest green, or chocolate.
Layer it over black leggings and add a simple solid sweater.
The leggings give the delicate floral skirt some visual weight, making it feel appropriate for cooler weather.
Finish with suede boots and a long cardigan for a romantic, relaxed outfit.
9. Mini Skirt + Leggings + Long Coat
If you love shorter skirts but don't necessarily want to wear them with bare legs, leggings provide a comfortable alternative.
The key is balance.
Try a tailored mini skirt with opaque leggings, a fine-knit sweater, and a longer coat or cardigan. Knee-high boots can make the outfit feel even more streamlined.
A plaid, tweed, or subtle herringbone skirt works beautifully here.
Avoid overly sporty leggings for this combination. A smooth, matte pair makes the outfit feel much more polished.
10. A-Line Skirt + Leggings + Ballet Flats
Not every skirt leggings outfit has to involve boots.
During transitional weather, pair a simple A-line skirt with black leggings and ballet flats or Mary Janes.
Add a lightweight cardigan, fitted knit top, or crisp button-down shirt.
This outfit has a charming, slightly European feel—especially when you stick to understated colors such as black, cream, navy, camel, and burgundy.
Add a trench coat when you need another layer.
11. Midi Skirt + Stirrup Leggings + Pointed Shoes
For a more fashion-forward version of the trend, try stirrup leggings underneath a midi skirt.
The stirrup detail creates an intentionally layered appearance, especially when worn with pointed flats, kitten heels, or sleek loafers.
Keep the rest of the outfit fairly simple: a structured midi skirt, fitted knit, tailored jacket, and understated accessories.
This is a great example of how leggings with skirt outfits can look modern rather than overly casual.
12. Long Skirt + Leggings + Sneakers
This may be the most comfortable combination of them all.
Wear leggings underneath a long flowing skirt and pair them with clean, streamlined sneakers.
Although most of the leggings remain hidden, they provide an extra layer of warmth—especially useful on cold or windy days.
Add a fitted long-sleeve tee, cardigan, denim jacket, or casual blazer.
It's an easy combination for travel, sightseeing, shopping days, or anytime you want comfort without giving up your skirt.
Leggings vs. Tights: Which Should You Wear?
A skirt with tights outfit creates a slightly different effect than a skirt worn with leggings.
Tights generally look dressier and work beautifully with pumps, loafers, ballet flats, and dressier boots. Leggings are thicker, warmer, and tend to create a more casual or contemporary layered appearance.
If your shoes expose the top of your foot, tights will often create the cleanest line.
If you're wearing boots or deliberately showing the ankle, leggings can work beautifully.
How to Make a Skirt Over Leggings Look Polished
The biggest difference between an intentional layered outfit and one that feels thrown together is proportion.
Choose leggings that are opaque, smooth, and in excellent condition. Black is the easiest starting point because it visually disappears beneath most skirts.
Then think about the skirt itself. Structured A-line skirts, denim, corduroy, pleated midis, sweater skirts, and flowing midi skirts are all easy partners for leggings.
Finally, pay attention to footwear. Boots, loafers, ballet flats, Mary Janes, and streamlined sneakers can completely change the personality of your leggings and skirt outfit.
And don't be afraid to mix textures. A chunky sweater with a silky skirt, leather with knitwear, or denim with soft leggings creates dimension while keeping the outfit wearable.
A Few More Skirt and Leggings Combinations to Try
Once you have the basic formula down, experiment with different pairings: a burgundy skirt with charcoal leggings, an ivory sweater skirt with chocolate leggings and boots, a navy skirt with navy leggings, or an olive utility skirt with black leggings and sneakers.
You can also play with longer coats, oversized blazers, sweater vests, scarves, and statement handbags to give familiar pieces a completely different look.
Final Thoughts
The return of the skirt and leggings outfit is a reminder that some of the best fashion ideas are also the most practical.
A skirt over leggings lets you continue wearing favorite skirts well beyond their usual season while adding warmth, comfort, and another layer of visual interest.
Start simply with a skirt with black leggings, boots, and a favorite sweater. Once you're comfortable with the combination, experiment with pleats, denim, florals, faux leather, corduroy, and tonal layering.
The goal isn't to follow a rigid formula. It's to take pieces you already enjoy wearing and find fresh ways to make them work together.