What Colors Go With Navy? 10 Navy Blue Outfit Combinations

Why does navy go with so many colors?

Navy blue (opens in a new tab) takes its name from the dark blue worn by officers of the British Royal Navy, whose first uniform regulations in 1748 paired dark blue with white. It was first called “marine blue,” and by at least 1780 people were calling it navy blue. You can still see those early uniforms in the naval uniform collection at Royal Museums Greenwich (opens in a new tab).

The logic still holds today. Navy is dark enough to anchor an outfit, but soft enough that it never swallows brighter colors the way black can. It’s also gentler than black near the face, which is why a navy knit or coat is such an easy everyday choice. That’s what makes it a true neutral.

Classic navy color combinations

1. Navy and white

The original naval pairing and still the freshest. Think a navy knit with white jeans, or a navy suit over a crisp white T-shirt. Add a striped top and it feels instantly nautical.

2. Navy and camel

Warm, polished and easy to repeat. A navy coat over a camel knit works for the office and the weekend, and tan leather shoes tie the two together.

3. Navy and grey

A calm, professional mix. Light grey trousers with a navy blazer or overshirt feel modern and relaxed. Charcoal works too, but keep the navy a little brighter so the two don’t blur.

4. Navy and denim

Blue on blue works when the shades differ. Pair a navy sweater with mid-wash jeans for an easy tonal look. The darker the jeans, the lighter your navy should be, and the other way around.

Warm colors that go with navy

Warm shades sit opposite blue on the color wheel, so they bring navy to life without shouting.

5. Navy and burgundy

Rich and collegiate. A burgundy sweater over a navy shirt is a classic, and burgundy loafers with navy chinos are a subtler take. See more in our burgundy outfit guide.

6. Navy and rust

A softened blue and orange. Rust knitwear with navy trousers looks warm and confident in autumn, especially with brown suede boots.

7. Navy and mustard yellow

A cheerful accent. Keep the mustard small, like a scarf or beanie, against a mostly navy outfit. It brightens grey winter days.

Soft and fresh colors to wear with navy

8. Navy and pale pink

Soft and surprisingly grown-up. A pale pink shirt under a navy blazer is an easy way to add color at work. It also works in knitwear: a blush sweater with navy trousers feels soft and weekend-ready.

9. Navy and forest green

Two deep shades that feel preppy and autumnal. Try a green beanie or knit with a navy coat, or see how the pairing works in our new prep style guide.

Can you wear navy and black together?

10. Navy and black

Yes, as long as it looks deliberate. Contrast the textures, such as black leather boots with a navy wool coat, or a black knit with navy trousers. The combination looks sharpest in daylight, where the two shades are easy to tell apart. Keep accessories in one color family, all black or all brown, so the look stays clean.

How do you wear navy head to toe?

An all-navy outfit looks refined when you vary the details. Mix textures such as wool, denim and cotton, and combine slightly different shades, from inky navy to a brighter marine blue. Then add one lighter element to break it up: white sneakers, a tan belt or a cream scarf. The result looks deliberate rather than like a uniform.

Navy outfit ideas for work, weekends and evenings

• Work: navy blazer, pale pink shirt, grey trousers and brown loafers. Our business casual guide has more ideas.
• Weekend: navy overshirt, white T-shirt, light grey trousers and white sneakers, with a camel scarf when it’s cool.
• Evening: navy suit with a burgundy knit or tie, plus dark leather shoes or boots.
• Summer: navy dress, tan leather belt, sandals and a straw bag.

How to style navy with Outfitual

Most of us own more navy than we realize. Add your pieces to the Outfitual wardrobe, tag them by color and filter for navy to see everything in one place. Then ask your AI stylist, “What can I wear with my navy coat?” It builds outfits from clothes you already own, and you can preview a new pairing with virtual try-on before buying anything. Plan your favorite navy looks in the calendar and log each wear to see which pieces earn their place. Want more pairings beyond navy? Read our full guide to color combinations for clothes.