White Chocolate Mocha Recipe
A white chocolate mocha built on a smooth homemade white chocolate sauce, espresso and steamed milk. Includes the sauce ratio, gentle melting tips and storage.
Before you start
White chocolate is cocoa butter, sugar and milk solids with no cocoa solids, so it brings creaminess and vanilla sweetness rather than chocolate bitterness. That makes it fussy to melt: it scorches and seizes at lower temperatures than dark chocolate, and chunks dropped straight into espresso often turn grainy. A small batch of sauce solves both problems and makes each drink quick.
The sauce here is roughly equal weights of white chocolate and milk, warmed gently until smooth, with a pinch of salt to tame the sweetness. About 30 ml per drink is enough for a clearly flavored but not cloying mocha. Because white chocolate quality varies, choose one that lists cocoa butter as the main fat.
Ingredients
- White chocolate sauce120 g (4¼ oz) white chocolate — chopped; makes about 220 ml sauce
- 120 ml (½ cup) whole milk
- 1 pinch fine salt
- ¼ tsp vanilla extract — optional
- Drink30 ml (1 oz) white chocolate sauce — from above
- 18 g espresso coffee beans — ground fine for a double shot
- about 36 g (1¼ oz) water, as brewed espresso
- 200 ml (scant 7 oz) cold whole milk
Method
- Warm the milk for the sauce in a small saucepan over low heat until it steams and small bubbles form at the edge. Do not let it boil.
- Take the pan off the heat, add the chopped white chocolate and the salt, and let it stand for 1 minute.
- Stir gently with a spatula until the sauce is completely smooth, then stir in the vanilla. If a few pieces remain, return the pan to the lowest heat for a few seconds at a time.
- Measure 30 ml of the warm sauce into the mug and pull a double shot of about 36 g over it. Stir until evenly blended.
- Steam the drink milk to 60 to 65°C (140 to 150°F) with a light layer of foam.
- Pour the milk into the mug, finishing with the foam. Taste and stir in up to 15 ml more sauce if you want it sweeter.
Tips for success
- Keep the heat low throughout. White chocolate seizes into a thick paste above roughly 45°C (113°F) if it is heated directly in a dry pan.
- Chilled sauce thickens. Warm the jar in a bowl of hot water for a few minutes before using it, or stir it into the hot espresso first.
- White chocolate chips with stabilizers melt less smoothly than bars; if you use them, add a splash more milk to the sauce.
Substitutions
- Whole milk in the sauce
- Heavy cream gives a thicker, richer sauce that holds a drizzle on top of whipped cream. Use the same weight.
- White chocolate
- Caramelized white chocolate makes a toffee-like sauce that is slightly less sweet and very good with darker roasts.
- Steamed whole milk
- Oat milk works, but its own sweetness on top of the sauce can push the drink toward sugary; reduce the sauce to 20 ml.
Variations
- Iced white chocolate mocha
- Stir 30 ml sauce into the hot espresso, then pour over a glass of ice and 180 ml cold milk.
- White chocolate raspberry
- Add 10 ml raspberry syrup with the sauce and top with a few freeze-dried raspberries.
Troubleshooting
- The sauce went thick and grainy
- It overheated or a drop of water got in. Whisk in 1 tbsp warm milk at a time off the heat; often it smooths out.
- The drink is too sweet
- Cut the sauce to 20 ml and pull a stronger or longer shot. A pinch more salt in the sauce also helps.
- Sauce separated in the fridge
- Cocoa butter can rise as it cools. Warm it gently and stir before using.
Storage
Refrigerate the sauce in a covered jar and use it within about 1 week, since it contains milk; discard it if it smells sour. Do not leave the sauce or the finished drink at room temperature longer than 2 hours.
About this page
Written and reviewed by the MyDrinkAI editorial team. Last reviewed . Amounts and timings are a careful starting point, not a lab-tested formula; ingredients, equipment and kitchens vary. This recipe has no ratings or nutrition estimate.
Food-safety and health statements on this page follow these references:
- Are You Storing Food Safely? ↗U.S. Food and Drug Administration