What Is a Mocha? Recipe, Chocolate Choices and Caffeine

On This Page11 Sections

What Does a Mocha Taste Like?

Chocolate is the defining addition. Expect creamy milk, coffee flavor and a cocoa finish. With less sugar, cocoa can taste noticeably bitter; a sweetened sauce pushes the drink toward dessert.

For the recipe below, unsweetened cocoa and separately weighed sugar make adjustment straightforward. Keep the cocoa at 5 g (1 US tbsp) while finding your preferred sweetness, then change the milk or espresso only if the coffee balance needs attention.

Open full size

How to Make a Mocha with Cocoa Powder

Recipe

Mocha with cocoa powder

Makes:

1 serving

Time:

About 5–7 minutes with equipment ready

Print recipe

Ingredients

• 18 g coffee beans, ground for espresso, to brew 36 g espresso
• 180 g (¾ US cup) cold whole milk, weighed before heating
• 5 g (1 US tbsp) unsweetened cocoa powder; spoon measure follows the Hershey’s cocoa label
• 8 g (2 US tsp) granulated sugar

Equipment

• Espresso machine, grinder and tamper
• scales
• spoon
• milk pitcher or small saucepan
• thermometer
• 300 ml (10.1 US fl oz) heatproof cup

Method

1. Make the chocolate base. Put the cocoa and sugar in a 300 ml (10.1 US fl oz) heatproof cup. Distribute 18 g ground coffee evenly in the basket, tamp level, then brew 36 g espresso in a separate vessel, adjusting the grind to your beans and machine. Stir a little hot espresso into the dry ingredients to make a smooth paste, then gradually stir in the remaining espresso.
2. Warm the milk. Weigh 180 g (¾ US cup) cold whole milk. Gently heat it in a saucepan, or steam it in a pitcher suited to that quantity, adding a little fine foam. Aim for 60–65°C (140–149°F) and avoid boiling. Wipe and purge the steam wand after use.
3. Combine and serve. Pour the warmed milk into the chocolate-coffee base and stir gently, leaving headroom. Taste before adding more sugar. Serve warm; cream and toppings are not included in this recipe.

Estimated nutrition per serving: 155 calories; total sugar 17.2 g. Serving: 1 mocha, without cream or toppings.

Recipe notes

Use a saucepan if 180 g (¾ US cup) milk is below your pitcher's minimum fill.

Use 4 g (1 US tsp) sugar for less sweetness. Cocoa contributes caffeine even with decaf. Cream and toppings are excluded.

Scales make the portions repeatable; a spoon measure depends on the ingredient. For other brewing equipment, see the alternatives.

For the espresso dose, yield and grind setup, follow the espresso brewing method.

The milk target follows Breville's mocha guidance; the measured cocoa and sugar portions are an adjustable home starting point. Use the saucepan if your pitcher needs more than the measured milk portion. Leave space for any foam rather than filling the cup to the rim.

Cocoa Powder, Chocolate Sauce or Dark Chocolate?

Each can make a mocha, but they are not interchangeable spoon for spoon. Unsweetened cocoa gives you separate control over chocolate and sugar. A sauce includes its own sweeteners; a chocolate bar also contributes cocoa butter.

These are different home starting points, not equal amounts of cocoa, sugar or caffeine. Natural and Dutch-process cocoa can both be used; their flavor and color differ. Nespresso's mocha guide also illustrates the range of powder, syrup and melted-chocolate preparations.

For a mint-and-chocolate variation, the peppermint mocha recipe measures peppermint syrup separately from cocoa and includes cocoa's contribution to caffeine.

For a richer mocha, I consider melted chocolate before adding whipped cream. Chocolate changes the body throughout the drink, while cream on top mostly changes the first sips; I choose according to where I want that extra richness.

Open full size

What a Tablespoon Changes: A Label Comparison

The US Hershey's unsweetened cocoa label lists 5 g per tablespoon, 10 calories and no added sugar. Its chocolate syrup label lists 19 g per tablespoon, 45 calories and 10 g added sugar. These are the manufacturer's listed servings, checked on 1 October 2026.

The syrup serving has nearly four times the mass and already adds sugar. Replace the separate sugar along with the cocoa, then taste; these labels do not imply equal chocolate intensity or describe every sauce.

Mocha vs. Latte, Hot Chocolate and Mochaccino

For a dessert-inspired coffee with a light cocoa finish, see tiramisu latte. Its measured recipe uses tiramisu-flavored syrup rather than a piece of dessert, mascarpone or raw egg.

The chocolate addition is also the central distinction in Breville's mocha–latte comparison. A bicerin has its own layered coffee, drinking-chocolate and cream tradition.

To order: specify hot or iced, the milk, and whether you want whipped cream. For a less sweet drink, ask about reducing the sauce. If chocolate and sugar arrive together in a sauce, less sauce also means less chocolate; a café may not be able to adjust those separately.

Mocha Caffeine, Calories and Sugar

