15 Hot Beachy Summer Outfits from H&M

Hot Beachy Summer Outfit | Blue and White Summer Dress | Ruffled Mini Skirts | Bubbly Moments

Bubbly Moments is supported by its audience. When you purchase through links on our site, we may earn commission on some of the items you choose to buy.

Summer is here, and there’s one color combination that’s heating up for the season: blue and white. These colors are simply perfect for pulling off effortless summer style, and here’s why.

Combining blue and white delivers a light, fresh look that works just as well inland as it does by the water. Both colors can work as neutrals, making them easy to combine with anything from trendy rainbow color sandals to crisp, braided heel sandals.

Plus, with blue being the color of the sky and the ocean, and white reminding us of perfect, puffy clouds on a clear sunny day, these hues offer soothing vibes, something everyone could use after two volatile summer seasons. Ready to rock this stylish summer color combination? Check out this collection of gorgeous blue and white summer dresses, ruffled mini-skirts, white summer shorts and other summer wardrobe staples!

Blue and White Summer Dresses

If blue and white are the colors of summer, then the dress is the official silhouette of the season. Why? It lends itself to effortless styling: slip one on solo for an elegant minimalist look, or add accessories such as bangles, dangling earrings or a great pair of braided heel sandals to create a complete look.

1. H&M Light Blue Smocked Dress

Hot Beachy Summer Outfit | Blue and White Summer Dress | Ruffled Mini Skirts | Bubbly Moments

For the easiest styling ever, grab this perfect blue smocked dress. The adjustable shoulders and wide, fitted bodice make it work with or without a strapless bra. A polyester-spandex blend means wash-and-wear is incredibly simple. Plus, the pretty little ruffle trim adds a touch of femininity without feeling too youthful, which is why this piece is appropriate for all ages.

2. White Open-Backed Dress

Hot Beachy Summer Outfit | Blue and White Summer Dress | Ruffled Mini Skirts | Bubbly Moments

One of the hottest runway trends this season was cut-outs, and this little white dress elevates the look with peek-a-boo side openings as well as a wide open back. The pretty neck closing simplifies quick changes, and the knee-length, A-line skirt offers just enough coverage to balance out that skin-baring bodice.

3. Formal Calf Length Dress

Hot Beachy Summer Outfit | Blue and White Summer Dress | Ruffled Mini Skirts | Bubbly Moments

When beach days turn into summer evenings or even weddings, this chic-and-elegant draped blue jersey dress will stand up to any dress code. Gatherings at the round neckline add elegance and eliminate the need for a necklace. Then, the included tie-belt offers gentle waist-definition that flatters almost every figure.

4. Pleated Dress

Hot Beachy Summer Outfit | Blue and White Summer Dress | Ruffled Mini Skirts | Bubbly Moments

Obsessed with the 60s and those flirty, forgiving swing dresses? Bust out this gorgeous pleated dress in the prettiest baby blue, add a quilted chain bag and strappy sandals and get ready for a long summer night of grooving.

Beachy Summer Outfits: Ruffled Mini Skirts and Braided Heel Sandals

Hot Beachy Summer Outfit | Blue and White Summer Dress | Ruffled Mini Skirts | Bubbly Moments

While blue and white summer dresses make for no-effort styling, sometimes it’s easier to pull together beachy summer outfits using mix-and-match pieces. Consider ruffled mini-skirts: they offer all the sleek femininity of a dress, but they can pair with a pretty cami and elegant sandals as well as they work with bikini tops and flip flops.

5. Creped Skirt

Hot Beachy Summer Outfit | Blue and White Summer Dress | Ruffled Mini Skirts | Bubbly Moments

This white ruffled mini-skirt goes with literally everything. The high waist and flared silhouette are universally flattering. And the hidden zipper offers stability without sacrificing the skirt’s clean, sleek lines. Hidden bonus: the 100% polyester lining stands up to moisture, so this little piece can work as a beach coverup, too!

6. Tiered Mini Skirt

Hot Beachy Summer Outfit | Blue and White Summer Dress | Ruffled Mini Skirts | Bubbly Moments

Want to bring blue and white together in one special piece? This flirty little skirt has three tiers of ruffles, combined with a delicate floral print for a soft, feminine finish. And, while the look is high maintenance, the styling is anything but. The above-the-belly waist line is figure flattering, and the hidden elastic waistband is forgiving, so this skirt would pair well with a cute crop top or a tucked-in crisp white tee.

7. Slip On Sandals

