Navy & White Outfits for Your Summer Wardrobe

  • Woman wearing midi navy dress and man wearing blue blazer and chino shorts walking on the beach
  • Craft an effortless summer look with the classic color combination of navy and white. Discover essentials for navy and white outfits in this J.McLaughlin style edit.

  • The Timeless Appeal of Navy & White

  • Woman in blue midi dress
  • Whether you’re off to a brunch rendezvous or an outdoor fête, combine navy with white for a timeless pairing. This color scheme never goes out of style.

  • Must-Have Navy & White Essentials

  • Streamline getting dressed with reliable navy and white staples. From tailored navy blazers to floaty white maxis, here are quintessential navy and white outfit ideas to freshen up your summer closet.

  • Woman in striped shirt and navy pants
  • The Classic Navy Blazer

  • Embrace a well-tailored look with a structured navy blazer. Going to the office? Wear head-to-toe navy by pairing your blazer with a matching straight-leg trouser — we love layering a white teeunderneath for a pop of brightness. For off-duty outfits, a sharp blazer is a sleek alternative to your relaxed denim jacket. Or throw your blazer over a knit and bright white shorts for visual contrast.

  • Linen Shirt

  • A breezy linen shirt is perfect for summer days. A luxe piece for both men and women, it’s airy and lightweight, making it a travel go-to. For an effortless look, wear a navy linen shirt with white pants and woven sandals. We love an all-white moment, too — pair a white linen shirt with matching wide-leg pants, then accessorize with a blue neckerchief and raffia belt.

  • Navy & White Stripes

  • Mix and match stripes for endless ways to look (and feel) your best. Toss on a linen shirt for a nautical chic outfit — our fan-favorite Betty and Brynn shirts come in striped options. We recommend pairing your striped top with neutrals like white capris or navy shorts.

  • White Top and Navy Pants

  • When it comes to white and navy blue outfits, this look is foolproof. A simple white tee with navy dress pants creates a polished everyday look. To dress it up, switch out the tee for a blouse with eyelet detailing.

  • Man in navy shirt and blue shorts and woman in blue shirt and white pants walking on the beach
  • The opposite style — a navy top with white pants — is also a staple summer look. Browse our white denim pants selection for styling ideas, whether you’re partial to a wide leg, slim fit, or high-rise bootcut.

  • Navy & White Dresses

  • For versatile elegance, a floaty dress can take you from morning to night. Slip into a flowy navy maxi with a stylishly tiered design. We also love the easy and airy midi — a crisp white midi dresswith puff sleeves can be dressed up or down, depending on the event.

  • The Endless Possibilities: How to Make Navy & White Your Own

  • White bag with blue handle and wicker clutch
  • To make navy and white your own, don’t forget the accessories. But what color actually goes with navy blue and white? The answer is almost any color. Because navy and white are both neutral, they can be a great base for bold accessories such as a green bag or a yellow belt. Other neutral tones, such as brown and gray, also complement this classic color combo. Color isn’t the only thing to consider, of course. To play with texture, accessorize navy blue and white outfits with chic wicker clutches and buttery soft leather bags.

    Navy blue and white fashion is always in. Whether you’re keeping it casual for a day of shopping or dressing up for a dinner date, this timeless pairing works for every occasion.

    Discover J.McLaughlin’s Navy Collection to incorporate this chic color scheme into your summer wardrobe.