Online Coffee Guide

Coffee Drink

Iced White Mocha: White Chocolate Recipe and Calories

By Mara EllisonReviewed by Online Coffee Guide editorial teamPublished Updated 5 min read

An iced white mocha is coffee, white chocolate or white chocolate sauce, cold milk and ice. This home recipe melts 24 g (0.85 oz) chopped white chocolate into 36 g hot espresso, then adds 150 g (⅝ US cup) cold milk and 120 g (4.2 oz) ice. Mixing the chocolate before chilling is the key to avoiding hard pieces in the glass.

Pale iced coffee in a tall glass topped with whipped cream and a pale drizzle.
Open full size

Drink Snapshot

Caffeine
~75 mg coffee referenceGeneric USDA espresso, 36 gCoffee component only; beans, extraction and flavored chocolate products affect caffeine.
Calories
About 240 kcalDefined whole-milk recipeCalculated with Baker's Canadian white chocolate baking bar; no whipped cream or drizzle.
Serving, sugar and sources
Serving
1 iced white mocha: 36 g espresso, 24 g (0.85 oz) white chocolate, 150 g (⅝ US cup) whole milk and 120 g (4.2 oz) ice
Made with
Espresso, white chocolate, cold milk and ice
Sugar
About 22 g total. Includes sugar already in the chocolate. Its label does not provide a separate added-sugar amount.
Preparation
About 4 minutes with equipment ready

All ingredients are weighed; a 400 ml (13.5 US fl oz) glass leaves space for ice. Estimates use a specific Canadian chocolate label plus generic milk and espresso records. See the full calculation or label comparison.

Key Takeaways

  • 1Melt the chopped chocolate fully before it meets ice. Use 30 g (2 US tbsp) of the milk to cool the base, then add the remaining 120 g (½ US cup).
  • 2White chocolate already contains sugar. Adding no separate sugar does not make this a no-added-sugar drink.
  • 3With the named white chocolate and whole milk, the recipe is about 240 kcal and 22 g total sugar.
On This Page11 Sections

What Is an Iced White Mocha?

An iced white mocha, also called an iced white chocolate mocha, combines coffee with white chocolate flavor, cold milk and ice. A white chocolate bar uses cocoa butter, sugar and milk ingredients rather than the cocoa powder used in the iced mocha recipe.

You can make the drink with a chopped bar or a prepared white chocolate sauce. They handle differently, and equal spoonfuls need not contain equal chocolate or sugar. Carnation's iced version uses a sauce; this recipe gives a measured starting point for a solid bar.

Measured Iced White Mocha Recipe

Glass: 400 ml (13.5 US fl oz), with room for ice.

Recipe

Measured Iced White Mocha

Makes:
1 drink in a 400 ml (13.5 US fl oz) glass
Time:
About 4 minutes; equipment ready

Ingredients

  • 18 g coffee beans, ground for espresso; aim for 36 g brewed
  • 24 g (0.85 oz) white chocolate, finely chopped
  • 150 g (⅝ US cup) cold whole milk, divided into 30 g (2 US tbsp) and 120 g (½ US cup)
  • 120 g (4.2 oz) ice

Equipment

  • Espresso machine, grinder, scale, spoon, heatproof cup and 400 ml (13.5 US fl oz) glass

Method

  1. Melt. Put 24 g (0.85 oz) chopped white chocolate in a heatproof cup. Brew 18 g ground coffee to 36 g espresso, pour over the chocolate and stir until melted, warming gently if needed.
  2. Cool. Once no chocolate pieces remain, stir in 30 g (2 US tbsp) cold whole milk.
  3. Assemble. Add 120 g (4.2 oz) ice and the remaining 120 g (½ US cup) milk to a 400 ml (13.5 US fl oz) glass. Pour in the cooled base, stir and serve.

