Coffee Drink
White Mocha: Recipe, Ingredients and Sweetness Guide
A white mocha, or white chocolate mocha, combines espresso, white chocolate sauce and milk. It tastes creamy and sweet, with less cocoa bitterness than a classic mocha. Whipped cream is optional. The coffee comes from the espresso; the pale color does not mean it is caffeine-free.
Drink Snapshot
- Caffeine
- About 126 mgPublished espresso reference for 60 ml (2 US fl oz)Two 30 ml reference servings; beans, dose and extraction vary.
- Calories
- About 175 kcalWhole milk + named sauce + espresso; no toppingsWhole milk, sauce and espresso ingredient calculation.
Serving, sugar and sources
- Serving
- 1 home drink; 60 ml (2 US fl oz) espresso + 180 g (¾ US cup) milk + 15 ml (1 US tbsp) sauce
- Made with
- Espresso + milk + white chocolate sauce
- Sugar
- About 20 g total. About 9 g from milk and 11 g from sauce; 10 g is added sugar on the named sauce label.
- Preparation
- About 5 minutes
USDA ingredient estimates and Monin US 12 oz bottle nutrition, reviewed 24 September 2026. Caffeine uses Mayo Clinic’s espresso reference. See the full calculation or label comparison.
Key Takeaways
- 1Start with 60 ml (2 US fl oz) espresso, 15 ml (1 US tbsp) white chocolate sauce and 180 g (¾ US cup) whole milk. Stir the sauce into the hot coffee first.
- 2This defined home serving is about 175 kcal and 20 g total sugar, without toppings.
- 3For less sweetness, reduce the sauce while keeping the espresso and milk fixed. More milk dilutes sweetness but does not remove sugar.
On This Page8 Sections
White Mocha Recipe
Use a 300 ml (10.1 US fl oz) mug for headroom.
Recipe
White Chocolate Mocha
- Makes:
- 1 drink
- Time:
- About 5 minutes with the espresso machine ready
Ingredients
- 60 ml (2 US fl oz) prepared espresso (double-shot example)
- 15 ml (1 US tbsp) white chocolate sauce
- 180 g (¾ US cup) whole milk, weighed cold
Equipment
- Espresso maker, scale, tablespoon, milk pitcher or pan, thermometer, spoon, 300 ml (10.1 US fl oz) mug
Method
- Measure. Add 15 ml (1 US tbsp) sauce to a warmed 300 ml (10.1 US fl oz) mug; weigh 180 g (¾ US cup) cold milk.
- Mix the coffee. Prepare 60 ml (2 US fl oz) espresso and stir it into the sauce until smooth.
- Warm the milk. Steam to 60–65°C (140–149°F) with fine foam, or heat gently in a pan and briefly froth.
- Combine. Pour all the measured milk into the coffee mixture. Taste before adding any topping; serve comfortably hot.
Estimated nutrition per serving: 175 calories; total sugar 20 g. Serving: 1 drink, without toppings.
Recipe notes
About 175 kcal and 20 g total sugar with the named Monin US 12 oz sauce; 10 g is added sugar. Toppings excluded.
Caffeine reference: 126 mg for 60 ml (2 US fl oz) espresso.
Use the espresso brewing method for preparation technique, following your machine’s suitable dose for this volume-based serving.
Starbucks at Home also mixes the chocolate ingredient with espresso before adding milk. Breville’s milk guidance supports the gentle steaming range. Aim for small bubbles rather than a dry foam mound.
Without an espresso machine: use 60 ml (2 US fl oz) prepared moka coffee or concentrated instant coffee, then warm and froth the milk separately. Use the caffeine information for your chosen alternative coffee. Prepare a moka pot at its intended capacity and measure the finished coffee.
White Mocha vs. Mocha, Latte and White Hot Chocolate
Swipe to see all columnsScroll to see all columns
| Drink | Coffee base | What flavors it? | What to expect |
|---|---|---|---|
| White mocha | Espresso | White chocolate sauce or melted white chocolate | Creamy sweetness with coffee bitterness |
| Mocha | Espresso | Cocoa, chocolate or mocha sauce | More cocoa character; sweetness depends on the recipe |
| Latte | Espresso | Usually no chocolate or syrup | Milk and coffee without added chocolate sweetness |
| White hot chocolate | No espresso | White chocolate or white chocolate sauce | A sweet milk drink without the coffee base |
Compare the actual espresso and chocolate portions. With the same espresso, the coffee contribution is the same; cocoa-containing chocolate can contribute additional caffeine. A vanilla latte uses vanilla syrup instead of white chocolate sauce, although the two can share a sweet, milky character.
Which White Chocolate Works Best in a White Mocha?
Swipe to see all columnsScroll to see all columns
| Ingredient | Check the label for | How to use it |
|---|---|---|
| White chocolate sauce | Sugar, dairy, fats and flavorings; cocoa butter is not guaranteed | Measure and stir into hot espresso |
| White chocolate-flavored syrup | Ingredients and serving size; usually thinner than sauce | Start with a measured small portion |
| White chocolate bar | Cocoa butter, milk ingredients and sugar | Finely chop 15–20 g (0.5–0.7 oz) and melt into hot espresso; recalculate nutrition |
White chocolate gets its richness from cocoa butter rather than the nonfat cocoa solids that give darker chocolate its characteristic cocoa taste. The US standard for white chocolate defines the chocolate product; it does not mean every white chocolate-flavored sauce has that composition.
Dairy-free ordering takes two checks: choose a suitable plant drink and check the sauce. Many sauces contain milk, and changing only the steamed milk does not remove that ingredient. For an allergy, check the current product label and the café’s handling of shared equipment.
White Mocha Caffeine, Calories and Sugar
Does a White Mocha Have Caffeine?
Yes, when made with regular espresso. Mayo Clinic’s reference table gives 63 mg for 30 ml espresso. Doubling that reference gives about 126 mg for this 60 ml (2 US fl oz) example. It is a published estimate, not a measurement of your beans or extraction. For café orders, check the stated espresso portion.
Decaf espresso lowers caffeine substantially but does not guarantee zero. Milk and white chocolate sauce do not cancel the espresso’s caffeine.
Our Ingredient Calculation
Swipe to see all columnsScroll to see all columns
| Ingredient in this serving | Estimated energy | Total sugar |
|---|---|---|
| Whole milk, 180 g (¾ US cup) | 110 kcal | 9.1 g |
| Monin US white chocolate sauce, 15 ml (1 US tbsp), 12 oz bottle label | 60 kcal | 11 g |
| Prepared espresso, 60 ml (2 US fl oz) | 5 kcal | 0 g in the reference |
| Rounded total, no toppings | 175 kcal | 20 g |
Serving calculation and sources
The milk values use USDA FoodData Central record 171265: 61 kcal and 5.05 g sugar per 100 g. The coffee energy allowance uses record 171891, with 60 ml treated as approximately 60 g for this small estimate. The Monin US product page lists 10 g added sugar within its 15 ml portion’s 11 g total sugar; the rest of the drink’s sugar is not all added sugar.
Why name the bottle? On 24 September 2026, that same manufacturer’s page listed 60 kcal per 15 ml for its 12 oz bottle, but 110 kcal per 30 ml for its 64 oz bottle. Halving the latter gives 55 kcal, not 60. Label rounding and product listings mean a generic “one pump” or “one tablespoon of sauce” is not an exact nutrition value. Use the panel for the product you have, including its stated portion size.
Make It Less Sweet
These estimates keep the same espresso and 180 g (¾ US cup) whole milk, changing only the named sauce:
Swipe to see all columnsScroll to see all columns
| Sauce amount | Estimated drink calories | Estimated total sugar |
|---|---|---|
| 5 ml (1 US tsp) | 135 kcal | 13 g |
| 10 ml (2 US tsp) | 155 kcal | 16 g |
| 15 ml (1 US tbsp) | 175 kcal | 20 g |
I keep white chocolate restrained because it brings sweetness and creaminess without cocoa's bitter edge. The espresso supplies that contrast for me; if I add too much chocolate, I lose the roasted finish that makes this feel like coffee.
Adding milk changes concentration and serving size rather than removing the sugar already present.
For a café order, specify the drink size, espresso shots, milk, sauce amount and toppings. Use the café’s current nutrition information for its standard serving or customized order.
White Mocha: Hot, Iced and Common Fixes
For an iced white mocha, dissolve the sauce in hot espresso first, then use cold milk and ice in a larger glass. Ice changes temperature and dilution; it adds no sugar. Follow the dedicated iced guide for its serving proportions.
| If your cup is… | Change this next time |
|---|---|
| Too sweet | Reduce sauce to 10 ml (2 US tsp); keep the other amounts fixed |
| Too milky | Use less milk while keeping the prepared espresso portion |
| Uneven or clumpy | Fully stir sauce or chopped chocolate into hot espresso before milk |
| Harsh underneath the sweetness | Adjust the espresso grind or extraction before adding more sauce |
| Covered in dry foam | Introduce less air and swirl the pitcher before pouring |
| Cooked-tasting | Heat the milk more gently and use a thermometer |
Common Questions
Is white mocha the same as white chocolate mocha?
Is white mocha sweeter than regular mocha?
Can I use white chocolate chips?
Can I make a white mocha without coffee?
Does a white mocha contain dairy?
Editor's Take
Sources and Further Reading
7 references
External links open in a new tab
Recipe and ingredients
Serving estimates
- Monin USWhite Chocolate Sauce product labelsOur nutrition example uses the 12 oz bottle panel, reviewed 24 September 2026.(opens in a new tab)
- USDA FoodData CentralWhole milk, record 171265Milk energy and total sugar per 100 g, scaled to the weighed 180 g portion.(opens in a new tab)
- USDA FoodData CentralEspresso, record 171891Generic espresso energy allowance; not a measured home extraction.(opens in a new tab)
- Mayo ClinicCaffeine reference tablePublished 30 ml espresso reference used for the stated 60 ml example.(opens in a new tab)