• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Inspiring Pretty logo
  • Outfits
    • Tops
      • Crop Tops
      • Tank Tops
      • Crochet Tops
      • Corset Tops
      • Halter Tops
      • Tube Tops
      • Mesh & Sheer Tops
      • Off The Shoulder Tops
      • Sequin Tops
      • Lace Tops
      • Peplum Tops
      • Summer Tops
      • Satin & Silk Tops
      • Long Sleeve Tops
      • Cami Tops
      • Bra Tops
      • Tunic Tops
      • Shirts & Blouses
      • Wrap Tops
      • Going Out Tops
menu icon
go to homepage
search icon
Homepage link
  • Outfits
    • Tops
      • Crop Tops
      • Tank Tops
      • Crochet Tops
      • Corset Tops
      • Halter Tops
      • Tube Tops
      • Mesh & Sheer Tops
      • Off The Shoulder Tops
      • Sequin Tops
      • Lace Tops
      • Peplum Tops
      • Summer Tops
      • Satin & Silk Tops
      • Long Sleeve Tops
      • Cami Tops
      • Bra Tops
      • Tunic Tops
      • Shirts & Blouses
      • Wrap Tops
      • Going Out Tops
×
Home » Outfits » Tops » 20 Black and White Color Block Top Outfit Ideas for Chic Style

20 Black and White Color Block Top Outfit Ideas for Chic Style

By Lindsey · Published Aug 4, 2026 · Updated Oct 27, 2026

A top split into blocks of black and white is about the easiest graphic piece to dress, because both colors already match everything else in a typical closet. It still needs some thought, though. Where the black and white fall on your body changes how the outfit reads, and how close that stark contrast sits to your face matters more than most people realize. I've built twenty outfits around one of these tops, with denim, tailoring, skirts, shorts and relaxed separates. In each, I repeat one of the top's two colors lower down and add texture with leather, linen or satin rather than a third color.

20 Black and White Color Block Top Outfit Ideas for Chic Style - 20 Black and White Color Block Top Outfit Ideas for Chic Style

Which Block Belongs Near Your Face

Black next to white is the highest contrast in clothing. Some people wear it easily; on others it can make the face look tired or washed out, because the outfit is stronger than their own coloring. Before choosing a color block top, I look at the contrast between someone's hair, skin and eyes.

  • High natural contrast, such as dark hair with fair skin, usually wears stark black and white with no trouble. Either color can sit at the neckline.
  • Medium contrast does best with white near the face and black lower down. The white reflects light upward and brightens the complexion.
  • Low contrast, such as light hair with light skin or deep hair with deep skin, can look overwhelmed by optic white against black. Off-white or ivory blocks soften the jump, and keeping the black panels below the bust helps.

A quick check: stand by a window in daylight, hold the top under your chin, then try it the other way round if it's reversible or try a version with different block placement. If your eyes and skin look clearer, the placement is right. If you notice the top before you notice your face, choose a version with the white higher up or a softer white.

1. Black And White Color Block Top With Straight Leg Jeans

Black And White Color Block Top With Straight Leg Jeans - 20 black and white color block top outfit ideas

Medium-wash straight jeans are a gentle partner for a high-contrast top, because blue denim sits between the black and the white and softens both. A fitted or slightly relaxed top with a front tuck shows the waist without looking formal. Ankle-length jeans show off the shoes; full length gives a longer leg. White sneakers keep it casual and black loafers add structure. If the top is cropped, high-rise jeans give comfortable coverage. A black denim jacket over it in cooler weather should stay open so the blocks still show.

2. Black And White Color Block Top With White Wide Leg Pants

Black And White Color Block Top With White Wide Leg Pants - 20 black and white color block top outfit ideas

White wide-leg pants give a graphic top a crisp base, and they let a mostly black top read clearly from a distance. Choose high-waisted trousers with enough body to fall straight; thin white fabric clings and shows pockets. Tuck the top fully or choose one that ends at the rise. Black pointed flats sharpen the outfit, and platform sneakers relax it. Silver jewelry suits the cool palette better than warm gold here. If you're petite, a slightly narrower leg and a small lift in the shoe keep the wide trouser from swamping you.

3. Black And White Color Block Top With Black Tailored Trousers

Black And White Color Block Top With Black Tailored Trousers - 20 black and white color block top outfit ideas

