Color combinations
What colors go with navy blue?
By the Skintonic team · SKINTONIC LLC · Updated
9 combinations below, and none of them were chosen by eye. Each one is generated by moving navy blue around the OKLCH color space in a specific, named way — a hue rotation for the analogous and complementary pairs, a lightness shift for the tonal ones, a drop in saturation for the ones that would otherwise vibrate. Every reason is written against navy blue's own measured lightness and hue rather than as a general note about complementary pairs, so the same move transfers to a shade that is not on this page.
Then the part most pages leave out: which of the twelve color types navy blue actually suits, measured rather than asserted, and a checker you can run against your own season.
9 combinations that work
- Neutral base A soft off-white carrying navy blue's own hue of 266° instead of a flat, hueless one, which is what stops the pair reading as two unrelated garments. Navy blue measures 29% lightness, so this partner sits 43 points away from it — far enough to do its job without the two collapsing together.
- Neutral base The same move in the other direction, to 93% lightness, still tinted with the 266° hue so it belongs to navy blue rather than merely sitting beside it. Between this and the one above, navy blue has both ends of an outfit without a second color entering it at all.
- Analogous Navy blue's neighbor 32° the other way, taken further from 29% than the one above. The hue stays close enough to navy blue to be family; the wider lightness gap is what stops the two smearing together at a distance.
- Complementary Navy blue's true opposite at 86°, desaturated and moved toward mid-lightness before it is allowed near a body. A full-strength complement against moderately saturated navy blue vibrates at the edges; soften it and the same pairing becomes the one people compliment.
- Split complementary Two colors either side of navy blue's opposite rather than the opposite itself, at 56° and 116°. Against navy blue you keep every bit of the contrast and lose the buzz, which is what makes this the most wearable three-piece combination here.
- Earth neutral A camel-weight warm neutral, pitched to stay visibly separate from deep navy blue instead of merging with it. Warm neutrals sit under almost anything, and this is the pairing to reach for when navy blue is the only color you want in the outfit.
- Cool neutral A cool gray, doing the opposite job to the camel above: it cools the pairing down and leaves navy blue as the only thing in the outfit with a temperature. Useful when navy blue at 266° is already doing enough work on its own.
- Accent A triadic accent a third of the wheel from navy blue, at 26°, and strictly at accessory scale. A whole garment in this beside navy blue is a costume; a bag, a scarf or a shoe in it is what makes an otherwise plain outfit look chosen.
- Denim Listed on its own because it is what navy blue actually gets worn with. Mid denim is a low-saturation blue sitting at about 51% lightness, close enough to neutral to behave like one against navy blue whatever the 266° hue is doing.
Each row is an outfit in miniature: the first circle is navy blue itself, worn nearest your face, and the rest go below it. The outfit builder runs the same logic across your whole palette instead of outward from navy blue.
Is navy blue warm or cool?
Cool, and not marginally. The hue of this navy blue measures 266° in OKLCH, which is well inside the green-to-purple range. Shades sold as navy blue vary either side of that figure, but they stay inside the cool half of the wheel rather than crossing it.
Which color types it suits
Running navy blue against all twelve palettes — the same comparison the free checker does — it comes out best for Deep Winter, Cool Winter, Cool Summer, Soft Summer and Bright Winter.
Navy blue is workable for Light Summer, Soft Autumn, Warm Autumn and Deep Autumn, though better worn away from the face than under the chin.
Navy blue is hardest for Light Spring, Warm Spring and Bright Spring — not forbidden, but that group will want it as trousers rather than as a shirt.
Those verdicts are for #1F2A44 exactly. Shops sell a wide spread of shades under the name navy blue, and two of them can land on opposite sides of the same verdict — which is what the checker below is for.
Does navy blue suit you?
Runs in your browser. Nothing is sent anywhere and nothing is stored.
Find out which colors suit you
The checker needs your season. If you do not have one, the scan reads your undertone, depth, contrast and chroma from a single photo and gives you your type plus a preview of your colors, free. The photo is read in your browser and never uploaded.
Questions
What colors go with navy blue?
9 are set out above, each named for the relationship that produced it, and each measured against navy blue rather than picked by eye. If you remember one navy blue pairing and no others, make it the neutral base: navy blue against a near-black or an off-white built from its own 266° hue is the pairing that never fails.
Is navy blue warm or cool?
Cool. Cool, and not marginally. The hue of this navy blue measures 266° in OKLCH, which is well inside the green-to-purple range. Shades sold as navy blue vary either side of that figure, but they stay inside the cool half of the wheel rather than crossing it.
Who does navy blue suit?
Run against all twelve palettes, navy blue comes out best for Deep Winter, Cool Winter, Cool Summer, Soft Summer, Bright Winter, and hardest for Light Spring, Warm Spring, Bright Spring. The navy blue verdicts come from the same arithmetic the free color checker runs, not from anybody's opinion.
Can I wear navy blue if it is not my color?
Yes, below the waist. What a season verdict is about is the light bouncing off a garment and up into your face, so navy blue trousers, navy blue shoes, a navy blue bag and a navy blue coat you take off indoors are all unaffected by it. That leaves most of a navy blue-containing wardrobe open to you whatever the verdict above says.
Related colors
What goes with burgundy · What goes with teal · What goes with olive green
Every color page · Build outfits from your own palette · Check a shade that is not navy blue · All 12 color types