Practical style guides

What Goes With Navy Blue? Colors and Outfits for Slate, Classic and Midnight Navy

By StyleFind Editorial Team · Published November 14, 2026

Navy blue goes with almost every light or mid color: white, cream, light gray, pale pink, sky blue, lavender, butter yellow, mustard, camel, coral and sage. What it struggles with is other dark colors. Against a classic navy, black, burgundy, chocolate and charcoal all score between 1.2:1 and 1.5:1, which means they read as nearly the same darkness and need help to look deliberate.

Navy is the rare color that behaves like a neutral, so the useful questions are less "does it go" and more "how dark is my navy, and what is it next to." This guide scores 17 partners against three navies, then gives palettes, outfits, shoes and the navy-and-black question its own section.

How dark is your navy?

The name comes from the dark blue worn by officers of the British Royal Navy, whose first uniform regulations were issued in 1748. Today "navy" covers a wide range. The web color named navy, #000080, is a pure, fairly bright blue at a hue of 240°, while most navy clothing is darker and grayer: our classic navy sample sits at 222° with far less saturation. In stores you will see three broad depths, and they behave differently.

• Slate navy is a lighter, grayed navy, common in chambray, washed cotton and older denim.
• Classic navy is the blazer and suit navy.
• Midnight navy is so dark it reads as black indoors, and only shows its blue in daylight.

17 partners scored against three navies

The scores use the contrast-ratio formula from the W3C’s web accessibility guidelines, which compares how light two colors are on a scale from 1:1 (equally light) to 21:1 (black against white). The shades and partners are representative samples we picked, so your own clothes will vary. Crisp is 6:1 and up, Balanced is 3:1 to 5.9:1 and Soft is under 3:1. Those bands are our own rough groupings, and the formula ignores hue, so a Soft score is not a bad pairing. It means lightness will not separate the two colors, and hue, texture or a light layer has to.

The pattern is steady: the darker the navy, the crisper every light partner looks, and the more the dark partners disappear. Camel is a good example. It is Balanced against slate navy (3.4:1) and Crisp against midnight (6.6:1). Black runs the other way, from 2.4:1 with slate to 1.2:1 with midnight.

Slate navy: soft, casual and the easiest with black

Slate navy is light enough that the pale pastels lose a little punch, and dark enough that white still looks sharp.

• Crisp: white, cream and butter yellow.
• Balanced: pale pink, light gray, lavender, sky blue, sage, mustard, camel and coral.
• Soft: black, true red, cognac, chocolate, charcoal and burgundy. Black at 2.4:1 is the best black score of the three navies, so this is the navy to choose if you want to wear the two together.

Chambray and coral. A relaxed summer palette. Coral scores 3.0:1, so it reads as a clear accent.

Slate and butter. Fresh and light. Butter yellow is the only colored partner to reach Crisp here, at 6.4:1.

1. Weekend: slate navy chambray shirt, white jeans and tan sandals.
2. Casual office: slate navy knit, light gray trousers and white leather sneakers.
3. Navy and black: slate navy sweater, black trousers and black boots, with a white collar showing.
4. Color: slate navy shirt dress with a coral bag and tan flats.

Classic navy: the near-universal base

Classic navy makes nine of the 17 partners look crisp. This is why a navy blazer or navy trousers can anchor so much of a wardrobe.

• Crisp: white, cream, butter yellow, pale pink, light gray, lavender, sky blue, sage and mustard.
• Balanced: camel and coral.
• Soft: true red, cognac, black, burgundy, chocolate and charcoal. True red and cognac score 2.4:1. They are classic with navy because of hue, not lightness, which is why a white shirt or cream knit helps them along.

Navy and camel. The polished classic. Camel scores 5.5:1, and cognac belongs at the feet or on a belt.

Navy and blush. Soft but clear. Pale pink scores 9.3:1 against navy, a stronger contrast than many people expect.

Nautical. The red, white and navy set. Keep red as the smallest piece.

1. Office: navy blazer, white shirt, light gray trousers and cognac loafers.
2. Soft office: navy trousers, pale pink blouse and camel coat.
3. Weekend: navy crewneck, cream chinos and white sneakers.
4. Evening: navy dress, gold jewelry and mustard or camel heels.
5. Menswear: navy suit, light blue shirt and brown shoes. Our color analysis for men guide covers shirt colors by complexion.