Hot Beachy Summer Outfit | Blue and White Summer Dress | Ruffled Mini Skirts | Bubbly Moments

Need the right shoes to wear with those cute little mini-skirts? For more formal evenings, grab these crisp white mules with braiding details. The slip-on styling, faux leather finish and block heels make them easy to rock by the water, and the square, open toes are perfect for highlighting a pretty summer pedicure.

8. Quilted-look Pool Shoes

Hot Beachy Summer Outfit | Blue and White Summer Dress | Ruffled Mini Skirts | Bubbly Moments

Love the look of a braided sandal, but want to ditch the heels for pool or beach days? These cool white, slides have so much detailing—including patterned soles that make their mark—but they’re also flat bottomed with plenty of padding for added comfort.

Blue and White Summer Dresses Alternative: White Summer Shorts and Sexy Jumpsuits

Hot Beachy Summer Outfit | Blue and White Summer Dress | Ruffled Mini Skirts | Bubbly Moments

Clearly, ruffled mini skirts and blue and white summer dresses make for fun and flirty seasonal looks. But some beachy summer outfits need to offer a bit more coverage—or a bit more wind resistance. And that’s where white summer shorts and sizzling blue and white jumpsuits come into play.

9. 90s Boyfriend Low Denim Shorts

Hot Beachy Summer Outfit | Blue and White Summer Dress | Ruffled Mini Skirts | Bubbly Moments

Jeans shorts never go out of style. But to take them into cool-girl summer territory, choose a pair like this with a white denim finish, classic five-pocket construction and raw-edged hemming that moves away from visible distressing for a more polished impression.

10. Linen-Blend Shorts

Hot Beachy Summer Outfit | Blue and White Summer Dress | Ruffled Mini Skirts | Bubbly Moments

Need a look that’s more lunch at the club than ice cream with the kids? These fitted woven shorts have a pretty scalloped hemline that mimics the elegance of blue and white summer dresses, with the added convenience of hidden pockets and a concealed fly and elastic waist.

11. Patterned Jumpsuit

Hot Beachy Summer Outfit | Blue and White Summer Dress | Ruffled Mini Skirts | Bubbly Moments

When the itinerary calls for day-to-night styling, grab this sweet patterned jumpsuit in summery blue and white. Keep things firmly in daytime territory with a messy bun and slides, or dress up the look with a sleek pony, plenty of stacked bangles and some chic braided heel sandals that are made for all-night dancing.

12. V-neck Satin Jumpsuit

Hot Beachy Summer Outfit | Blue and White Summer Dress | Ruffled Mini Skirts | Bubbly Moments

Sultry summer nights were made for this sexy, sleeveless jumpsuit. Calf-length hems work well with metallic stiletto sandals, the prominent belt-tie adds waist-definition and visual interest, and the pretty V-neck and extra-narrow shoulder straps are made for showing off a statement necklace.

Beachy Summer Outfits’ Add-Ons: Delicate Camisoles

Want a seasonal wardrobe refresh without a major investment? Pick up a cami or two and transform old wardrobe staples into fresh new beachy summer outfits.

13. Flounce-trimmed Top

Hot Beachy Summer Outfit | Blue and White Summer Dress | Ruffled Mini Skirts | Bubbly Moments

Pair this pretty ruffled cami and a white mini for the ease of separates with the look of blue and white summer dresses. Or keep things classic and casual by wearing with basic blue jeans shorts and effortless slides.

14. Smocked Tube Top

Hot Beachy Summer Outfit | Blue and White Summer Dress | Ruffled Mini Skirts | Bubbly Moments

This blue and white floral tube top would work well with the linen-blend shorts highlighted above, to celebrate the season’s matching vibes. But it would work equally well with a flared mini skirt or a pair of boyfriend shorts, making it the versatile piece that’s needed in every summer wardrobe.

15. Rib-knit Halterneck Top

Hot Beachy Summer Outfit | Blue and White Summer Dress | Ruffled Mini Skirts | Bubbly Moments

Cut for showing off toned shoulders and a great tan, this white halter-neck top goes well beyond closet basics thanks to decorative ring detailing and narrow back ties.

Which staples will you grab to create the perfect beachy summer outfits? Are blue and white dresses or ruffled mini skirts hitting your shopping cart? Share in the comments below!

Shop More Hot Beachy Summer Outfits Below

2022-06-22T19:05:45-05:00

Share This Story, Choose Your Platform!

Leave A Comment

Go to Top