Black tailored trousers make the top polished enough for most offices. Choose a top with a clean neckline and smooth fabric, and high-rise straight or gently wide pants. I'd make sure the white section of the top stays visible, ideally up near the face; if most of the white is low on the body, the outfit can turn heavy and dark. A white structured bag helps balance it. Pointed pumps or loafers continue the dark leg line. An open white blazer adds coverage and brings more light up top.

4. Black And White Color Block Top With Denim Midi Skirt

Black And White Color Block Top With Denim Midi Skirt - 20 black and white color block top outfit ideas

A denim midi skirt makes the outfit softer and very practical. A dark-wash A-line or a straight skirt with a front slit both work. Dark denim sits closer to black than light denim does, so the change from top to skirt looks smoother. Wear white low-profile sneakers on walking days, or black slingback flats for something neater. A top with diagonal blocking or a contrasting side panel draws in the waist visually. Add a cropped black jacket when it cools, short enough that the skirt's shape stays clear.

More Amazing Ideas

  • 20 Color Block Peplum Top Outfit Ideas for Chic Weekends 20 Color Block Peplum Top Outfit Ideas for Chic Weekends
  • 20 Color Block Tank Top on Hanger Outfit Ideas for Summer Style 20 Color Block Tank Top on Hanger Outfit Ideas for Summer Style
  • 20 Ways: What Color Top to Wear With Grey Pants for Chic Style 20 Ways: What Color Top to Wear With Grey Pants for Chic Style
  • What Color Top Goes With Black Skirt? 25 Chic Pairings What Color Top Goes With Black Skirt? 25 Chic Pairings
  • What Color Top Goes With Light Blue Pants: 20 Chic Outfit Ideas What Color Top Goes With Light Blue Pants: 20 Chic Outfit Ideas

5. Black And White Color Block Top With White Jeans

Black And White Color Block Top With White Jeans - 20 black and white color block top outfit ideas

White jeans let every block of the top stand out. Pick a straight, bootcut or relaxed wide leg in a heavy denim, with nude underwear underneath so nothing shows. A top with more black around the neckline gives the best contrast against light jeans; a mostly white top plus white jeans reads as one pale column with a stripe. Black ballet flats and a black bucket bag finish it. For a casual version, wear black-and-white sneakers and roll the jean hems once. A black cardigan over the shoulders handles a mild evening.

6. Black And White Color Block Top With Faux Leather Pants

Black And White Color Block Top With Faux Leather Pants - 20 black and white color block top outfit ideas

Faux leather adds depth to a two-color outfit without another print. Pair a fitted top with straight or tapered black faux leather pants. If the leather is glossy, choose a matte cotton or knit top so there's one shiny surface, not two. Pointed ankle boots keep the lower half sleek, and a white structured bag brightens it. Skip ornate jewelry. A longer top can skim the waistband, and a light one tucks neatly into high-rise pants; a thick tuck under faux leather shows as a ridge. It's a good concert or evening outfit.

7. Black And White Color Block Top With White Tailored Shorts

Black And White Color Block Top With White Tailored Shorts - 20 black and white color block top outfit ideas

White tailored shorts make a color block top look sharp in warm weather. Choose a high rise, a flat front and a relaxed leg opening at whatever length you're comfortable with. Tuck in the top and add a narrow black belt. Black leather sandals ground the outfit; white sneakers suit a day of sightseeing. An open white button-front shirt gives sun cover and stays in the palette. Keep accessories minimal, since a strong top plus a structured short already reads as a finished outfit.

8. Black And White Color Block Top With Black Maxi Skirt

Black And White Color Block Top With Black Maxi Skirt - 20 black and white color block top outfit ideas

A black maxi skirt with a graphic top is elegant and comfortable. Choose an A-line, a soft pleat or a side slit so you can move. A fitted or waist-length top balances the volume below; a relaxed top tucked in gives more coverage. The long black skirt draws a continuous vertical line, so if you'd like to look taller, keep the shoes dark too. White sneakers make it a daytime outfit, and low black sandals dress it up. A small white bag stops the lower half feeling heavy.

9. Black And White Color Block Top With Leggings And Blazer

Black And White Color Block Top With Leggings And Blazer - 20 black and white color block top outfit ideas

