Caffè mocha

Name: Caffè mocha
Prep time: 3 min
Cook time: 3 min
Total time: 6 min
Ingredients: 20 g dark chocolate (70–85%), finely chopped; 36 ml espresso; 1 tsp sugar; 180 ml milk, cold; 30 ml heavy cream, lightly whipped (optional); ¼ tsp cocoa powder (optional)

Vegetarian

Espresso, melted dark chocolate and steamed milk in one mug — halfway between a latte and a hot chocolate.

Caffè mocha is an International hot drink, ready in about 6 minutes and made with dark chocolate (70–85%), espresso and milk. It serves 1 and is rated easy to cook.

Start cooking

A glass of mocha coffee topped with whipped cream and chocolate, set on a saucer. — Photo: Franco Monsalvo / Pexels · Pexels License

Prep: 3 min
Cook: 3 min
Total: 6 min
Serves: 1
Level: Easy
Calories: 252

Ingredients

1 mug

20 g Dark chocolate (70–85%) (opens in a new tab), finely choppedSwap: Cocoa powder (Use 2 tsp cocoa plus 2 tsp sugar instead.); Milk chocolate (Sweeter; leave out the sugar.)
36 ml Espresso (opens in a new tab)One double shot, hot.
1 tsp (4 g) Sugar (opens in a new tab)Adjust to the chocolate's sweetness.
180 ml Milk (opens in a new tab), coldSwap: Oat milkContains milk
30 ml Heavy cream (opens in a new tab), lightly whipped (optional)Optional topping.Contains milk
¼ tsp (0.5 g) Cocoa powder (opens in a new tab) (optional)For dusting.

Equipment

Method

1
Step 1
Put the chopped chocolate (opens in a new tab) and sugar (opens in a new tab) in a warmed mug and pull the double espresso (opens in a new tab) straight onto it. Stir until the chocolate has melted into a smooth syrup.
- 2 min
- Espresso machine (opens in a new tab)
2
Step 2
Steam the milk (opens in a new tab) to 60–65 °C with a little air for a latte-style microfoam.
- 1 min
- 63°C · milk
- Milk frother (opens in a new tab)
Food safety: Steam wands and freshly steamed milk are scalding: purge the wand away from your hand and wipe it straight after use.
3
Step 3
Pour the milk (opens in a new tab) into the chocolate (opens in a new tab) coffee, stirring once. Top with whipped cream and a dusting of cocoa if you like.
- 1 min

About this dish

Origin: Not attributed to one place · Origin uncertainA coffee-shop drink popularised in North America; the name refers to the Yemeni port of Mocha, once famous for coffee, not to chocolate.Also popular in United States, Canada, United Kingdom, Australia
Dish: Snack · Brunch · Hot drinks
Cooking method: Steamed
Taste: sweet, rich, bitter, creamy
Diet: Vegetarian (lacto-ovo) · No gluten ingredients
All labels
Vegetarian (lacto-ovo) · Eggetarian · Lacto-vegetarian · Pescatarian · Flexitarian-friendly · No gluten ingredients · Egg-free · Alcohol-free · Pork-free · Beef-free · Low-sodium
With the listed swaps: Vegan, Plant-based, Ovo-vegetarian, Dairy-free, No nut ingredientsWorked out from the ingredients. How labels work
Good for: Everyday
Cook more with: Dark chocolate (70–85%) · Espresso · Milk · Sugar
Techniques: Steaming

Allergens

Contains, can be adapted: Milkfrom dark chocolate (70–85%), milk, heavy cream
May contain: Peanutsfrom dark chocolate (70–85%)
May contain: Tree nutsfrom dark chocolate (70–85%)
May contain: Soyfrom dark chocolate (70–85%)

Based on typical versions of these ingredients and not verified allergen-free. Brands differ and cross-contact happens, so always check labels. For severe allergies, follow your clinician’s advice.

Nutrition

252 kcal per serving

Calculated

1 serving ≈ 246 g · recipe makes 1

Where the energy comes from

Protein 12%
Carbohydrate 36%
Fat 52%

Nutrition per serving and per 100 g
Nutrient	Per serving	Per 100 g*
Energy	252 kcal	103 kcal
Protein	7.4 g	3 g
Carbohydrate	22.9 g	9.3 g
Net carbohydrate	20.7 g	8.4 g
Sugars	18.3 g	7.5 g
Added sugars	—	—
Fibre	2.2 g	0.9 g
Fat	14.6 g	6 g
Saturated fat	8.4 g	3.4 g
Trans fat	—	—
Cholesterol	19 mg	8 mg
Sodium	89 mg	36 mg
Salt equivalent	0.2 g	0.1 g

Vitamins & minerals per serving

Potassium: 429 mg
Calcium: 225 mg
Iron: 2.5 mg
Magnesium: 93 mg
Vitamin A (RAE): 86 µg
Vitamin C: —
Vitamin D: —
Vitamin B12: 0.9 µg
Folate (DFE): —

How these numbers were made

Calculated from USDA FoodData Central (SR Legacy) per-100 g values and the listed quantities.
*Per 100 g of combined raw ingredients; the cooked dish may weigh more or less.
Optional ingredients are not included: heavy cream, cocoa powder.
“—” means the value isn’t known for enough of the ingredients; it is never zero by default.
Values are estimates for guidance, not for medical dosing. U.S. Department of Agriculture, Agricultural Research Service. FoodData Central, 2019. fdc.nal.usda.gov.

Good to know

Tips

Melting the chocolate in the hot espresso first stops it sinking to the bottom in lumps.

Common mistakes

Adding the chocolate to the milk instead of the hot espresso — it does not melt fully and settles as a sludge.

Storage

Make to order and drink straight away.

Variations

White mocha: Use white chocolate and skip the sugar.

Original editorial recipe · FriendsPantry editorial · Not yet independently reviewed · Added 29 Oct 2026 · Updated 8 Nov 2026

Recipe DNA

How this dish is built

Customise in Sip & BlendCompare with

Grouped by each ingredient’s role in the dish. Each band’s width is its share of the dish by weight. Choose a component to see what it does.

What the dish is built around

Main ingredient

Milk, cold180 ml · 185 g

Used in step 2

Less sweet, dairy-free, caffeine-free or for more people — the original stays as it is.

Customise in Sip & Blend

Reviews & corrections

Reviews come from signed-in cooks and appear after a moderator checks them. We never show made-up ratings.

Caffè latte
Italian · 4 min · 141 kcal · Vegetarian
Cioccolata calda (Italian thick hot chocolate)
Italian · 13 min · 290 kcal · Vegetarian
Blueberry Muffins
American · 47 min · 220 kcal · Contains egg
Coffee milkshake
American · 5 min · 377 kcal · Vegetarian