Open the app

Frame Atelier / Color analysis / Outfit colors

Outfit color combinations

Outfit colors that actually go together — by your season

“Navy with white, camel with grey” is safe advice for a stranger. It is not the best answer for you. Frame Atelier reads your color season from a selfie on your own device, then assembles complete looks — suits, separates, dresses, weekend clothes — from the palette that season actually gives you, one occasion at a time.

Why generic outfit-color advice fails

Most combination guides answer the wrong question. They tell you which colors get along with each other — navy likes white, grey likes burgundy — and skip the third party in every outfit: the person wearing it. Crisp white against one face is clean; against another it is the brightest thing in the room and the face comes second. The camel that warms one wearer sallows the next.

So “what colors go together in an outfit” has a two-part answer. The first part is rules — how the pieces should relate in lightness, temperature and saturation. The second part is a palette to apply the rules inside, and that palette is personal. A color season supplies it: a set of colors that already share your temperature and depth, so anything assembled from the set starts out agreeing with you. The rules do the assembling.

How Frame Atelier combines colors

After the analysis, the app’s outfit builder works through thirteen men’s occasions and nine women’s occasions, from Formal Business to Golf, Everyday to Wedding Guest. Each occasion carries a real build shape — suit-led, separates, dress-led, casual — and a formality level you can move through five steps, from Casual to Formal.

Every piece in a look is a named color with its own hex value, drawn from your season’s pools: the palette data tags which colors work as suit cloth, trousers, denim, knits, shirts, coats and leathers, so a jacket color is always a genuine jacket color and a genuine match for your coloring. A style aesthetic — Old Money, Quiet Luxury, Minimalist and the rest — reorders which of those colors come forward, and never changes the palette itself.

One honest caveat: the looks on this page are assembled from the same palettes by the same rules, but they are not screenshots of your result. What the app shows you depends on your measured season, your contrast and chroma, and the occasion, formality, aesthetic, tie setting and variation you choose.

Contrast, value separation, formality

Four rules do most of the work of making colors go together, and all four are measurements rather than taste:

Men’s outfit colors by occasion

The thirteen occasions fall into three build shapes rather than thirteen separate wardrobes:

Suit-led

Suit, shirt, shoes — and a tie that is required at Formal and a choice below it. Skip the tie and the look is kept deliberate: open collar, polished by the tailoring.

Formal Business · Business · Wedding · Evening Event

Separates

A jacket in one color over trousers in another — the jacket and trouser never match — with a shirt or fine knit between them, loafers below, and a knit tie only if you ask for one.

Business Casual · Networking · Dinner · Date Night

Casual

A knit or polo over chinos or dark denim, an optional layer when the day calls for one, clean sneakers. Golf swaps in a performance polo and always chinos, never denim.

Casual Meeting · Travel · Weekend · Golf · Everyday

Business — True Autumn

Men · suit-led

Suit · tailored suitInkwell Navy #2F3E48
Shirt · dress shirtWarm Ivory #F4EDDC
Tie · grenadineRust #A05430
Shoes · derbiesEspresso #453322

Why it works: the navy is True Autumn’s own — inked toward green rather than a cold blue. Warm Ivory does white’s job without turning stark against warm coloring. Rust sits about 140 luminance points below that shirt, so the knot reads clearly, and it earns a grenadine weave if your chroma measures muted. Espresso, not black, finishes it — the whole True Autumn palette leans that way.

The most-asked version of this question — what color tie goes with a navy suit — is really a season question, because both the navy and the tie change. On True Autumn’s Inkwell Navy: Rust or Antique Gold. On Bright Winter’s Graphite Navy over Crisp White: Cherry, Cobalt or Sapphire. On Light Summer’s Soft Navy over Soft White: Raspberry Ice or Periwinkle. Which navy is yours — and which charcoal, grey and brown — is its own page.

Women’s outfit colors by occasion

Nine occasions, four build shapes:

Everyday

A knit or top over straight denim, a layer when wanted, clean shoes and an everyday tote. Travel is the same shape with the layer built in.

Everyday · Travel · Weekend

Work

Tailored blazer, silk blouse, trousers in a second neutral, loafers or pumps by formality, and a structured work bag.

Work

Smart casual

Three rotations of the same register: blazer + fine knit + trousers, longline cardigan + blouse + dark denim, or a knit dress + jacket — with ankle boots and an everyday bag.

Smart Casual

Dress-led

A dress carries the color; a coat or jacket layers it; shoes and bag finish it. Evening occasions swap toward heeled sandals and a clutch.

Date Night · Dinner · Wedding Guest · Evening Event

Work — Light Summer

Women · blazer, blouse, trousers, bag

Blazer · tailoredSoft Navy #4A5870
Top · silk blousePearl #E6E4E0
Trousers · tailoredDove #AEB2B8
Shoes · loafersBone #EAE4D8
Bag · structuredMocha #705E52

Why it works: this is the shirt-by-contrast rule in action. Light Summer coloring usually measures soft, so the builder passes over the brightest white for Pearl — one step closer to the blazer — and keeps every value change gentle: Soft Navy to Dove to Bone is a slope, not a staircase. Nothing here is loud, and on Light Summer coloring nothing needs to be.

Wedding guest outfit colors

For men the app treats a wedding as suit-led and formal: the tie is on, and the depth of the suit follows the hour — a lighter suit from your palette’s summer-weight colors for a daytime ceremony, your season’s deepest cloth for a formal evening one. For women, Wedding Guest is a dress-led occasion at formal level: dress, tailored coat, shoes, and a bag that steps back.