Estimated nutrition per serving: 240 calories; total sugar 22 g. Serving: One glass; 24 g (0.85 oz) white chocolate and 150 g (⅝ US cup) whole milk; no toppings.

Recipe notes

Milk total: 150 g (⅝ US cup). Stir until the chocolate melts before adding ice.

Estimated at 240 kcal and 22 g total sugar using Baker's Canadian white chocolate.

For the shot, follow the espresso brewing method. A moka pot can supply the hot concentrated coffee for the alternative below.

I melt the chopped chocolate completely into the hot espresso. I don't rush the cold ingredients in. Once ice and milk join it, the little unmelted pieces are much harder to work into the drink.

The 18 g dry coffee is the brewing input; 36 g prepared espresso goes into the glass. The 150 g (⅝ US cup) milk is the whole serving, split between two steps.

If the espresso has cooled before you begin, gently warm the chocolate-coffee mixture in a suitable heatproof container, stirring often. Do not try to fix unmelted pieces by pouring the mixture onto ice.

Iced white mocha method: melt 24 g chopped white chocolate into 36 g hot espresso, cool with 30 g milk, then combine with 120 g ice and the remaining 120 g milk.
Open full size
Melt chocolate before adding ice; split the milk into 30 g (2 US tbsp) for cooling and 120 g (½ US cup) for the glass.

Generic Nutrition Estimate

240 kcal and 22 g total sugar per glass. The estimate combines the named chocolate label with generic milk and espresso records.

Coffee caffeine estimate: 75 mg, using generic USDA composition for 36 g prepared espresso. Beans and extraction affect the actual amount.

Ingredient calculations and sources
Generic Nutrition EstimateScrollable table
Generic Nutrition Estimate
IngredientRecipe amountEstimated caloriesEstimated total sugar
Baker's Canadian white chocolate baking bar24 g144 kcal14.4 g
Whole milk150 g91.5 kcal7.6 g
Prepared espresso36 g3.2 kcal0 g
Rounded totalOne drink; ice adds neither240 kcal22 g

The Baker's Canada 170 g bar lists 90 kcal and 9 g total sugar per 15 g. Scaling its label to 24 g gives 144 kcal and 14.4 g total sugar. The label does not separate added sugar. Sugar is already an ingredient of the bar, even though the recipe adds none separately.

Generic USDA espresso supplies 212 mg caffeine per 100 g: 36 × 2.12 = 76.32 mg, rounded to 75 mg.

Allergens and decaf: the named chocolate contains milk and soy; check substitute labels too. Decaf changes the coffee caffeine, not the chocolate’s sugar. Melting ice changes dilution, not the sugar already in the glass.

Choosing White Chocolate

Choosing White ChocolateScrollable table
Choosing White Chocolate
ChoiceWhat to look forHow to handle it
White chocolate barCocoa butter in the ingredients; a flavor you want in the drinkChop finely, then melt fully into hot coffee
White chocolate sauceIts ingredient list and recommended servingStir into coffee first; begin without extra sugar
White baking chipsCheck whether they are white chocolate or a flavored baking productChop if large; allow time to melt before chilling
White coating or candy meltsMay use a different fat blendExpect a different flavor and texture; not the measured bar recipe

A prepared sauce is the simpler shortcut if a bar repeatedly leaves pieces in your iced drink. For a first attempt, use the sauce maker's stated drink portion; 24 g (0.85 oz) bar is not automatically equivalent to 24 g (0.85 oz) sauce or one pump. Recalculate from that product's label.

Chocolate needs gentle heat. Ghirardelli's melting guidance recommends chopping and careful warming. You do not need to temper chocolate for this milk-and-coffee drink: the goal is a smooth mixture that will be diluted, not a set chocolate coating.

Iced White Mocha Sweetness Guide

Keep the coffee, milk and ice fixed while adjusting the chocolate. The figures below show the chocolate contribution only, calculated from the named Canadian bar.