For busy days I'd wear thick black leggings, a hip-length color block top and an open white blazer that ends below the waist. The blazer frames the graphic and covers the hips. Leggings need to be substantial; thin ones go shiny at the knee and show the outline of underwear. Avoid an oversized top under an oversized blazer, which hides your shape. A fitted top under a relaxed blazer gives the clearest balance. Leather sneakers or loafers suit travel and casual meetings. Black ponte trousers are the smarter swap if leggings feel too casual.

More Amazing Ideas

  • What Color Top Goes With Dark Blue Jeans: 20 Chic Outfit Pairings What Color Top Goes With Dark Blue Jeans: 20 Chic Outfit Pairings
  • 20 Ways: What Color Top to Wear With Blue Pants for Chic Outfits 20 Ways: What Color Top to Wear With Blue Pants for Chic Outfits
  • 20 Ways: What Color Top to Wear With Tan Pants for Chic Outfits 20 Ways: What Color Top to Wear With Tan Pants for Chic Outfits
  • What Color Top Goes With Brown Skirt? 25 Chic Pairings What Color Top Goes With Brown Skirt? 25 Chic Pairings
  • What Color Top to Wear With Khaki Pants: 25 Chic Pairings What Color Top to Wear With Khaki Pants: 25 Chic Pairings

10. Black And White Color Block Top With White Pleated Midi Skirt

Black And White Color Block Top With White Pleated Midi Skirt - 20 black and white color block top outfit ideas

Soft pleats contrast nicely with the hard lines of color blocking. Pair a fitted top with a white pleated midi starting at the natural waist, and tuck it so the pleats hang freely; untucked fabric pushes them apart over the stomach. Black slingback flats or low block heels anchor the light skirt. Pearl studs and a slim bracelet keep it dressy for a shower or graduation without fuss. Choose a lined skirt, since unlined white pleats are often sheer in daylight. A cropped black cardigan adds warmth without hiding the waist.

11. Black And White Color Block Top With Black Cargo Pants

Black And White Color Block Top With Black Cargo Pants - 20 black and white color block top outfit ideas

Black cargo pants push the top in a casual, current direction. Choose a high or mid rise, a modest number of pockets and a straight or gently tapered leg. A close-fitting top is essential; a boxy top over cargos turns the whole outfit into one loose shape. White platform sneakers brighten the lower half and echo the white blocks. A small black belt bag and sporty sunglasses finish it for travel, campus or a festival. If your top is boxy, choose cargos in a drapey fabric that falls closer to the leg.

12. Black And White Color Block Top With White Linen Pants

Black And White Color Block Top With White Linen Pants - 20 black and white color block top outfit ideas

White linen pants soften the stark contrast of the top. I'd go for ivory rather than bright white if your coloring is soft, because ivory blends the black and white less harshly. Choose a high waist and a relaxed straight leg, with a fitted sleeveless top to balance the easy volume. A full tuck defines the waist; a front tuck feels more vacation. Linen is often see-through in white, so choose lined pants or smooth nude underwear. Black leather slides and a woven bag add texture.

13. Black And White Color Block Top With Satin Midi Skirt

Black And White Color Block Top With Satin Midi Skirt - 20 black and white color block top outfit ideas

Satin gives the graphic top a softer, dressier partner. Style a black satin midi with a fitted or gently draped top tucked smoothly in; bulk at the waistband shows straight through satin. Black pointed pumps make one long dark line from the waist down, and a white clutch repeats the top's brighter panels. Delicate silver jewelry is enough. A slightly cropped white blazer layers over it without hiding the skirt's movement. It suits dinners and receptions where a full dress feels unnecessary.

14. Black And White Color Block Top With White Mini Skirt

Black And White Color Block Top With White Mini Skirt - 20 black and white color block top outfit ideas

A white mini skirt gives the top a young, clean look for warm weather. Choose an A-line or tailored shape rather than a tight one, and balance the short hem with a higher neckline or short sleeves. Black loafers with white ankle socks feel preppy, and black flat sandals keep it simple. If you want more coverage, a skort or a skirt a few inches above the knee works just as well. Tie a black cardigan over your shoulders for later. No third color is needed anywhere.

