White Chocolate Mocha Recipe
Share
A white chocolate mocha is espresso and steamed milk blended with white chocolate sauce, usually topped with whipped cream. For a 12 oz drink, stir 2 tablespoons of white chocolate sauce into 2 shots of espresso, then add 8 oz of steamed milk. Below is a 5-minute homemade white chocolate sauce, hot and iced versions, and topping ideas that make it feel like a café order.
What Is a White Chocolate Mocha?
A classic mocha combines espresso, milk and dark chocolate or cocoa. The white chocolate mocha swaps that for white chocolate, which is made from cocoa butter, sugar and milk solids but no cocoa solids. That means no bitter chocolate edge: the drink tastes creamy, vanilla-like and sweet, with espresso providing the contrast.
If you prefer the original version, our guide on how to make a café mocha at home walks you through the dark chocolate classic.
Homemade White Chocolate Sauce
Store-bought sauces work, but homemade sauce tastes like real chocolate and takes about 5 minutes. This makes roughly 1 cup (240 ml), enough for 6–8 drinks.
- 1 cup (170 g) good-quality white chocolate chips or chopped bar
- 1/2 cup (120 ml) whole milk or half-and-half
- 2 tablespoons (25 g) sugar (optional, for a café-sweet sauce)
- 1/2 teaspoon vanilla extract
- A pinch of salt
- Warm the milk and sugar in a small saucepan over low heat until steaming. Do not boil.
- Remove from the heat and add the white chocolate. Let it sit for 1 minute.
- Whisk until completely smooth, then whisk in the vanilla and salt.
- Cool slightly and pour into a jar or squeeze bottle. Refrigerate for up to 1 week and warm gently before using.
Tip: White chocolate scorches easily. Keep the heat low, and choose chocolate that lists cocoa butter as an ingredient. “White baking chips” made with other fats do not melt as smoothly.
How to Make a Hot White Chocolate Mocha
For one 12 oz (350 ml) drink:
- Add the sauce. Spoon 2 tablespoons (30 ml) of white chocolate sauce into a warm mug.
- Pull the espresso. Brew 2 shots (2 oz / 60 ml) directly onto the sauce and stir until smooth. New to espresso? Read How to Make the Perfect Espresso at Home.
- Steam the milk. Heat 8 oz (240 ml) of milk to 140–150°F (60–65°C) with a soft layer of microfoam.
- Combine. Pour the milk into the mug and stir once.
- Top. Add whipped cream and your favorite topping (ideas below).
Iced White Chocolate Mocha
White chocolate sauce firms up when cold, so always mix it with hot espresso first.
- Stir 2–2.5 tablespoons (30–37 ml) of sauce into 2 hot espresso shots until fully blended.
- Fill a 16 oz glass with ice and pour in 6 oz (180 ml) of cold milk.
- Pour the white chocolate espresso over the top and stir well.
- Finish with whipped cream or cold foam.
For more chilled ideas built on the same base, see our iced latte guide and Flavored Iced Coffee: 5 Easy Recipes.
Ratios by Size
| Size | Espresso | White chocolate sauce | Milk |
|---|---|---|---|
| 8 oz (240 ml) hot | 1 shot (30 ml) | 1 tbsp (15 ml) | 6 oz (180 ml) |
| 12 oz (350 ml) hot | 2 shots (60 ml) | 2 tbsp (30 ml) | 8 oz (240 ml) |
| 16 oz (475 ml) hot | 2 shots (60 ml) | 3 tbsp (45 ml) | 12 oz (350 ml) |
| 16 oz (475 ml) iced | 2 shots (60 ml) | 2–2.5 tbsp (30–37 ml) | 6 oz (180 ml) + ice |
Toppings and Variations
Toppings
- Whipped cream with white chocolate shavings
- A drizzle of caramel or raspberry sauce
- Crushed candy canes for the holidays
- A dusting of cinnamon or nutmeg
- Toasted coconut flakes
Variations
- Peppermint white mocha: Add 1/4 teaspoon peppermint extract, or brew with our Candy Cane flavored coffee. Love the dark version? Our Peppermint Mocha Recipe has you covered.
- Raspberry white mocha: Add 1 tablespoon of raspberry syrup.
- Toasted white mocha: Caramelize the white chocolate in a low oven (about 250°F / 120°C), stirring every 10 minutes, before making the sauce for nutty, caramel notes.
- Matcha white mocha: Replace espresso with 1 teaspoon matcha whisked into 2 oz hot water.
- Dairy-free: Use dairy-free white chocolate and oat milk.
Choosing the Right Coffee
White chocolate is very sweet, so you want espresso with enough body and roast character to balance it. Dark and medium-dark roasts with cocoa or nutty notes work best. Light, fruity coffees can taste thin and sour against all that sugar. If your drink tastes cloying, the fix is usually stronger coffee, not less sauce.
A blend with built-in cocoa and caramel notes, such as our Cowboy Blend, bridges the gap between bold espresso and creamy white chocolate. For an extra kick on long workdays, a shot pulled with higher-caffeine beans keeps the drink from feeling like pure dessert.
White Chocolate Mocha FAQ
What is the difference between a mocha and a white chocolate mocha?
A mocha uses dark chocolate or cocoa, which adds a slightly bitter chocolate flavor. A white chocolate mocha uses white chocolate, which is sweeter and creamier with vanilla notes and no cocoa bitterness.
Does a white chocolate mocha have caffeine?
Yes, from the espresso. A two-shot drink typically has around 120–150 mg of caffeine. White chocolate contains no cocoa solids, so it adds little or no caffeine of its own.
Why is my white chocolate sauce grainy?
It probably overheated or a drop of water got into melting chocolate, causing it to seize. Melt it gently over low heat in warm milk and whisk constantly.
Can I use white chocolate chips straight in coffee?
They tend to melt unevenly and leave clumps. Melting them into a quick sauce first gives a smooth drink.
Make It Bold, Make It Fresh
A white chocolate mocha needs espresso that can stand up to the sweetness. Every Feel Espresso coffee order is roasted 1–5 days before delivery. Try the dark, full-bodied 6 Bean Blend, the nutty Brazil Santos, or browse our best sellers for your next mocha base.