This recipe is about 155 calories, 17.2 g total sugar and a roughly 90 mg caffeine reference. The caffeine calculation includes both the espresso and cocoa. These are estimates for the plain recipe above.

Caffeine Comes from Coffee and Cocoa

For the stated portions, the generic references contribute about 76 mg from espresso and 12 mg from cocoa, rounded together to roughly 90 mg.

Caffeine calculation: espresso and cocoa

The USDA generic records list 212 mg caffeine per 100 g prepared espresso and 230 mg per 100 g unsweetened cocoa. For the declared portions:

Caffeine comes from coffee and cocoaScrollable table

Caffeine comes from coffee and cocoa

Ingredient	Reference calculation	Caffeine contribution
36 g brewed espresso	212 × 36 ÷ 100	About 76 mg
5 g unsweetened cocoa	230 × 5 ÷ 100	About 12 mg
Milk and sugar	No caffeine in these reference records	0 mg
Total	87.82 mg before rounding	Roughly 90 mg

Actual beans, espresso extraction and cocoa vary. With equal espresso portions, the cocoa adds caffeine compared with a plain latte; the names alone do not rank two differently sized café drinks. For a branded order, use the café's figures for the actual size and recipe.

Cocoa also contains theobromine, a different compound. The same USDA cocoa record gives about 103 mg theobromine in 5 g. It is not added to the caffeine total. Decaf coffee reduces the coffee contribution, but the cocoa still contributes about 12 mg in this reference example, plus any residual caffeine in the decaf espresso.

Less Sugar, with the Cocoa Unchanged

Keep 36 g espresso, 180 g (¾ US cup) whole milk and 5 g (1 US tbsp) cocoa fixed, and change only the granulated sugar:

Halving the added sugar removes about 15 calories while leaving the cocoa and caffeine reference unchanged. No added sugar does not mean sugar-free: most remaining sugar comes naturally from milk.

Calorie and sugar calculation

Calculations combine the USDA whole milk, granulated sugar, espresso and cocoa records, multiplied by the ingredient masses. They count the full intended milk portion and exclude cream, extra dusting and toppings. Different milk, chocolate sauce, retained pitcher milk and larger portions require a new calculation.

Mocha Troubleshooting

Without an Espresso Machine, or with Different Milk

For a moka-pot variation, use 60 g (2.1 oz) normally brewed moka coffee in place of the espresso. For an instant-coffee approximation, start with 2 g instant coffee dissolved in 40 g (1.4 US fl oz) hot water, adjusting to the product. Keep the cocoa, sugar and milk quantities initially unchanged. These substitutions alter strength and caffeine, so the espresso-based caffeine estimate no longer applies. Follow the moka-pot guide for brewing technique.

For an oat-milk or other dairy-free mocha, use 180 g (6.3 oz) of your chosen plant milk, follow its heating guidance, and check the chocolate and toppings for milk ingredients. Sweetened plant milk changes the sugar calculation. A frother is optional: gently heated milk makes a workable home mocha without café-style foam.

For a cold drink, use the separate iced mocha recipe, which accounts for milk and ice. Pouring the full hot recipe over ice changes the dilution and is not the same preparation.

Common Questions

Does a Mocha Contain Caffeine?

Yes: both coffee and cocoa contribute it. The caffeine calculation includes both; decaf espresso still leaves cocoa caffeine.

Can I Use Chocolate Syrup Instead of Cocoa?

Yes. Start with 20 g (0.7 oz) chocolate syrup in place of both the cocoa and sugar, keeping the espresso and milk portions the same. The chocolate choices explain the alternatives; taste before adding more sweetener.

Can I Make It Without an Espresso Machine?

Use the measured moka-pot or instant alternatives; their caffeine differs from the espresso recipe.

History and Culture

The word mocha has an older coffee-trade meaning connected with Mocha, or Mokha, the Yemeni port. Merriam-Webster records that geographic origin. This does not establish that today's chocolate-and-milk espresso drink was invented there, or that a café mocha must use Yemeni coffee beans.

Editor's Take

Sources and Further Reading

7 references

External links open in a new tab

Preparation

• BrevilleMocha preparationMixing chocolate with espresso and heating milk to 60–65°C; the measured home quantities are ours.(opens in a new tab)

Chocolate labels

• Hershey'sUnsweetened cocoa labelSpecific US cocoa product used in the tablespoon and added-sugar comparison.(opens in a new tab)
• Hershey'sChocolate syrup labelSpecific US syrup product; its serving values are not generic sauce values.(opens in a new tab)

Nutrition references

• USDA Standard ReferencePrepared espresso, NDB 14210Generic mass-based caffeine and nutrition values.(opens in a new tab)
• USDA Standard ReferenceWhole milk, NDB 01077Ingredient values for the intended cold-milk mass.(opens in a new tab)
• USDA Standard ReferenceUnsweetened cocoa, NDB 19165Nutrition, caffeine and separate theobromine values.(opens in a new tab)
• USDA Standard ReferenceGranulated sugar, NDB 19335Mass-based calorie and sugar values for the recipe and reduced-sugar comparisons.(opens in a new tab)