Midnight navy: dressy, and close to black

Midnight navy is almost black under indoor light. Every light color looks sharp beside it, and every dark one merges with it.

• Crisp: white, cream, butter yellow, pale pink, light gray, lavender, sky blue, sage, mustard and camel.
• Balanced: coral.
• Soft: true red, cognac, burgundy, chocolate, charcoal and black. Black scores 1.2:1, essentially the same lightness. Indoors most people will see one dark color, and in daylight they may see a near-miss.

Midnight and ivory. An evening palette. Lavender scores 9.2:1 and mustard 7.2:1 against midnight.

Midnight and camel. A winter coat palette. Sky blue lets the navy read as blue rather than black.

1. Formal: midnight navy suit or dress with a white shirt or cream top and silver jewelry.
2. Winter: midnight navy coat, camel scarf and dark jeans.
3. Evening color: midnight navy trousers with a lavender or butter yellow silk top.
4. Tonal: midnight navy with burgundy, only with a clear fabric change such as velvet against wool.

Can you wear navy and black together?

Yes, with one condition: the navy has to look clearly blue. Stitch Fix's stylists make the same point, and also suggest keeping the outfit to three colors at most (black, navy and one neutral). Our numbers show why depth matters. Black against slate navy scores 2.4:1, so the blue shows. Against midnight navy it scores 1.2:1, so the two look like a black that does not quite match. Three ways to make it work:

1. Choose the lighter or bluer navy, and the black piece in a different fabric (black leather with navy wool, black denim with a navy knit).
2. Put something light between them, such as a white shirt or a cream sweater.
3. Check the pair in daylight before you leave. Indoor bulbs make navy look blacker.

Navy and brown

Light browns go with navy far better than dark ones. Camel scores 3.4 to 6.6:1 across the three navies, while chocolate scores 1.3 to 1.5:1. Cognac sits between them, Soft by the numbers but a long-standing classic for shoes and belts because its orange warmth opposes navy's blue. Our guide to colors that go with brown scores the same pairing from the brown side.

Navy and green

Navy and green share blue, so they sit easily together, but some greens vanish against it. Sage scores 3.9:1 against slate navy and 7.5:1 against midnight, a soft, modern pairing. Emerald is a jewel-tone match that works best with darker navies (4.8:1 with midnight, 2.5:1 with slate). Forest green and olive are the hard ones: forest scores 1.1:1 against slate navy and olive 2.6:1 against classic navy, so add a light layer or keep the green to an accessory. Our green guide has the full table.

What shoes go with navy?

A note on navy at home

Navy walls, sofas and kitchen cabinets follow the same rules. White or cream trim makes navy look crisp, warm wood and brass give it warmth, and black hardware on navy cabinets mostly disappears. If you are planning navy across several rooms, our whole-house color palette guide walks through choosing one depth and repeating it.

Common mistakes with navy, and the fix

• Two navies that almost match. Classic and midnight navy score 1.2:1, so a navy blazer with slightly different navy trousers can look like a suit that lost its jacket. Match exactly, or move far apart (navy with gray or khaki trousers).
• Navy with charcoal and black and nothing light. All three are Soft against each other. Add white, cream or a light shoe.
• Judging navy indoors. Midnight navy and black look alike under warm bulbs. Check by a window.
• Leaving navy all alone with white. Crisp, but it can look like a uniform. One warm partner (camel, cognac or mustard) makes it look chosen.
• Assuming navy suits everyone. Navy is a gentle alternative to black for many people, but the three Autumn palettes on StyleFind do not include it; see below.

Which navy suits your coloring?

Eight of our 12 season palettes include a navy, and the depth tracks the season: the Light seasons get a soft, medium navy and the Winters get the darkest. Soft Summer has no navy but carries a grayed storm blue, and the three Autumns have none at all, so the closest dark cool they carry is a deep teal, peacock or petrol.

Seasonal color analysis is a popular styling framework and not a science, so treat the table as a starting point. If you are unsure whether you lean warm or cool, what is my undertone walks through the at-home tests, the skin tone chart covers depth, and outfit color combinations shows how to use a neutral like navy as the base of a three-color outfit.