Outfit Colour Matcher
- Free
- No sign-up
- Nothing is saved
Not sure which colours go together? Most men own good clothes and still get stuck on the combinations, because nobody explains why some pairings work and others don’t.
Pick the colour of a piece you already own in the outfit colour matcher above and see which colours match it, from safe everyday pairings to bolder combinations, with a quick outfit preview and the shoes to wear with it.
01
OF 05
How the Outfit Colour Matcher Works
The matcher sorts every pairing into four groups, so you can choose how far you want to go.
Safe picks are neutral pairings that work almost anywhere, from the office to the weekend. If you only take one suggestion, take one of these.
Classic picks add a second colour that still looks calm and put-together, such as navy with light blue or grey with burgundy.
Bold picks add contrast. They are the pairings people notice, so use one bold piece per outfit and keep the rest neutral.
Usually clashes lists colours that sit too close together or fight each other, such as navy with black in low light. They are not banned, but they need more care to pull off.
02
OF 05
Why Some Colours Go Together
Colour matching sounds like a talent, but most of it comes down to three ideas: contrast, temperature and how much of each colour you wear.
Contrast is the difference between light and dark. A white tee with navy chinos has high contrast and looks crisp; grey on charcoal has low contrast and looks calm and tonal. Both work. What rarely works is two colours that are almost, but not quite, the same, such as navy and black or cream and white. They look like a mistake rather than a choice.
Temperature is whether a colour leans warm (rust, brown, mustard, cream) or cool (navy, grey, light blue, black). Warm with warm and cool with cool is the easy route. Mixing them, such as rust with navy, is where the bolder pairings come from.
Proportion matters as much as the colours themselves. A colour that looks loud as a full jacket looks smart as a pair of socks. Keep strong colours small, and let neutrals cover the larger areas.
03
OF 05
Simple Colour Rules for Men’s Outfits
If you only remember a handful of rules, make it these. They cover most outfits you will put together.
- Start with a neutral base: navy, grey, black, white, beige or brown.
- Add one main colour, such as olive, burgundy or light blue.
- Keep bright colours to one piece, or to small accents like socks or a cap.
- Match your leathers: brown shoes with a brown belt, black with black.
- When in doubt, go tonal: different shades of the same colour always work.
Most good outfits use two or three colours at most. Neutrals do the heavy lifting, and the colour you add is what people notice.
📌 Texture Counts as Colour
Two pieces in the same colour look richer when the fabrics differ: a navy knit with navy chinos, or black denim with a black wool coat. If an outfit feels flat, change a texture before you add another colour.
04
OF 05
Colours That Go Together: Quick Chart
Use the chart when you are getting dressed and the matcher is not to hand. Find the colour of your main piece in the first column and read across.
| Colour | Goes well with | Bold option | Usually avoid |
|---|---|---|---|
| Navy | White, grey, khaki, light blue, tan | Burgundy, mustard | Black, charcoal |
| Black | White, grey, cream, olive, tan | Red, mustard, pink | Navy |
| Grey | White, black, navy, burgundy, light blue | Pink, mustard | Beige, khaki |
| White | Navy, black, olive, khaki, denim | Burgundy, rust, red | Cream |
| Olive | White, cream, beige, navy, denim | Rust, burgundy, mustard | Forest green, sage |
| Brown | White, cream, navy, olive, light blue | Rust, mustard, pink | Charcoal |
| Khaki | White, navy, light blue, olive, burgundy | Rust, pink | Beige, tan, grey |
| Burgundy | Grey, navy, white, khaki, denim | Forest green, mustard | Red, rust |
| Light blue | Navy, white, grey, khaki, brown | Burgundy | Sage, lavender |
| Rust | White, cream, navy, denim, olive | Forest green, sage | Red, burgundy |
05
OF 05
Which Shoes Go With Your Outfit
Shoes are the last colour decision and often the one that pulls an outfit together or breaks it. The easiest way to choose is to look at the darkest colour in your outfit.
Black or charcoal in the outfit: black leather shoes or boots, or clean white sneakers. Brown shoes can work with charcoal, but rarely with black trousers.
Navy, khaki, olive, brown or earth tones: brown leather or suede shoes and boots, or white sneakers. Brown in a different shade from your trousers looks more deliberate than an exact match.
Light or bright outfits: white sneakers keep it simple; grey or black also work. Avoid heavy dark boots, which pull all the weight to the bottom of the outfit.
Whatever you choose, match the belt to the shoes, and keep socks either in the trouser colour for a longer leg line or as your one small bold accent.
FAQs
What colours go together for men’s clothes?
Neutrals such as navy, grey, white, black, beige and brown go with almost everything. Pair one neutral with one colour, such as navy with light blue or grey with burgundy, for an easy outfit.
What colour pants go with a black shirt?
Grey, charcoal, white, beige and olive pants all work with a black shirt. Black on black also works if the fabrics are different.
What colour goes with olive green?
White, cream, beige, navy and denim are the easiest matches for olive. Rust and burgundy are good bold options.
Can you wear navy and black together?
You can, but it is risky because the two colours look almost the same in low light. Add a lighter piece in between, such as a white tee, to separate them.
How many colours should an outfit have?
Two or three colours is a good limit. Use neutrals for most of the outfit and add one stronger colour.
What shoes go with brown pants?
Brown pants look best with brown leather or suede shoes in a different shade, or with white sneakers for a casual outfit.
