You own a good suit. You have a drawer of quality shirts, a rack of ties, and a couple of pairs of leather shoes. And yet, standing in front of the mirror before an important occasion, you find yourself paralysed by the same question that stops millions of men every single day: does this all actually go together?
Colour coordination is the invisible skill that separates men who simply own good clothes from men who look genuinely well-dressed. The pieces can all be excellent individually — but if the suit fights the shirt, the tie clashes with both, and the shoes belong to a different outfit entirely, the whole effect collapses.
The good news: colour coordination follows clear, learnable principles. At The Alex Fashion House in Karon, Phuket, we guide clients through these combinations every day. This is the complete, foolproof guide to matching your suit, shirt, tie, shoes, and belt — for every occasion.
The Foundation: Three Simple Principles
Before any specific combinations, internalise these three principles. They underpin every coordination decision and will guide you even in situations this guide does not specifically cover.
Principle 1: Contrast Creates Interest
A well-coordinated outfit has contrast — light against dark, plain against patterned, warm against cool. A navy suit with a white shirt works because of the contrast. A navy suit with a navy shirt of similar depth fails because there is none. Aim for clear, intentional contrast between your layers.
Principle 2: One Statement Piece at a Time
In any outfit, one element can be bold — a patterned tie, a coloured pocket square, a textured suit. The rest should be quieter, supporting that one statement. When two or three pieces all compete to be the centre of attention, the result is chaos. Choose your statement, then let everything else play a supporting role.
Principle 3: Match Your Metals and Your Leathers
Your shoes and belt should match (or closely coordinate). Your metal accessories — watch, cufflinks, belt buckle — should share a tone (all silver, or all gold). These small consistencies signal a considered, deliberate approach to dressing.
Part 1: Matching Your Shirt to Your Suit
The shirt-to-suit relationship is the foundation of the entire outfit. Get this right and everything else follows more easily.
With a Navy Suit
Navy is the most versatile suit colour and pairs with the widest range of shirts.
- White — crisp, classic, and appropriate for every occasion. The safest and sharpest choice.
- Light blue — slightly softer than white, equally professional, beautifully complementary to navy.
- Pink (pale) — adds warmth and personality; excellent for social and smart occasions.
- Fine stripes or checks — light blue or grey patterns work well, adding subtle interest.
- Avoid: Dark shirts (navy, black, dark grey) which create a flat, low-contrast look.
With a Charcoal Suit
Charcoal is a neutral backdrop that accepts almost any shirt colour.
- White — sharp, formal, and authoritative.
- Light blue — softens the charcoal and adds approachability.
- Pale lavender or pink — adds personality for social occasions.
- Light grey — a tonal, sophisticated look (ensure clear contrast in shade).
- Avoid: Very dark shirts which disappear against the charcoal.
With a Light Grey Suit
Light grey is fresh and summery, and pairs well with both crisp and soft shirts.
- White — clean and contrasting.
- Light blue, pink, lavender — soft tones that complement the lightness of the suit.
- Deeper colours (for contrast) — a mid-blue or deeper shirt creates a striking, intentional contrast against light grey.
With a Tan or Beige Suit
Warm-toned suits pair best with warm or cool-neutral shirts.
- White and cream — clean and classic against warm tan.
- Light blue — a cool contrast that works beautifully.
- Soft pink, sage, and warm tones — complement the warmth of the suit.
With a Black Suit
Black suits demand high contrast and crisp shirts.
- White — the classic and most appropriate pairing.
- Light grey or silver — subtle and sophisticated.
- Avoid: Warm tones (tan, brown shirts) which clash with the coolness of black.
Part 2: Matching Your Tie
Once the suit and shirt are settled, the tie is where personality enters. The tie should contrast with the shirt and harmonise with — or intentionally complement — the suit.
The Core Rule
The tie should be darker than the shirt in most cases, creating a clear visual hierarchy: suit (frame) → shirt (background) → tie (focal point).
Foolproof Tie Combinations
Navy suit + white shirt: Burgundy, forest green, gold, mid-blue, silver, or classic red tie. This is the most flexible combination in menswear — almost any tie colour works.
Navy suit + light blue shirt: Navy (darker than the shirt), burgundy, or a navy-and-silver patterned tie. Keep the tie clearly darker than the shirt for contrast.
Charcoal suit + white shirt: Silver, burgundy, deep red, forest green, or navy tie. Charcoal is neutral, so the tie can carry the colour.
Charcoal suit + light blue shirt: Navy, burgundy, or a patterned tie incorporating blue and a contrasting colour.
Light grey suit + white shirt: Almost any colour works — from soft pastels for spring and summer to deeper jewel tones for cooler occasions. One of the most flexible canvases for tie colour.
Tan suit + light blue shirt: Burnt orange, olive green, warm brown, or navy tie — warm tones that harmonise with the suit.
Pattern Mixing
When mixing patterns (a striped shirt with a patterned tie), the rule is vary the scale. A fine-stripe shirt pairs well with a larger-pattern tie (wide stripe, paisley, large geometric). Two patterns of similar scale compete and create visual confusion. Vary the size, and patterns harmonise.
When in doubt: a solid tie with a patterned shirt, or a patterned tie with a solid shirt, is always safe.
Part 3: Matching Your Shoes
Shoes are where many otherwise well-dressed men make their biggest error. The shoes must coordinate with the suit — and the choice between black and brown is the most important decision.
The Black vs Brown Decision
Black shoes are more formal. They are the correct choice for:
- Black suits (always)
- Charcoal suits at formal occasions
- Navy suits at formal and business occasions
- Black-tie events (black patent leather)
- Any high-formality professional setting
Brown shoes are more relaxed and versatile. They work with:
- Navy suits (dark brown is excellent and increasingly preferred for business)
- Grey suits (mid to dark brown)
- Tan and beige suits (mid-brown to tan)
- Smart casual and social occasions
Shoe Colour by Suit Colour
| Suit Colour | Best Shoe Colours |
|---|---|
| Navy | Black (formal), dark brown / burgundy (versatile) |
| Charcoal | Black (formal), dark brown |
| Mid-grey | Black, brown, burgundy |
| Light grey | Brown, tan, burgundy |
| Tan / beige | Mid-brown, tan, dark brown |
| Black | Black only |
The general rule: The darker and more formal the suit, the darker and more formal the shoe. Light grey and tan suits look best with brown shoes; black and charcoal suits look best with black.
Part 4: Matching Your Belt
The belt rule is the simplest in menswear — and one of the most frequently broken.
Your belt should match your shoes. Black shoes → black belt. Brown shoes → brown belt (matching the shade as closely as possible). A black belt with brown shoes — or vice versa — is one of the most noticeable coordination errors a man can make.
The belt buckle should also coordinate with your other metals — a silver buckle with a silver watch and silver cufflinks; a gold buckle with gold accessories.
For the most formal occasions (black tie), traditionally no belt is worn at all — formal trousers are held with side adjusters or braces (suspenders).
Part 5: The Pocket Square and Final Touches
The pocket square is the finishing flourish. The key rule: do not match it exactly to your tie. A pocket square that complements the tie without replicating it signals a considered eye; an exact match looks like a pre-packaged set.
- Safe default: A white linen or silk pocket square works with every suit, shirt, and tie combination.
- Coordinating colour: A pocket square that picks up a secondary colour from the tie (not the dominant one) ties the outfit together elegantly.
- No tie? The pocket square can carry more colour and personality when it is the only accessory.
(For the full accessory guide, see our post on men’s accessories.)
Foolproof Complete Combinations
For when you want a guaranteed-correct outfit without thinking it through from scratch, here are complete, coordinated looks for every major occasion.
Business / Interview: Charcoal suit + white shirt + burgundy tie + white pocket square + black Oxford shoes + black belt + silver watch.
Wedding Guest (Formal): Navy suit + light blue shirt + silver-grey tie + white silk pocket square + dark brown Oxford shoes + dark brown belt.
Smart Business: Navy suit + white shirt + forest green tie + white pocket square + dark brown Derby shoes + dark brown belt.
Summer / Garden Occasion: Light grey suit + white shirt + soft pink or sage tie + white pocket square + tan loafers + tan belt.
Black Tie: Black or midnight navy tuxedo + white dress shirt + black self-tie bow tie + white linen pocket square + black patent Oxford shoes (no belt).
Tropical / Beach Wedding: Ivory or light linen suit + white linen shirt + no tie (open collar) or soft pastel tie + tan leather loafers + tan belt.
Smart Casual: Navy blazer + stone chino trousers + light blue shirt (no tie) + coloured silk pocket square + brown leather loafers + brown belt.
Common Colour Coordination Mistakes to Avoid
1. Matching the tie exactly to the shirt or pocket square. Coordinate, do not duplicate.
2. Black belt with brown shoes (or vice versa). Belt and shoes must match.
3. Mixing metal tones. Keep watch, cufflinks, and belt buckle in the same tone.
4. Too many patterns of the same scale. Vary pattern sizes or stick to one pattern at a time.
5. Insufficient contrast. A dark suit with a dark shirt and dark tie reads as flat and low-energy. Build in contrast.
6. Wrong shoe formality. Brown shoes with a black-tie tuxedo, or casual shoes with a formal suit, undermine the whole look.
7. Over-coordinating. An outfit where every element matches too perfectly looks contrived. A little intentional contrast looks more natural and more confident.
Frequently Asked Questions
What shirt goes best with a navy suit?
A white shirt is the most versatile and sharpest choice with a navy suit, appropriate for every occasion. A light blue shirt is an excellent softer alternative. Pale pink adds personality for social occasions. Avoid dark shirts, which create a flat, low-contrast look against navy.
What colour shoes should I wear with a grey suit?
With a charcoal or dark grey suit, black shoes (for formal occasions) or dark brown shoes (for versatility) both work well. With a light grey suit, brown or tan shoes are the best choice — they complement the lightness of the suit better than black, which can look stark.
Can I wear brown shoes with a navy suit?
Yes — dark brown shoes with a navy suit is one of the most stylish and increasingly preferred combinations in modern menswear, particularly for business and smart occasions. Black shoes remain the more formal choice for the most formal settings, but dark brown is excellent and versatile.
Should my tie match my pocket square?
No. Matching your tie exactly to your pocket square looks like a pre-packaged set and signals a lack of styling confidence. Instead, choose a pocket square that complements the tie — for example, picking up a secondary colour from the tie’s pattern — or simply use a white pocket square, which works with everything.
Does my belt have to match my shoes?
Yes. Your belt should match your shoes as closely as possible — black belt with black shoes, brown belt with brown shoes of a similar shade. A mismatched belt and shoes is one of the most noticeable coordination errors in menswear.
How do I match a tie to a suit and shirt?
The tie should contrast with the shirt (typically being darker) and harmonise with or complement the suit. A navy suit with a white shirt accepts almost any tie colour. As a general rule, keep the visual hierarchy clear: the suit frames the outfit, the shirt provides the background, and the tie is the focal point.
Can I mix patterns in one outfit?
Yes, but vary the scale. A fine-stripe shirt pairs well with a larger-pattern tie; two patterns of the same scale compete and look chaotic. When in doubt, pair one patterned piece with solid pieces — a patterned tie with a solid shirt, or a patterned shirt with a solid tie.
Does The Alex Fashion House help with colour coordination?
Yes. When you order a bespoke suit, shirt, or accessories at The Alex Fashion House, our experienced team advises on fabric, colour, and coordination — helping you build pieces that work together beautifully across your wardrobe. This guidance is part of the bespoke experience.
Coordinate with Confidence
Colour coordination is not about rigid rules — it is about understanding a few clear principles and then applying them with confidence. Once the foundations are second nature, getting dressed becomes effortless, and you walk out the door knowing — not hoping — that everything works together.
At The Alex Fashion House, we build pieces designed to coordinate beautifully across your entire wardrobe — and we are always happy to advise on the combinations that will serve you best.
📍 560 Karon, Mueang Phuket District, Phuket 83100
📧 info@thealexfashionhouse.com
🛒 Shop Suits, Shirts & Accessories
📏 How to Measure
Free shipping on all orders over ฿3,000.