12 Navy Blue Outfits That Prove the Shade Is More Versatile Than You'd Think (2024)

Right now, certain colors seem more popular than others (we're looking at you, green chartreuse), but one shade that never goes out of style is navy blue. It continues to be a mainstay in our wardrobe year-round (andKate Middleton's, too), whether we're laying out in a striped navy and white swimsuit by the beach or bundling up in a knit navy sweater. However, despite this neutral being such a classic, deciding what colors go with navy blue can sometimes feel tricky.

The good news is that weird fashion rules like "never wear navy with black" have become outdated, and we now know that there's only one thing to keep in mind when wearing navy clothing: This color is versatile and looks great with everything. Street-style stars from New York to Tokyo have been stepping out in the timeless hue and combining it with complementary and accent shades from red and pink to beige and black. In fact,allthe colors go with navy blue. Don't believe us? We've rounded up our favorite outfit ideas as visual evidence.

Keep scrolling for 12 navy blue outfits to add to your rotation.

Navy Blue Blazer and White Button-Down Shirt

It's one of the most popular pairings out there: a navy blazer and a classic white button-down. Consider combining the crisp, clean, and super sleek aesthetic with a denim midiskirt for a more casual vibe. Alternatively, a structured navy blazer over a white top or a navy sweatshirt with a white tennis skirt is chef's kiss.

Navy Blue Blouse and Beige Trousers

Two neutrals, like navy blue and beige, become show-stopping when worn together. Plus, you can amp up your look with vibrant footwear or accessories. To try out this color palette, you can wear a beige tank top with navy track pants, or style a navy sweater with khaki pants and a handful of layered necklaces.

Navy Blue Outerwear and Black Dress Pants

Stepping out in a navy blue and black outfit was once considered a faux pas, but that's no longer the case. Instead, these colors create a striking and somewhat unexpected combination. Just look at this long navy coat and on-trend black dress pants, for instance. Looking for another option? Enjoy a lampshading moment with an oversized navy top and black bike shorts.

Navy Blue Jacket and Gray Athleisure

Why not break up your gray sweats with a navy jacket, or wear a navy vest with gray trousers? A navy blue and gray color duo always looks sharp, whether you're going casual or dressing up for the office. However, we recommend sticking with a lighter shade of gray to provide some contrast.

Navy Blue and Green Striped Shirt

We're all about pattern on pattern and this striped-and-polka-dot outfit does just. Regarding the color palette, deep navy and bright green balance each other out. You can even try it as a green suit styled with a navy top or vice-versa.

Navy Blue Dress and Brown Leather Jacket

A navy blue outfit need not be complicated. Head to your closet and pick out your favorite navy dress (a denim maxi, perhaps?). Then combine with brown leather accessories. Should you be stumped when it comes to footwear, brown boots are a winner when completing a navy outfit.

Navy Blue Blazer and Red Shirt

While somewhat nautical or patriotic, a little bit of red will magically make blues seem even brighter. We love this rendition with a classic navy blazer and red top, plus a bandana for good measure. But a red jacket over a navy top or a red dress with a navy hat is also worth giving a shot.

Two-Toned Blue Dress and Yellow Bag

Yellow tends to pop when styled with almost any color, but against a darker shade, it'll really stand out. This two-toned blue dress accessorized with a yellow bag is interesting sans effort. For a low-key look, try a navy sweatshirt with yellow cargo pants.

Navy Blue Dress and Pink Coat

A pink jacket over a navy dress — or a navy jacket over a pink dress is both timeless and modern. Reach for any and all shades of pink, which will really shine against this dark neutral navy.

Navy Blue Jacket and Orange Turtleneck

Technically, orange sits opposite blue on the color wheel, so when styled together, they make quite the impact. Find outfit inspiration in an orange turtleneck styled under a navy jacket (or even a sleeveless dress). When things heat up, try styling navy shorts with a bright orange corset top.

Navy Blue Separates and Baby Blue Top

Add interest to your navy blue outfit by incorporating items in a lighter shade of blue. The color-blocked outfit will feel fashion-forward, but at the same time, come across as easy, effortless, cool, and kind of calming to look at.

Navy Blue Sweatsuit

When all else fails, going monochromatic is an easy outfit choice. The colors don't have to be an exact match — anything in the same color family will still come across as sleek and intentional. For example, a coordinating navy set with sneakers that includes navy details or a navy with a chunky navy cardigan is foolproof.