Color Blocking Outfits: How to Pair Colors That Work

Color blocking means wearing large, solid areas of two or three distinct colors in one outfit, with clean edges between them. The easiest way to start is to pick two colors that sit opposite each other on the color wheel, make one the larger block, and let a neutral separate them.

Below: what the idea means, how to choose pairs, how much of each color to wear, and what to avoid.

Section 01

What is color blocking in an outfit?

It is the practice of putting flat, saturated colors next to each other in big sections, such as a cobalt top with tangerine trousers, instead of blending them through prints or small accents. The look depends on contrast and on clear shapes.

The idea is older than it seems. The Fashion History Timeline describes parti-color as the combination of different colors within the same garment along the vertical axis, a fashion common in medieval Europe from the late twelfth to the end of the fifteenth century. Today the blocks usually come from separate pieces rather than one split garment.

Section 02

How to color block outfits with the color wheel

Colors opposite each other on the wheel, called complementary colors, make each other look brighter when worn side by side. Blue with orange, red with green, and yellow with purple are the classic pairs.

Neighbors on the wheel, like teal and green or coral and pink, are gentler. If bold contrast feels like too much, start there. For more on keeping to a single family of shades, see monochrome looks built from one color family.

Color blocking examples to try

• Cobalt blazer with a coral top and cream trousers.
• Plum knit with mustard wide-leg pants.
• Dusty rose sweater with olive trousers, a softer take on red and green.
• Navy trousers with a rust top and a camel coat.

The blue and coral pairing is easy to wear on trips, as shown in these cobalt blue and coral vacation palettes.

Section 03

Keep saturation consistent

Two colors of equal intensity compete. Two colors of similar intensity, such as a pair of jewel tones or a pair of pastels, sit together calmly. A neon next to a muted shade can look accidental.

If you do want a loud pair, make one block larger and the other smaller. A bright top with a deep, softer skirt gives the eye a clear lead.

Section 04

Use proportion and a neutral

Neutrals do the same job a pause does in a sentence. White, cream, camel, gray, navy or black between two brights lets each one read clearly. A common starting split is about two-thirds one color, one-third a second color, and a small touch of a third in shoes, a bag or a belt.

Through the lens of evidence-based design, I'd treat the largest block as the one that sets the mood. A big area of a muted color reads calm, and the small bright piece then reads as a deliberate accent.

For a quieter version of the same idea, look at minimalist color pop looks.

Section 05

Warm vs cool tone color blocking

Complementary pairs almost always combine a warm color with a cool one: blue is cool, orange is warm. Warm colors tend to feel closer and cool colors further back, so the warm piece draws the eye first.

Put the warm color where you want attention, often the top or the jacket. If you would rather keep the focus low, reverse it, with warm trousers or a warm skirt.

Section 06

Choose fabrics and cuts carefully

Texture changes how a color reads. As an architect trained in evidence-based design, I'd pick the same fabric weight for both blocks when you are new to this, because a glossy satin next to a matte knit makes the same hue look like two different ones.

• Separates and tailored pieces give the cleanest edges.
• Matching sets in a single color are an easy base for adding one contrasting block.
• Pastels work well for summer and spring, and linen or cotton keep the blocks crisp in heat. See pastel outfits for spring.

Section 07

Use accessories as blocks

A belt, bag, or pair of shoes in a third color counts as a block when it is solid and clearly different from the rest. This is the lowest-risk way to try the look, and you can wear it with a mostly neutral outfit. More ideas are in styling bold colors with accessories.

Section 08

Color blocking do's and don'ts

• Do limit yourself to two or three colors.
• Do keep the lines clean: solid pieces, no busy prints.
• Do check the result in daylight, since indoor light can shift a color.
• Don't pair two very bright colors of equal intensity in equal amounts.
• Don't skip a neutral if the outfit feels loud.
• Don't worry if it takes a few tries. A look that feels off is usually a proportion or saturation issue, not a you problem.

Once you are comfortable, try something louder, like the combinations in edgy bright color looks.

Backstage Q&A

Frequently asked questions

Filed under Interior Design