More Amazing Ideas

  • 20 Neutral Color Tops Collections for a Chic Capsule Wardrobe 20 Neutral Color Tops Collections for a Chic Capsule Wardrobe
  • 20 Wine Color Top Outfit Ideas for Elegant Evening Style 20 Wine Color Top Outfit Ideas for Elegant Evening Style
  • 25 Split Color Crochet Top Outfit Ideas for Festival Style 25 Split Color Crochet Top Outfit Ideas for Festival Style
  • What Color Top Goes With Black Jeans? 25 Stylish Pairings What Color Top Goes With Black Jeans? 25 Stylish Pairings
  • 50 Mint Green Top Outfit Ideas: Fresh Color Pairings for Spring 50 Mint Green Top Outfit Ideas: Fresh Color Pairings for Spring

15. Black And White Color Block Top With Black Flare Jeans

Black And White Color Block Top With Black Flare Jeans - 20 black and white color block top outfit ideas

Black flare jeans give the top a slight retro feel in a modern palette. Choose high-rise denim that fits smoothly through the hips before widening below the knee. A fitted top or a tucked light knit keeps the waist visible. Heeled ankle boots let the hem fall close to the floor without dragging. Black denim varies a lot: a faded black looks softer and more casual, while a deep, saturated black matches a black panel in the top more closely and looks sharper. A white bag gives the eye a bright point lower down.

16. Black And White Color Block Top With White Culottes

Black And White Color Block Top With White Culottes - 20 black and white color block top outfit ideas

White culottes move like a skirt and behave like pants. The cropped wide shape needs a fitted top tucked in. The hem length is the detail I check first: it should land between the lower calf and the ankle, never at the widest part of the calf, which makes legs look heavier. Black pointed flats sharpen the wide hem, and low block heels add height for the office. A narrow black belt and a structured bag finish it. An open black blazer adds structure without covering the blocks.

17. Black And White Color Block Top With Black Bermuda Shorts

Black And White Color Block Top With Black Bermuda Shorts - 20 black and white color block top outfit ideas

Tailored black Bermuda shorts make a grown-up shorts outfit. A high rise, pressed creases and a hem near the knee give a clean base. Tuck in a lightweight top and add a slim white belt. Black loafers suit a warm office or a city day; white sneakers turn it casual. Bermuda length is a good choice if you'd rather not show much leg. A relaxed white blazer worn open adds a layer and keeps the color placement of the top visible.

18. Black And White Color Block Top With White Cargo Skirt

Black And White Color Block Top With White Cargo Skirt - 20 black and white color block top outfit ideas

A white cargo midi skirt adds pockets and an easy shape. Choose a streamlined version with little hardware, so the top stays the focus. A fitted top suits an A-line cargo skirt, while a slightly relaxed top goes with a straighter cut. Keep it tucked or cropped near the waistband for definition. Black sport sandals or low sneakers keep it practical for sightseeing. If the skirt has a front slit, choose shoes with simple straps so the lower half stays clean. White cotton cargo skirts pick up marks quickly, so I'd treat stains as soon as I get home.

19. Black And White Color Block Top With Black Palazzo Pants

Black And White Color Block Top With Black Palazzo Pants - 20 black and white color block top outfit ideas

Black palazzo pants add movement while keeping things simple. Pair them with a fitted top that ends at the waist or tucks into the high rise. A mostly white top gives the strongest contrast against wide black pants and keeps light near your face. Platform sandals or pointed pumps depending on the occasion. Hem length matters: the pants should nearly cover the shoes without touching the ground. A compact white bag and long silver earrings finish it for a resort dinner or a creative workplace.

More Amazing Ideas

  • 25 Orange Skirt With Blue Top Outfit Ideas for Color Lovers 25 Orange Skirt With Blue Top Outfit Ideas for Color Lovers
  • What Color Goes With Blue Top: 20 Stylish Pairing Ideas What Color Goes With Blue Top: 20 Stylish Pairing Ideas
  • 20 Leather Pants Pink Tops Ideas for a Bold Color-Pop Look 20 Leather Pants Pink Tops Ideas for a Bold Color-Pop Look
  • What Color Top Goes With Green Skirt: 20 Fresh Outfit Pairings What Color Top Goes With Green Skirt: 20 Fresh Outfit Pairings
  • What Color Top Goes With Blue Jeans: 20 Foolproof Outfits What Color Top Goes With Blue Jeans: 20 Foolproof Outfits

20. Black And White Color Block Top With White Pencil Skirt

Black And White Color Block Top With White Pencil Skirt - 20 black and white color block top outfit ideas

