White Chocolate Mocha Recipe
Melting real white chocolate into a sauce first, rather than just stirring in syrup, gives the drink actual cocoa butter richness and a glossy texture that dissolved white chocolate chips alone can't match, and steaming the milk right after keeps the sauce fully incorporated instead of settling at the bottom of the cup.
- Prep
- 5 min
- Cook
- 5 min
- Total
- 10 min
- Servings
- 2
Ingredients
- 2 oz white chocolate chips
- 1 cup whole milk
- 2 shots brewed espresso
- 1/4 tsp vanilla extract
- 1/4 cup whipped cream
- 1 tbsp white chocolate shavings, for garnish
Nutrition per serving
- Calories
- 262
- Protein
- 6g
- Carbs
- 26g
- Fat
- 15g
Based on the recipe as written, one serving. Recalculates if you swap an ingredient above. An estimate only, exact values depend on the specific ingredients used.
Need different units or a different yield? Try our Conversion Calculator →
Instructions
- 1Brew 2 shots of espresso (about 2 oz/60ml total) and set aside.
- 2In a small saucepan over low heat, combine the white chocolate chips with 2 tablespoons of the milk. Warm gently, stirring constantly with a rubber spatula, until the chocolate is fully melted and smooth, 2-3 minutes.
- 3Stir the hot espresso and vanilla extract into the melted white chocolate sauce until combined.
- 4Steam or microwave-froth the remaining milk until hot and foamy (about 150-160°F/65-70°C).
- 5Divide the white chocolate espresso mixture between two mugs. Pour in the steamed milk, holding back the foam with a spoon, then spoon the foam on top.
- 6Top with whipped cream and a scattering of white chocolate shavings. Serve immediately.
Tips & variations
- Use a good-quality white chocolate bar, chopped, instead of chips if possible; many chip brands include stabilizers that keep them from melting into a fully smooth sauce.
- For an iced version, whisk the white chocolate sauce with the espresso until fully dissolved, then pour over ice and top with cold milk.
- No espresso machine? Substitute 1/3 cup strongly brewed coffee or 2 teaspoons instant espresso powder dissolved in 2 tablespoons hot water per serving.
- For a sugar-free version, use a sugar-free white chocolate baking bar; the texture melts slightly differently but the flavor comes through fine.
Storage & reheating
The white chocolate sauce (chocolate melted with a splash of milk) can be made up to 5 days ahead and refrigerated in a sealed jar; rewarm gently in a saucepan or microwave in 15-second bursts before using. Assembled drinks are best consumed fresh and don't reheat well once the milk foam has been added.
Tips from the Tulo kitchen
- Warming the mug with hot water before pouring keeps the drink hotter for longer, especially useful since the melted chocolate step already takes a few minutes.
- A milk frother pitcher works fine if there's no espresso machine steam wand; just heat the milk on the stove first, then froth.
FAQ
What's the difference between a white chocolate mocha and a regular mocha?
A regular mocha uses cocoa or dark/milk chocolate, which brings bitter, roasted notes; a white chocolate mocha uses white chocolate, which has no cocoa solids, so the drink tastes sweeter and more like vanilla and cream than chocolate.
Can I make a white chocolate mocha without an espresso machine?
Yes. Substitute 1/3 cup of strongly brewed drip coffee or 2 teaspoons of instant espresso powder dissolved in 2 tablespoons of hot water for each espresso shot.
Why did my white chocolate sauce turn grainy?
Grainy or seized white chocolate almost always means it was melted over heat that was too high or too much liquid was added too fast; keep the heat low and add milk gradually while stirring constantly.
Can I make this dairy-free?
Use a dairy-free white chocolate (check the label, since many still contain milk fat) and swap the milk for oat milk, which steams and froths similarly to whole milk.