Outfit guides that describe the clothes — never the body wearing them.
The Outfit Compass Wearable ideas for every moment.

Sweaters & Knitwear

12 Cardigan Outfit Ideas for Work and Weekends

Twelve practical cardigan outfits for office days, relaxed weekends, dinners, and changing weather, with specific advice on layers, hems, and shoes.

August 29, 2026 7 min read

Woman wearing a camel cardigan, white T-shirt, straight blue jeans, and brown loafers on a city sidewalk

The short version

  • Match cardigan weight to the layer underneath.
  • Let one hem create the outfit’s clear stopping point.
  • Use buttons to change shape without adding another layer.
  • Choose shoes for the occasion, then adjust the knit.

A cardigan can act as a top, a light jacket, or the quiet middle layer that makes an outfit practical. The useful part is not owning more of them; it is knowing which length, weight, and button placement works with the clothes already in rotation.

These twelve cardigan outfits move between office days, errands, weekends, and dinner plans. Each one names the complete combination and explains the detail that keeps the layers clear rather than bulky.

1

Camel Cardigan, White Tee, Straight Jeans

Wear a midweight camel cardigan open over a substantial white crew-neck tee with straight blue jeans and brown penny loafers. Keep the cardigan hem around the hip so it does not compete with the clean line of the denim, and repeat the warm knit color in a leather belt or bag.

Camel cardigan over a white T-shirt with straight blue jeans and brown penny loafers
Look 1 — camel cardigan, white tee, straight jeans.

Why it works: the white tee separates two warm brown elements, while the straight jean keeps the open cardigan from feeling overly loose.

2

Navy Cardigan, Ivory Shell, Gray Trousers

Button a fine navy cardigan over an ivory sleeveless shell and add ankle-length gray trousers with black loafers. Leave the top button open to create a small V at the neckline, and choose a smooth knit that can sit comfortably beneath a coat when commuting.

Why it works: navy softens the contrast between ivory and charcoal, giving the three office neutrals one connected palette.

3

Cropped Cardigan, Ribbed Tank, Wide-Leg Jeans

Layer a cropped oatmeal cardigan over a cream ribbed tank with high-rise wide-leg jeans and platform loafers. Let the cardigan finish near the waistband and keep the denim hem just clear of the shoe, so both the knit edge and the substantial sole stay visible.

Why it works: two deliberate stopping points—the cardigan at the waistband and denim above the sole—organize the wider shapes.

4

Belted Cardigan, Pleated Midi Skirt, Boots

Close a long oatmeal cardigan over a dark green pleated midi skirt, then add a medium-width brown belt and knee-high leather boots. Place the belt over a single layer of knit and leave enough skirt visible below the cardigan for the pleats to move clearly.

Belted oatmeal cardigan with a dark green pleated midi skirt and brown knee-high boots
Look 4 — belted cardigan, pleated skirt, tall boots.

Why it works: the belt gives the long knit a clean center, while the skirt and boots carry the warm fall palette downward.

5

Long Cardigan, Column Dress, Ankle Boots

Wear a long charcoal cardigan open over a simple black knit column dress and finish with sleek black ankle boots. Choose a cardigan that ends several inches above or below the dress hem; two nearly matching hems can make the layers look accidental.

6

Striped Cardigan, White Tee, Olive Chinos

Pair an ivory-and-navy striped cardigan with a plain white tee, relaxed olive chinos, and clean leather sneakers. Push the sleeves once and leave the cardigan open for an easy weekend layer that can come off without changing the rest of the outfit.

7

Fine Cardigan, Satin Skirt, Pointed Mules

Button a fine black cardigan as a top and tuck it into a champagne satin midi skirt with pointed black mules. A close, smooth knit sits neatly against the fluid skirt; keep any undershirt invisible so the button line remains the outfit’s main detail.

Fine black cardigan tucked into a champagne satin midi skirt with pointed black mules
Look 7 — fine cardigan, satin skirt, pointed mules.
8

Cardigan Over a Poplin Shirt and Cropped Trousers

Layer a camel V-neck cardigan over a crisp white poplin shirt with charcoal cropped trousers and burgundy loafers. Pull the shirt collar and cuffs fully into view, and let a narrow strip of shirttail show below the knit rather than bunching unevenly at the waistband.

9

Chunky Cardigan, Tank Top, Black Jeans

Use a chunky cream cable-knit cardigan as the outer layer over a black tank, straight black jeans, and lug-sole boots. The dark base gives the textured knit a clear outline, while the heavier boot keeps the footwear visually connected to the cardigan’s weight.

Chunky cream cable-knit cardigan over a black tank with straight black jeans and lug-sole boots
Look 9 — chunky cardigan, black jeans, lug-sole boots.
10

Tonal Cardigan, Knit Trousers, Leather Sneakers

Combine a taupe cardigan with a lighter mushroom knit top and matching relaxed trousers, then add minimal white leather sneakers. Keep the cardigan slightly darker than the base pieces so the open edges frame the softer set instead of disappearing into it.

11

Cardigan, Trench Coat, Straight Jeans

Wear a slim burgundy cardigan buttoned beneath a stone trench with straight dark jeans and loafers. This three-layer combination works best in mild, changeable weather: the cardigan provides warmth indoors, while the trench handles wind and light rain without crowding a bulky knit.

12

Black Cardigan, Slip Dress, Heeled Mules

Layer a fine black cardigan over a forest-green satin slip dress and add low black heeled mules with a compact evening bag. Wear the cardigan open or fasten only the center buttons, allowing the dress neckline and uninterrupted satin line to remain visible.

Fine black cardigan over a forest-green satin slip dress with low black heeled mules
Look 12 — black cardigan, green slip dress, heeled mules.

Why it works: the matte knit makes the satin practical for a cooler evening without removing the dress’s movement or color.

Cardigan styling rules worth remembering

  • Check the shoulder first. A cardigan should sit smoothly beneath outerwear without the shoulder seam folding or bunching.
  • Separate competing hems. Give cardigan, shirt, skirt, and coat hems enough distance to read as intentional layers.
  • Match fabric weight. Fine knits work with tailoring and satin; chunkier stitches need denim, boots, or another substantial texture.
  • Use the buttons selectively. Fully closed reads like a top, fully open reads like a jacket, and center buttons create a softer shape.
  • Repeat one color. Echo the knit in a belt, shoe, bag, or printed detail instead of matching every piece.

FAQ: Questions people actually ask about cardigans

Can a cardigan look professional at work?

Yes. Choose a fine or medium-gauge knit with a clean button band and pair it with tailored trousers, a midi skirt, or a simple dress. A cardigan that holds its edge neatly can replace a blazer in many business-casual settings, especially when the shoes and bag are structured.

What should you wear under a cardigan?

A crew-neck tee, ribbed tank, fine shell, poplin shirt, or lightweight turtleneck can all work. Match the base layer to the cardigan’s neckline and weight: smooth, thin layers sit best under fitted knits, while an open chunky cardigan can handle a more substantial tee.

How should a cardigan fit with wide-leg trousers?

Keep the cardigan hem near the waistband or choose a longer style with a clear open front. The first option shows the trouser rise; the second creates vertical edges. Avoid a thick knit ending at the widest part of a pocket or pleat, where several layers can collect.

Can you wear a cardigan as a top?

Yes. A fine cardigan buttoned on its own works well with jeans, trousers, or skirts. Check that the knit is opaque, the button spacing lies flat, and the neckline suits the occasion. A simple camisole underneath can add coverage without changing the visible line.

More ideas you’ll love