What Colour Blocking Is
Colour blocking is the practice of wearing two or more distinct, solid colours in large separated sections with no print, gradient or neutral break between them. The contrast between the colour sections is intentional and clearly visible.
The term comes from 1960s fashion influenced by the colour field paintings of artists like Mark Rothko and Mondrian. Yves Saint Laurent translated this into fashion in 1965 with his Mondrian collection. The technique has reappeared consistently in fashion since.
Colour blocking differs from colour coordination. Coordination uses colours from the same tonal family or adds a neutral buffer between contrasting colours. Blocking uses contrast without buffers.
The Three Colour Blocking Methods
Method 1: Two-Colour Blocking
The simplest approach. Two distinct colours, one for the top half and one for the bottom half, meeting at a single horizontal divide.
The proportion rule: The two colours should not be in equal amounts. One dominates (60%) and one is secondary (40%). Equal amounts of two contrasting colours create visual competition rather than impact.
Strongest two-colour combinations:
| Colour 1 | Colour 2 | Effect |
|---|---|---|
| Cobalt blue | Bright red | Classic complementary contrast |
| Olive green | Rust orange | Analogous with temperature contrast |
| Electric blue | Lemon yellow | Warm-cool contrast |
| Hot pink | Orange | Warm-warm high saturation |
| Navy | White | Clean high contrast |
| Camel | Burgundy | Tonal autumnal contrast |
The neutral option: If two strongly saturated colours feel too intense for your usual dressing, replacing one with a neutral (white, grey, black, camel) still produces a colour blocking effect while reducing the visual intensity.
Method 2: Three-Colour Blocking
Three distinct colour sections. The additional complexity requires more careful proportion management.
The triadic balance: Use colours in 60-30-10 proportions. The dominant colour covers 60% of the outfit, the secondary covers 30%, and the accent appears in the smallest section at 10% (often an accessory or a shoe).
Preventing visual chaos: Keep the three colours in the same temperature family (all warm or all cool) or use one neutral among the three. Mixing warm and cool tones in three-colour blocking without a colour theory basis tends to produce a discordant result.
Examples of workable three-colour blocks:
- Cobalt blue trousers + white top + red shoe
- Camel blazer + ivory shirt + forest green trousers
- Black skirt + white blouse + red accessory (the classic safe approach)
Enter the solid-colour pieces you own and tell the Style Matcher you want to colour block them. It identifies which of your pieces produce the strongest colour blocking combinations, which proportions work for each combination and what accessories to add for balance.
Build My Colour Block OutfitsGet Colour Fashion AdviceMethod 3: Tonal Blocking
A softer version of colour blocking using different shades and tones of the same colour family rather than contrasting colours. Also called tonal dressing.
How it works: Different shades of blue (navy, cobalt, powder blue, denim) worn in separate sections create a blocking effect within one colour family. The result is less intense than contrasting colour blocking but still produces visual interest and intention.
Why it is more wearable for beginners: Tonal blocking eliminates the risk of a colour clash because all sections share an underlying hue. It trains the eye for proportion and section management before introducing the additional challenge of colour contrast.
Effective tonal combinations:
- Pale pink + dusty rose + burgundy (pink family, three tones)
- Ivory + cream + camel (warm neutral family)
- Sky blue + cobalt + navy (blue family)
- Sage + olive + forest green (green family)
The Silhouette That Makes Colour Blocking Work
Colour blocking requires clear visual sections. This means:
Minimise pattern and texture: A print within a colour section breaks the clean block. Solid fabrics only within each blocked colour section.
Define the boundary between colours: The colour change should happen at a structural seam (the waist seam of a dress, the shoulder seam between a top and trousers) rather than mid-fabric. When a colour change occurs mid-fabric without a seam, it reads as a design print rather than colour blocking.
Keep proportions deliberate: An oversized top in one colour with narrow trousers in another colour produces colour blocking. The same two colours in equal-length, equal-width sections produces a less decisive result.