A white pencil skirt lets the color block top stand in for a work blouse. Choose a lined knee-length or midi version with some stretch. Tuck the top in and add a slim black belt. Black pointed pumps keep the vertical line clean. If the top has an asymmetrical pattern, keep everything else plain, because an angled block already pulls the eye across the body. A cropped black blazer ending above the widest point of the hip adds coverage without cutting the line. It suits presentations and business lunches.

How the Panel Lines Reshape Your Figure

Color blocking works like an optical trick. Light areas come forward and look larger, and dark areas recede. That means the lines between blocks can reshape your outline, for better or worse.

  • Dark side panels with a lighter center draw the eye inward and make the waist look narrower. These are the most flattering blocks for most figures.
  • A wide horizontal band of white across the bust makes the chest look fuller. Good if you want more shape up top, less so if you're already busty.
  • A horizontal break at the hip, with white below, widens the hips. Move that break up to the waist, or wear the top tucked so the line disappears.
  • Diagonal blocks lead the eye across the body and create a sense of a waist even on a straight top.

Then check where the lines land on your body. A block that ends right at the fullest part of the bust or hip draws attention to it. A line a few inches above or below that point is usually kinder, and that's often just a question of size or length.

Which Black and White Outfit Will You Wear First?

Outfits built around a black and white top come together quickly once each piece has a clear role. Use black accessories to ground white bottoms, and add a white bag or shoe when the lower half is mostly black. Fit matters as much as color: balance wide pants with a fitted top, and let slim bottoms take a relaxed layer. Pay attention to which block sits near your face. Then choose the combinations that suit your comfort, your shape and your daily routine. Two colors can carry a whole wardrobe without any complicated matching.

Pin1
1 Shares

Related posts:

20 Color Block Peplum Top Outfit Ideas for Chic Weekends20 Color Block Peplum Top Outfit Ideas for Chic Weekends 20 Color Block Tank Top on Hanger Outfit Ideas for Summer Style20 Color Block Tank Top on Hanger Outfit Ideas for Summer Style 20 Ways What Color Top to Wear With Grey Pants for Chic Style20 Ways: What Color Top to Wear With Grey Pants for Chic Style What Color Top Goes With Black Skirt 25 Chic PairingsWhat Color Top Goes With Black Skirt? 25 Chic Pairings What Color Top Goes With Light Blue Pants 20 Chic Outfit IdeasWhat Color Top Goes With Light Blue Pants: 20 Chic Outfit Ideas What Color Top Goes With Dark Blue Jeans 20 Chic Outfit PairingsWhat Color Top Goes With Dark Blue Jeans: 20 Chic Outfit Pairings 20 Ways What Color Top to Wear With Blue Pants for Chic Outfits20 Ways: What Color Top to Wear With Blue Pants for Chic Outfits What Color Top Goes With Brown Skirt 25 Chic PairingsWhat Color Top Goes With Brown Skirt? 25 Chic Pairings

Tops

About Lindsey

Lindsey, Linds to the rest of us, is a fashion designer and stylist on the Inspiring Pretty editor team. She has always loved making things with her own hands and has been with the site since 2010.

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

Footer

↑ back to top

About Inspiring Pretty

Inspiring Pretty logo

Inspiring Pretty is a home for all the things in which women find beauty: outfit ideas, fashion, hairstyles, makeup, beauty and wedding style. Since 2010 it has been written by Claire, Bonnie and Lindsey, three fashion designers and stylists. Learn more about us.

Explore

  • Crop Tops
  • Tank Tops
  • Crochet Tops
  • Corset Tops
  • Halter Tops
  • Off The Shoulder Tops
  • All Tops

Our Mission

Inspiring Pretty exists to help you find what looks and feels pretty on you. Every guide we publish follows the same promise:

  • Show outfit ideas you can actually copy, built from pieces you own or can find easily.
  • Style every look the way we would for a friend: color, fit, season and occasion first.
  • Cover the details that finish a look, from hair and makeup to wedding day style.
  • Include looks for different ages, body types, budgets and plans.
  • Keep every guide honest, clear and easy to browse.

Contact

  • About Us
  • Contact
  • Privacy Policy
  • Email Us
20 Black and White Cold Shoulder Top Outfit Ideas for Chic Style 20 Black and White Designer Tops Outfit Ideas to Try Now