Wedding Guest — Bright Winter

Women · dress-led

Dress · midiCherry #B01E3C
Layer · tailored coatBlack #191A1E
Shoes · ankle bootsSteel #6A7078
Bag · crossbodyOxblood #5E1428

Why it works: Bright Winter is built for exactly this — one clear, saturated color against true darks. Cherry is the palette’s own red, and Black is a genuine Bright Winter neutral, one of only three seasons that keep it. The coloring carries the contrast; the outfit just agrees with it. See the Bright Winter palette.

Your palette answers which red, which blue, which depth. Whether a red — or white — belongs at that particular wedding is the invitation’s call, not a color question.

Business casual color combinations

Business casual is where generic advice quietly falls apart, because it is a separates problem: two colors that must differ — jacket and trouser — plus a third between them. The builder assembles it from your season’s jacket-weight colors over a different trouser color every time, shirt chosen by your contrast, loafers below, no tie unless you switch one on.

Business Casual — Bright Winter

Men · separates

Jacket · blazerIcy Gray #C8CACE
Top · dress shirtCrisp White #F5F5F3
Trousers · tailoredBlack #191A1E
Shoes · loafersBlack #191A1E

Why it works: a pale jacket over near-black trousers is the highest-contrast version of the separates rule, and Bright Winter is the coloring that can hold it. The same occasion in True Autumn assembles warm instead — a Tobacco or Camel jacket over Olive or Chocolate, Cream where the white was. Same rules, different season, different outfit.

Date night and dinner

Evening occasions lean the same shapes darker and richer rather than inventing new ones. For men, date night and dinner stay separates-built with the jacket pulled toward the season’s evening depth — Espresso in True Autumn, Twilight Navy in Light Summer, Black in Bright Winter. For women, date night and dinner are dress-led, and the dress color reaches past the neutrals into the accents: Raspberry Ice or Orchid on Light Summer, Pumpkin Spice or Burgundy Rust on True Autumn. The register changes; the palette does not.

Casual, travel, weekend and golf

Most days are none of the above, and the builder treats casual as its own dress code rather than a suit with pieces removed: a knit or polo over chinos or the season’s own denim — Soft Navy or Light Denim for a Light Summer, Inkwell Navy or Warm Denim for a True Autumn — with a layer added for travel and clean sneakers underneath. Golf gets the one hard rule in the casual group: a performance polo and chinos, never denim. A Light Summer golfer reads as Powder Blue over Cool Taupe with Dove Suede below; every piece still traces back to the same palette as the suits.

Built on your neutrals

Every look above stands on the same base: the four-to-six neutrals your season repeats in trousers, coats, knits, shoes and bags. Get those right and the accents — the tie, the dress, the knit — have something to land on. Which neutrals are yours, and what nine of the twelve seasons wear instead of black, is covered on the wardrobe neutrals page. The full head-to-toe readings live on the season pages, and the diagnosis itself is explained for men and women.

Questions

What colors go together in an outfit?
Colors that share a temperature, sit a deliberate distance apart in lightness, and come from one palette rather than several. A navy and an ivory work because they agree on warmth and differ on value. The fastest way to get all three properties at once is to draw every piece from your own season’s palette — that is exactly what the app’s outfit builder does.
Do the same combinations work for everyone?
No, and that is the reason this page keeps naming seasons. A Bright Winter wears Crisp White against Black and looks composed; soft coloring in the same pairing is overpowered by it, and is steered to Pearl over Soft Navy instead. The combination is not good or bad in itself — it is good or bad next to your contrast.
What color tie goes with a navy suit?
It depends on which navy your season gives you and which accents sit in its palette: Rust or Antique Gold on True Autumn’s Inkwell Navy, Cherry or Cobalt on Bright Winter’s Graphite Navy, Raspberry Ice or Periwinkle on Light Summer’s Soft Navy. Whatever the season, the tie must read clearly against the shirt — the builder demands a wide lightness gap — and must not match the suit.
What colors should a wedding guest wear?
Your season’s formal register: for men a suit from your palette — lighter cloth for a daytime wedding, your deepest for a formal evening one — and for women a dress from your palette’s richer colors with a tailored layer. The app has a dedicated Wedding occasion for men and a Wedding Guest occasion for women. Dress-code etiquette — whether white or a bold red is welcome at that wedding — is the invitation’s business, not a color measurement.
Tie or no tie?
At Formal the builder puts the tie on. Below Formal it is a switch you flip, not a rule: suit-led and separates occasions offer tie and no-tie versions, and the no-tie version is styled as an open collar kept polished by the tailoring — not as a suit missing something.
Can the app show an outfit on me?
No, and it does not pretend to. The “On Me” control drapes a color under your chin on your own photo so you can judge the color against your skin — it never draws clothing, generates images of you, or stores a wardrobe. Outfits are shown as named colors with swatches, assembled live from your result.
Does picking an aesthetic change my colors?
No. An aesthetic — Old Money, Quiet Luxury, Minimalist and the rest — reorders which of your season’s colors come forward and sets the fabric direction. The palette itself, and the season it came from, never move.

Build an outfit from your own palette

Run the free analysis — it takes a selfie and stays on your device — then open the outfit builder and work through your occasions in your colors.

Find your season — free