Save This On Pinterest!

If you’re obsessed with Starbucks’ iced white chocolate mocha but not so into the price tag (or the drive-thru line), this homemade version is about to be your new favorite thing. It’s rich, creamy, and sweet—with a smooth homemade white chocolate syrup that I honestly think makes it taste even better than the original.

The best part? You only need a few simple ingredients, and once you whip up the syrup, you can keep it on hand for iced coffee emergencies all week long. Top it off with whipped cream, a sprinkle of chocolate shavings, and you’ve got yourself a coffee shop–style treat without ever leaving the house. I’m going to be making this one all summer long, and I hope you’re going to love it too!

Ingredients

Brewed espresso or strong brewed coffee
Milk (your choice: almond, oat, dairy, etc)
Homemade white chocolate syrup (we’ll be making this as part of the recipe!)
Vanilla extract
Ice cubes
Whipped cream
Chocolate shavings or white chocolate chips (optional, for garnish)

Homemade White Chocolate Syrup:

White chocolate chips
Heavy cream or milk
Vanilla extract

Step-by-Step Instructions

Please note that you’ll find your printable recipe card towards the bottom of this post!

Make the Homemade White Chocolate Syrup

In a saucepan over low heat, combine the white chocolate chips and heavy cream or milk. Stir continuously until the chocolate is melted and smooth.

Remove from heat and stir in the vanilla extract and stir until well combined.

Allow the syrup to cool slightly; it will thicken as it cools.

Prepare the Iced White Chocolate Mocha

Prepare your espresso or strong brewed coffee and let it cool.

In a glass filled with ice , combine the cooled espresso with 2-3 tablespoons of the homemade white chocolate syrup. Stir well.

Pour in your choice of milk and mix until combined.

If desired, add a generous dollop of whipped cream on top.

Sprinkle chocolate shavings or a few white chocolate chips and white chocolate sauce on top, if you like.

Serve and enjoy!

Tips for the Best Iced White Chocolate Mocha

Use high-quality white chocolate – The better the chocolate, the smoother and more luxurious your syrup will taste. It makes a big difference!
Adjust the syrup thickness – If you like a thinner syrup, add a splash more milk or cream when melting the chocolate. For a thicker, richer syrup, stick to the original measurements.
Let the coffee cool – Make sure your espresso or strong coffee is cooled before you mix it into the drink, or you’ll end up melting the ice too fast.
Customize the sweetness – Start with 2 tablespoons of syrup and add more if you want it sweeter. Everyone’s perfect mocha is a little different.
Get creative with toppings – A swirl of whipped cream, a sprinkle of white or dark chocolate shavings, or even an extra drizzle of the homemade syrup on top makes it feel coffee shop-level fancy.
Prep ahead – Make a batch of the white chocolate syrup and store it in the fridge for up to a week.

Variations to Try

Iced White Chocolate Peppermint Mocha – Add a few drops of peppermint extract to the syrup or the finished drink for a fresh, minty twist—especially perfect around the holidays.
Caramel White Chocolate Mocha – Drizzle caramel sauce along with the white chocolate syrup for a rich, sweet combo that’s seriously addictive.
Mocha with a Coffee Kick – Add an extra shot of espresso if you want a bolder, stronger coffee flavor without losing the white chocolate goodness.
Iced White Chocolate Mocha Latte – For a lighter version, use extra milk and a single shot of espresso for a more “latte-style” feel.
Extra Chocolatey – Stir a spoonful of cocoa powder into the coffee before mixing everything together for a white-and-dark chocolate layered flavor.