Skip to content

THE SHOPFEST OUTFIT FORMULA

How to Style Black Trousers: One Pair, Five Outfits

Five visual black trouser outfits for work and weekends, using shirts, knitwear, a cardigan and a blazer. Reuse your own pieces and see what remains to buy.

See the outfits ↓
H&M Wide-Leg Tailored PantsH&M Cotton ShirtH&M Leather LoafersQuince Rio Mini Shoulder Bag

Shopfest may earn from eligible purchases through shopping links. A working tracked link does not confirm commission eligibility. How our links work.

THE SHORT ANSWER

change the top before the trousers

A white shirt, black knit, striped top, red cardigan and layered blazer give the same black trousers five different directions. The base here is H&M’s black wide leg tailored pant. You can substitute your own trousers; compare rise, length and volume rather than expecting another cut to sit identically.

MAKE IT WORK WITH YOUR WARDROBE

Keep what you own.
Find what is missing.

Mark a piece if you already own it, or have a similar one. That selection carries across every outfit below.

No pieces marked as owned yet.

LOOK 014 pieces

A clean office line

H&M Wide-Leg Tailored PantsH&M Cotton ShirtH&M Leather LoafersQuince Rio Mini Shoulder Bag

A white shirt gives the black trousers a clear contrast. Check the shirt length tucked and untucked; neither needs to be bought if an existing shirt does the job.

Pictured pieces$269.97Remaining to buy$269.97
LOOK 024 pieces

A quiet knit day

H&M Wide-Leg Tailored PantsUniqlo Women’s Merino SweaterH&M Leather LoafersQuince Rio Mini Shoulder Bag

A black knit repeats the trouser color while the shoe and bag finish the outline. Compare the two blacks in daylight; separate fabrics do not become a matching set.

Pictured pieces$289.88Remaining to buy$289.88
LOOK 034 pieces

A striped weekend

H&M Wide-Leg Tailored PantsCOS Clean Cut Long-Sleeved T-Shirtadidas Originals Samba OGQuince Rio Mini Shoulder Bag

Stripes and a slim sneaker take the same trousers into a more casual setting. Check whether your workplace accepts this combination before using it as office clothing.

Pictured pieces$298.99Remaining to buy$298.99
LOOK 044 pieces

A red layer

H&M Wide-Leg Tailored PantsQuince Mongolian Cashmere Cardigan SweaterQuince Italian Leather Glove Ballet FlatsQuince Rio Mini Shoulder Bag

A red cardigan becomes the focal point. Wear an existing base layer if you prefer it open, and compare cardigan length with the trouser rise.

Pictured pieces$297.89Remaining to buy$297.89
LOOK 055 pieces

A jacket over a shirt

H&M Wide-Leg Tailored PantsH&M Cotton ShirtQuince 100% Organic Cotton Knit BlazerH&M Leather LoafersQuince Rio Mini Shoulder Bag

The brown knit blazer adds another layer to the white shirt and black trousers. This is coordinated separates styling, not a matching suit. Check room through both sleeves.

Pictured pieces$349.87Remaining to buy$349.87

Prices are catalog snapshots in USD, before tax, shipping and alterations. Photos show retailer products; these are Shopfest styling combinations, not modeled try ons or wear tests. Confirm the current variant, price, size and availability at the store. Ownership choices last only while this page is open.

Make repetition feel intentional

Choose the top’s length in relation to the trouser rise. A tuck can reveal the waistband; leaving a knit outside creates another proportion. Neither is a rule for every body. The most useful combination is the one that lets you sit and move comfortably without continually adjusting the clothes.

Buy the gap, not the whole board

The boards repeat pieces deliberately. Mark a similar shirt, bag or shoe as already owned to remove it from your remaining purchase estimate. These choices do not persist between visits and do not change your saved products. Add a layer you already use for colder weather; the listed totals cover the pictured products only.

Product sources and image credits

Retailer product photographs and specifications are linked below. Prices above use catalog snapshots; check the current listing before ordering.

Keep exploring.