Iced White Mocha Sweetness GuideScrollable table
Iced White Mocha Sweetness Guide
White chocolateCalories from chocolateTotal sugar from chocolate
12 g (0.42 oz)72 kcal7.2 g
18 g (0.63 oz)108 kcal10.8 g
24 g (0.85 oz): main recipe144 kcal14.4 g

Moving from 24 g (0.85 oz) to 18 g (0.63 oz) removes 36 kcal and 3.6 g total sugar from this example. Reducing the chocolate also reduces its cocoa butter and milk solids. The coffee's caffeine amount is unaffected if you keep the coffee portion unchanged.

Taste the mixed drink before adding another sweetener. If you want more coffee presence, consider less milk or a separately measured extra coffee portion; reducing white chocolate is another option.

Iced White Mocha vs. Similar Drinks

Iced White Mocha vs Similar DrinksScrollable table
Iced White Mocha vs Similar Drinks
DrinkChocolate or sweetenerMain difference
Iced mochaCocoa-based chocolateMore cocoa flavor; our cocoa recipe allows sugar to be adjusted separately
Iced latteNone requiredEspresso, milk and ice without the chocolate ingredient
White mochaWhite chocolate or sauceUsually hot milk; the cold version needs complete mixing before ice
Iced caramel latteCaramel syrup or sauceCaramel flavor rather than white chocolate

Compare the espresso portion for coffee strength, and the milk, chocolate and toppings for calories.

Milk, Toppings, and Dairy-Free Claims

Whole milk is used for the stated calculation. A different milk or plant drink changes the result; match its label units. If the carton gives values per 100 ml, measure the volume or use a verified density conversion; do not assume 150 g equals 150 ml.

Whipped cream, white chocolate drizzle and sweet cream cold foam are optional. The hero image shows a topped serving.

Plant milk alone does not make this dairy-free. The named white chocolate contains milk and soy. Check the chocolate or sauce and every topping as well as the milk replacement.

Iced White Mocha Troubleshooting

Iced White Mocha TroubleshootingScrollable table
Iced White Mocha Troubleshooting
ProblemLikely causeWhat to try
Hard chocolate piecesLarge pieces, cooled coffee or ice added too soonChop more finely and finish melting before cooling
A grainy or oily baseChocolate overheated or mixed unevenlyUse gentle heat and stir; try a drink sauce if the bar is difficult to disperse
Sauce at the bottomThe concentrated base was not mixed throughStir from the bottom before serving
Too sweetA sweet bar plus extra sauce or toppingLeave off extras first, then reduce the weighed chocolate
Weak or watery coffee flavorMild coffee base or substantial ice meltUse concentrated coffee, cold milk and the measured ice

Common Questions

Can I make an iced white mocha without an espresso machine?
Yes. Try 36 g (1.3 oz) hot concentrated moka-pot coffee, or dissolve one labelled serving of instant coffee in 36 g (1.2 US fl oz) hot water. Melt the chopped chocolate before cooling. These substitutes change the coffee strength and caffeine basis.
Can I use white chocolate sauce instead of a bar?
Yes. Stir the sauce into the coffee before adding milk and ice. Start with the manufacturer's stated drink portion and no extra sugar.
Does an iced white mocha have coffee and caffeine?
Yes. The recipe contains espresso, which supplies an estimated 75 mg caffeine using the generic reference above.
Is this the same as Starbucks Iced White Chocolate Mocha?
It shares the coffee, white chocolate, milk and ice idea, but this is a bar-based home recipe. Starbucks uses a branded sauce and its standard drink includes whipped cream; sizes and customizations change the comparison.
Can I make it less sweet?
Try 18 g (0.63 oz) of the same chocolate instead of 24 g (0.85 oz), with the other ingredients unchanged. That removes 36 kcal and 3.6 g total sugar in the label-based example, while also changing the chocolate's texture contribution.

Editor's Take

Sources and Further Reading

6 references

External links open in a new tab