# Colour coordination basics using your own clothes

Canonical: http://localhost:3000/guides/colour-coordination-basics
Updated: 2026-09-24

> Colour coordination in clothing comes down to five reliable schemes: neutral, tonal, analogous, neutral with one accent, and complementary. Outfello sorts a wardrobe of cut-out pieces by colour, which puts the options for each scheme side by side. Testing combinations with your own pieces beats any colour wheel, because fabric, shade and texture change how colours read.

Colour advice for clothes usually starts with a colour wheel and ends with rules nobody remembers in the morning. In practice, colour coordination comes down to a handful of schemes that work again and again, and a way of testing them on the clothes you actually own. This guide covers five schemes, from safest to boldest, and then shows how to find combinations in your own wardrobe by sorting it by colour.

## The idea behind colour coordination

Colours in an outfit relate in one of two ways: they are close to each other (similar hue, similar depth), or they contrast (opposite hues, light against dark). Closeness reads as calm and polished. Contrast reads as lively and deliberate. Most good outfits pick one of the two and commit to it.

Two other properties matter as much as hue:

- **Depth.** How light or dark a colour is. A pale blue shirt with dark navy trousers contrasts in depth even though both are blue.
- **Saturation.** How intense a colour is. A muted sage and a bright kelly green are both green, but they behave very differently next to other colours.

Neutrals are the colours with low saturation that sit easily with almost anything: black, white, grey, navy, cream, beige, camel, brown, olive and most denim. Most wardrobes are mostly neutral, and that is a strength.

## Scheme 1: all neutral

An outfit made only of neutrals is the safest colour scheme there is. Navy knit, grey trousers, white trainers. Camel coat, cream jumper, dark jeans, brown boots.

What makes neutral outfits look considered rather than dull is contrast in depth and texture. Pair a dark piece with a light one, and a smooth fabric with a rough one. Three mid-greys in the same flat cotton look like a uniform; charcoal wool, a light grey tee and white leather do not.

A useful split is warm neutrals (cream, camel, brown, olive) versus cool neutrals (white, grey, black, navy). They mix fine, but an outfit that stays on one side reads as especially calm.

## Scheme 2: tonal

A tonal outfit uses several shades of a single colour: light blue shirt, mid-blue jeans, navy jacket. Or sand, camel and chocolate brown. It is one of the most flattering schemes because it creates an unbroken line from top to bottom.

Tonal works best when:

- The shades are clearly different, not nearly matching. Two blues that are almost the same look like a mistake; three that step from light to dark look intentional.
- The textures vary. Knit against denim against leather gives the eye something to read.
- The darkest shade sits on the bottom or the outer layer, which grounds the outfit.

## Scheme 3: analogous

Analogous colours sit next to each other on the colour wheel: blue and green, yellow and orange, red and pink. An analogous outfit uses two or three of them. Think olive trousers with a teal knit, or a rust jacket over a mustard top.

It has more variety than tonal but stays harmonious, because neighbouring hues share an undertone. Keep one colour dominant and use the others in smaller amounts. Adding a neutral, such as white trainers or a cream tee, gives the outfit somewhere to rest.

## Scheme 4: neutral with one accent

This is the scheme most people should use most of the time. Build the outfit from neutrals and let exactly one piece bring the colour: a red jumper with navy trousers and white trainers, a green coat over black and grey, a yellow scarf with a camel coat.

It works because the accent has no competition. It also makes a wardrobe stretch, since the neutral pieces combine with every accent you own. If you are building a small wardrobe, this is the scheme to design it around, and the [capsule wardrobe](http://localhost:3000/use-cases/capsule-wardrobe) page shows how Outfello helps you see which neutrals and accents you already have.

For a stronger look, echo the accent once in a much smaller amount, such as a red jumper and a thin red stripe on a trainer. Do not echo it more than once.

## Scheme 5: complementary

Complementary colours sit opposite each other on the colour wheel: blue and orange, red and green, purple and yellow. Worn together they create the most contrast, which is exactly why they need care.

Three ways to make complementary pairs work:

1. **Mute one or both.** Navy and rust are blue and orange, but muted enough to feel easy. Burgundy and olive are red and green without looking festive.
2. **Unequal amounts.** Let one colour cover most of the outfit and the other appear in a single piece.
3. **Anchor with neutrals.** Complementary colours in the top and one accessory, with neutral bottoms and shoes, is far easier than a two-colour outfit head to toe.

## Test combinations by sorting your wardrobe by colour

Schemes are only useful when you can see your options at a glance. The quickest way is to sort your clothes by colour, part by part.

If your wardrobe is physical only, hang each rail in colour order: whites, creams, greys, blues, greens, browns, reds, blacks. Then lay a few candidate pieces on the bed and look at them together. Daylight gives the truest read, since warm indoor light pulls blues and greys towards brown.

If your wardrobe lives in [Outfello](http://localhost:3000/use-cases/capsule-wardrobe), every piece is a cut-out on the same neutral ground, colour-tagged when it is imported. Filter the gallery to one part, such as tops, and sort by colour: all your blues sit together, then your greens, and so on. Do the same for bottoms and shoes. That shows immediately whether you own the pieces for a tonal navy outfit or a neutral-with-accent look.

![The Outfello gallery: a grid of cut-out garments filtered by category](http://localhost:3000/screenshots/gallery.webp "Filter by part, then sort by colour to see every shade you own")

Colour tags can be corrected in the piece editor if the automatic pick is off, for example when a cream jumper reads as yellow in the photo. To test a combination properly, open the outfit builder, which has a slot each for jacket, top, bottoms, shoes and accessories, and use the colour filter on each slot to show only pieces in the colours your scheme needs. Save the combinations that work so they are there next time.

## What sorting by colour tells you

Once your wardrobe is in colour order, three things become obvious:

- **Your real neutrals.** Most people find they own far more navy, grey or black than they thought. Those are your base.
- **Orphan colours.** A single pink shirt with nothing that suits it in your other parts is an orphan. It either needs one partner piece, or it is a candidate to let go.
- **Near-duplicates.** Five nearly identical grey T-shirts sit side by side and are easy to spot.

This is the same starting point as the [capsule wardrobe guide](http://localhost:3000/guides/capsule-wardrobe-guide): see what you have, keep what combines, and let colour decide what goes.

## Turning schemes into everyday outfits

Pick two schemes to use most of the time. For most wardrobes that is neutral-with-accent for weekdays and tonal or all-neutral for smarter days. The [outfit formulas](http://localhost:3000/guides/outfit-formulas) guide lists combinations with the pieces named, and each one can be run through any of the five schemes by changing the colours of the pieces you put into it.

A last tip: when an outfit looks wrong and you cannot say why, take a photo of it and look at the photo in black and white. If every piece turns into the same grey, the problem is depth, not hue, and swapping one piece for something lighter or darker usually fixes it. If the depths look fine, the problem is saturation, and replacing the brightest piece with a muted one is the fix.

## Frequently asked questions

### What is the easiest colour scheme for outfits?

Neutral with one accent is the easiest. Keep most of the outfit in navy, grey, black, white, cream, camel or denim and let one piece carry the colour.

### What is a tonal outfit?

A tonal outfit uses several shades of one colour, for example light blue, mid blue and navy. Varying the texture between pieces keeps it from looking flat.

### Do black and navy go together?

Yes, as long as the difference looks deliberate. Wearing them in clearly separate pieces, such as a navy coat over black trousers, works better than two near-identical darks side by side.

### How can I see which colours I own the most of?

Lay everything out or hang it in colour order. In Outfello you can sort the gallery by colour within each part, which shows every shade you own as a row of cut-outs.
