ManyOutfit Colour Matcher
Pick a top colour and a bottom colour, see them worn, and read why the pair works.
The dot shows the verdict: perfect, good. Tap one to try it on.
How to use the colour matcher
- Choose Men's or Women's at the top. Each side has its own figure, its own clothes and its own colours, and remembers its own outfit when you switch.
- Under Top, choose the garment and tap a colour. Men have a Shirt, T-shirt, Sweater or Blazer in 24 colours; women have a Blouse, T-shirt, Sweater, Blazer or Kurti in 32.
- Under Bottom, do the same: Trousers or Shorts for men; Trousers, Skirt or Leggings for women. The figure changes as you tap, so you see the two colours worn together rather than as two squares side by side.
- Read the Verdict. It gives the pair a score out of 100 and one of four labels: Perfect match (90 and above), Good match (74 to 89), Works with care (50 to 73) or Not a good match (below 50).
- If the pair is weak, look at Best partners. It lists the seven best bottoms for your top and the seven best tops for your bottom. Tap one to try it on.
- Swap turns the outfit upside down, Show a classic loads one of the well-known pairs, and Copy link copies a link that opens this exact outfit — useful for asking someone else's opinion.
The five dots under the figure change its skin tone. Your last outfit on each side is remembered in this browser; nothing is uploaded.
The three checks behind the verdict
| Check | What it looks at | What you want |
|---|---|---|
| Light and dark | How far apart the two colours are in depth. The small bar shows where the top (T) and the bottom (B) fall between white and black. | A clear step between them. Two colours of nearly the same shade blur into one block. |
| Colour wheel | Where the two colours sit on a painter's colour wheel. Colours with no colour in them — white, grey, black — sit in the middle. | Opposites (blue and brown), neighbours (green and brown), two shades of one colour, or at least one neutral. |
| Who leads | How much colour each piece carries. The two circles are drawn larger for louder colours. | One piece speaking and one staying quiet, or two quiet pieces. Never two loud ones. |
Why the famous men's pairs work
| Pair | Usually worn as | Why it works |
|---|---|---|
| Navy + camel | Navy blazer, camel trousers | Dark against light, and cool blue against warm orange-brown — opposites on the colour wheel. |
| Charcoal + burgundy | Burgundy sweater, charcoal trousers | Charcoal has no colour, so burgundy is the single rich note. Both are deep, so it stays quiet. |
| Olive + rust | Rust shirt, olive trousers | Two earth tones of equal strength. Neither is bright, so neither has to give way. |
| Navy + grey | Navy blazer, grey trousers | Two cool neutrals, one dark and one mid. The oldest pair in tailoring. |
| Light blue + khaki | Light blue shirt, khaki chinos | The blue-and-brown pair in its lightest form. |
| White + blue denim | White T-shirt, jeans | Denim is a neutral in practice, and white is its sharpest partner. |
| Mustard + navy | Mustard sweater, navy trousers | A strong colour made easy by a dark, cool neutral almost opposite it on the wheel. |
| Forest green + khaki | Green sweater, khaki chinos | Dark above, light below, and green and brown belong together in nature. |
| Black + camel | Black sweater, camel trousers | Black is the one dark that makes camel glow. |
| Burgundy + navy | Burgundy sweater, navy trousers | Navy plays the neutral, burgundy the accent; both are dark, so the contrast is in colour alone. |
All of these, and more, are under The classic pairs for men, where you can show only the ones for the office, smart casual, the weekend, the evening or summer.
The women's side
The women's side uses the same three checks but a wider box of colours. It adds butter yellow, peach, coral, dusty rose, fuchsia, plum, emerald and mint to the 24 on the men's side, and it is judged by looser rules, because womenswear has always been easier on colour:
- A coloured bottom is ordinary. Red or mustard trousers are marked down on the men's side as a statement piece. On the women's side a red skirt or mustard trousers are not.
- Two pastels can go together. Pink with mint, or lavender with butter yellow, makes a soft spring outfit. The tool only asks that one be clearly lighter than the other.
- One colour head to toe is a set. A matching top and bottom in the same cloth is an accepted look in any colour, though the brighter ones are marked Works with care.
- Two strong colours are colour-blocking. Fuchsia with emerald, or royal blue with red, is bold on purpose. The tool marks it Works with care and tells you to keep everything else plain.
| Pair | Usually worn as | Why it works |
|---|---|---|
| Black + camel | Black sweater, camel trousers | Black makes camel glow. One dark, one warm, and nothing else is needed. |
| Cream + camel | Cream sweater, camel trousers | Warm neutrals at two depths — tonal dressing that looks calm and expensive. |
| Pale pink + grey | Pink sweater, grey trousers | Pink warms up grey, and grey stops pink looking sugary. |
| Emerald + black | Emerald blouse, black trousers | A jewel tone needs a dark, colourless partner to shine against. |
| Pale pink + burgundy | Pink sweater, burgundy skirt | Two members of the red family at opposite depths. |
| White + red | White blouse, red skirt | The red skirt is the whole outfit; the white top steps back. |
| Coral + navy | Coral blouse, navy trousers | Warm red-orange against cool dark blue, from opposite sides of the wheel. |
| Mustard + navy | Mustard kurti, navy leggings | Yellow against its near-opposite, bright above and dark below. |
| Burgundy + cream | Maroon kurti, cream leggings | Warm colours at opposite depths. Rich, traditional and easy. |
| Emerald + cream | Emerald kurti, cream leggings | A jewel tone on a warm, pale ground. |
Under The classic pairs for women there is a Kurti filter that shows only the kurti-and-leggings pairs. A kurti reaches the knee, so the tool pairs it with leggings or trousers; choosing a skirt switches the top to a blouse.
Rules of thumb you can carry without the tool
- Start with a neutral. White, cream, beige, khaki, the greys, charcoal, navy, black and blue denim go with almost anything, because they carry little or no colour of their own.
- One colour speaks at a time. If the top is burgundy, mustard or rust, let the trousers be a neutral, and the other way round.
- Keep a step in depth. Light above dark or dark above light both work. Two pieces of almost the same shade look like a suit that has been mixed up.
- Earth tones are friends. Olive, rust, camel, brown and khaki can be mixed with each other freely.
- For men, loud trousers need a quiet top. Red, mustard, royal blue or pink trousers are the first thing anyone sees, so the men's side marks them down unless the top is neutral — and often suggests wearing the colour on top instead.
- Keep the leather quiet. For men, the Shoes and belt line suggests black, dark brown or tan leather from the trouser colour, and the belt should match the shoes. For women, Shoes and bag suggests black, brown, or tan and nude. White sneakers are the easy answer with a T-shirt or shorts.
What the tool cannot tell you
The verdicts follow conventions that tailoring and fashion have settled on over a long time. They are a guide, not a law: a pair marked Works with care can look excellent in the right fabrics, and plenty of well-dressed people break these rules on purpose. The tool also knows nothing about fit, cloth, pattern or the occasion, and all four matter as much as colour.
Screen colours are approximate. A real navy can lean towards black or towards purple, and cloth looks different in shop lighting and in daylight. Use the tool to decide which colours to put together, then hold the two pieces side by side near a window before you trust them.
If you need the exact code of a colour, the Color Picker converts between HEX, RGB and HSL. Packing for a trip? Plan outfits around two or three neutrals and add them to your Packing List.
Choose Men's or Women's, then a top colour and a bottom colour, and see the two together on a figure. The men's side has 24 colours, worn as a shirt, T-shirt, sweater or blazer with trousers or shorts. The women's side has 32 colours, worn as a blouse, T-shirt, sweater, blazer or kurti with trousers, a skirt or leggings. The verdict checks three things: how far apart the colours are in depth, where they sit on the colour wheel, and how many of them are competing for attention. It also suggests shoes, with a belt for men and a bag for women. The verdicts follow long-standing dress conventions; they are a guide, not a law.
Which trouser colours go with a navy top?
On the men's side: camel, khaki, beige, cream, white and mid grey all work, and rust or burgundy are the bolder choices. Camel and khaki are the strongest: brown shades are the opposite of blue on the colour wheel, and they are much lighter than navy. Pick navy as the top above and the Best partners panel lists the strongest seven.
Why do navy and camel look good together?
They differ in two ways at once. Navy is dark and camel is light, so top and bottom separate clearly. Navy is a cool blue and camel a warm orange-brown, which are opposites on the colour wheel, so each makes the other look richer.
Can I wear black with navy or brown?
You can, but it needs care. All three are very dark, so side by side they can look like a pair that was meant to match and does not. Make the difference obvious with texture, or swap one of them for grey, cream or camel.
Which colours go with a mustard kurti?
Navy and blue denim are the strongest, because yellow sits close to the opposite of blue on the colour wheel. Cream, white, charcoal, black and beige also work: they are neutrals, so the mustard stays the only colour. Choose Women's, Kurti and mustard, and Best partners lists them.
Is the women's side judged differently from the men's?
Yes. The three checks are the same, but womenswear is easier on colour. A coloured skirt or trouser is not marked down, two pastels together are accepted, a matching one-colour set is accepted, and two strong colours are treated as deliberate colour-blocking, not as a mistake. That is why the same two colours can score differently on the two sides.
Which colours go with everything?
The neutrals: white, cream, beige, khaki, the greys, charcoal, navy, black and blue denim. A neutral has little or no colour of its own, so it does not compete with whatever is worn with it.
Does the colour on screen match real clothes?
Only roughly. Screens differ, and cloth changes colour with its texture and the light. Use the tool to choose which colours to put together, then check the two pieces side by side in daylight.
More tools: Color Picker · Contrast Checker · Packing List · Passport Photo