Name: White Chocolate Mocha
Prep time: 5 min
Cook time: 5 min
Total time: 10 min
Ingredients: 1 cup whole milk (or your preferred milk); ¼ cup heavy cream; 2 ounces chopped white chocolate; 1 to 2 shots of espresso (or ¼ cup strong brewed coffee); 1 cup whole milk; ¼ cup heavy cream; ¼ cup chopped white chocolate; 1 to 2 shots of chilled espresso (or ¼ cup of cold brew); Ice cubes

Skip to Recipe Pin Recipe

Satisfy your coffee cravings with our white chocolate mocha recipe. It’s rich, creamy, and perfect for any time of the year! Whether you prefer a hot mug of coffee or the iced variety, this recipe lets you make a coffee shop favorite at home!

Hot white chocolate mocha in a glass coffee mug.

Our white chocolate mocha brings together creamy white chocolate and smooth espresso in a drink that’s perfect for both hot and iced coffee lovers.

This drink one of my personal favorites. It’s sweet, velvety, and so easy to make. All you need is four ingredients and about 10 minutes to create a coffeehouse-worthy treat right in your own kitchen!

Looking for other coffee drinks? Try our Brandy Alexander Coffee Milkshake, Butterscotch Coffee, or Iced Coffee recipe.

Ingredients You’ll Need to Make a White Chocolate Mocha

Here’s what you’ll need for both the hot and iced versions:

Milk and Heavy Cream: Whole milk paired with a bit of heavy cream gives the mocha a wonderful texture. Feel free to use your preferred milk, but the combination of milk and cream adds extra creaminess.
White Chocolate: Chopped white chocolate brings a sweet flavor, and it melts really well. White chocolate chips and white chocolate syrup or sauce also work.
Espresso or Strong Coffee: Use one or two shots of espresso for a bold flavor. If you don’t have an espresso machine, a strong brewed coffee or cold brew (for the iced version) works just as well.
Ice (for Iced Version): You’ll need ice cubes for the iced version. We also love to use coffee cubes to keep the drink from getting watered down.
Optional Toppings: A dollop of whipped cream and white chocolate shavings are great if you want to dress up your mocha.

How to Make a White Chocolate Mocha

Heat the Milk and Cream: In a small saucepan, warm the milk and heavy cream over medium-low heat. Stir frequently to avoid scorching, and don’t let it boil.

Add the White Chocolate: Once the milk mixture is hot, add the chopped white chocolate. Stir until the chocolate is melted and the mixture is smooth.

White chocolate melted into a pan of warm milk.

Combine with Espresso or Coffee:

For the hot version: Add your brewed espresso or strong coffee, and stir to combine. Pour into a mug and enjoy warm.
For the iced version: Let the milk mixture cool slightly, then stir in the chilled espresso or cold brew.

Espresso poured into a pan of warm white chocolate milk.

Serve and Enjoy:

For the hot version: Top with whipped cream and white chocolate shavings if desired.
For the iced version: Pour the mixture over ice in a glass, then add whipped cream and white chocolate shavings if you like.

Tips and Variations

Milk Alternatives: Feel free to use almond, oat, or coconut milk for a plant-based version. Keep in mind that these can slightly change the texture and flavor.
Coffee Options: Use what you have—espresso, strong brewed coffee, or cold brew. Adjust the amount based on how bold you want the coffee flavor.
Adjust the Sweetness: If you like it sweeter, add a little sugar or more white chocolate. If you like it less sweet, use less white chocolate or omit the whipped cream.
Make it Decaf: For a caffeine-free drink, simply use decaf espresso or coffee.

Tall glass filled with an iced coffee drink.

This coffee drink has a creamy, smooth taste with sweet white chocolate blended with bold coffee. It’s a rich, velvety drink that combines the sweetness of chocolate with the depth of espresso or strong coffee.

This drink tends to be on the sweeter side. You can adjust the sweetness by adding more or less chocolate, or even skipping extra sweeteners to keep it balanced.

Other Coffee Drinks You’ll Love

Want a super simple iced version of this drink that uses white chocolate syrup? Check out my Easy Iced White Chocolate Mocha that only uses 4 ingredients including the ice!

Like This Recipe?

We’d love it if you would leave a 5 Star ⭐️⭐️⭐️⭐️⭐️ rating below and follow us on Facebook and Pinterest!