
White Chocolate Mocha Recipe
Master the iconic Starbucks White Chocolate Mocha at home with this quick and easy recipe! Learn how to create the perfect balance of rich espresso, sweet white chocolate, and creamy milk topped with fluffy whipped cream for a café-quality experience without the coffee shop price.
Prep
Cook
Serve
Kcal
- 60ml espresso (2 shots)
- 180ml whole milk
- 60g white chocolate chips or chopped white chocolate
- 15ml vanilla syrup (or 1 tbsp sugar and 1/4 tsp vanilla extract)
- Whipped cream for topping
- White chocolate shavings for garnish (optional)
Step 1
Prepare your espresso using an espresso machine or a strong coffee using a moka pot or French press. You'll need about 60ml of strong coffee.Step 2
In a small saucepan, heat the milk over medium heat until it begins to steam but doesn't boil. Remove from heat.Step 3
Add the white chocolate chips to the hot milk and whisk continuously until the chocolate is completely melted and the mixture is smooth. This should take about 1-2 minutes of constant whisking.Step 4
Add the vanilla syrup (or sugar and vanilla extract) to the white chocolate milk mixture and stir until well combined.Step 5
If you have a milk frother, froth the white chocolate milk mixture until it becomes creamy with a nice foam on top. If you don't have a frother, you can vigorously whisk the mixture by hand or use a blender for a few seconds.Step 6
Pour your prepared espresso into a large coffee mug (about 350ml capacity).Step 7
Slowly pour the white chocolate milk mixture over the espresso, holding back the foam with a spoon.Step 8
Top your mocha with a generous amount of whipped cream, creating a small dome on top.Step 9
Finish by sprinkling some white chocolate shavings on top of the whipped cream. You can make these by using a vegetable peeler on a bar of white chocolate. Serve immediately while hot!
What is the difference between a white chocolate mocha and a regular mocha?
While traditional mochas blend espresso with chocolate and milk, white chocolate mochas use white chocolate instead of dark or milk chocolate. This creates a sweeter, creamier drink with vanilla notes rather than the cocoa richness found in regular mochas.
How can I make a white chocolate mocha less sweet?
To reduce sweetness, use less white chocolate (about 40g instead of 60g) or skip the vanilla syrup entirely. You could also use semi-skimmed milk instead of whole milk and add an extra shot of espresso to balance the sweetness with more coffee intensity.
Can I make this coffee drink without an espresso machine?
Absolutely! Use a moka pot, French press, or strong instant coffee as alternatives. Aim for about 60ml of concentrated coffee to replicate espresso's strength. Cold brew concentrate can also work well when heated slightly before adding to your drink.
What's the best way to melt white chocolate for coffee drinks?
The best method is to heat milk until steaming (not boiling) then remove from heat before adding the chocolate. Whisking continuously prevents burning and ensures smooth melting. Using chopped white chocolate rather than chips creates a smoother melt.
Is it possible to make an iced version of a white chocolate mocha?
Yes! Make the white chocolate milk mixture as directed, then cool it completely. Pour over ice cubes, add your espresso, and top with cold whipped cream. For extra chill, freeze coffee into ice cubes to prevent dilution as they melt.

