Beverages

Serving

Mocha

Name: Mocha
Total time: 8 min
Yield: 1 servings
Cuisine: Beverages
Ingredients: 1 shot espresso; 1 tablespoon unsweetened cocoa powder; 1 tablespoon sugar; 3/4 cup milk, steamed; whipped cream, optional, for topping

A rich coffeehouse-style mocha combining espresso, chocolate, and steamed milk.

8 minutes

Serves 1

Breakfast

5 min prep

6 min cook

Contains common allergens

Dairy

In the app, Listahan checks these against your household automatically.

Good to know

Ready in under 30 minutes

Matched from this dish's own ingredients and timing. Browse more: 30-minute meals

Instructions

4 steps

1
Whisk cocoa powder and sugar with a splash of milk in a mug to form a smooth paste.
2
Brew the espresso and stir it into the chocolate paste.
3
Steam or heat the remaining milk until frothy and pour into the mug.
4
Stir gently and top with whipped cream if desired.

Mocha — plated and served — Serving moment. How Mocha looks plated and ready to eat — a representative photo, not a step in the recipe.

Listahan Family Score™

72/100

Good fit for most families

Allergen-friendly 90

Kid-friendly 55

Weeknight-easy 86

Budget-friendly 72

Great leftovers 50

Pantry-friendly 51

Score reflects how well this recipe fits a typical busy household. In the app, your Family Score is personalized to your household's allergens, kids, and pantry.

Nutrition

per serving

175

Calories

7 g

Protein

24 g

Carbs

7 g

Fat

Estimated per serving. Actual values depend on the brands and portions you use.

Listahan cooking guide

Chef notes & practical guide

Technique notes, ingredient swaps, serve-alongside ideas, storage guidance, and equipment for this recipe.

Cultural context

The mocha takes its name from the Yemeni port city of Mocha, once the main hub for the coffee-chocolate trade routes between Africa, Arabia, and Europe. The modern espresso-and-cocoa version most people know now took shape in Italian and American cafes as a bridge between hot chocolate and straight coffee.

Listahan note

This version builds a real chocolate paste first instead of just stirring in syrup, which keeps the cocoa flavor rounded instead of one-note sweet.

Technique cues

Whisking cocoa and sugar with a small splash of milk before adding the espresso avoids clumping and gives a smoother drink.
Steam or heat the remaining milk until it's frothy but not scalded, since overheated milk can taste slightly burnt.
Pour the espresso into the chocolate paste, not the other way around, so the chocolate dissolves evenly.

Kitchen flow

Parallel prep: Whisk the cocoa paste while the espresso machine or coffee maker is running.
Make-ahead: Make a batch of the chocolate-sugar paste ahead and refrigerate; whisk in fresh espresso and milk each morning.
Leftover move: Chill any extra chocolate paste and stir into cold milk over ice for an iced mocha the next day.
Cleanup rhythm: Rinse the mug and frother right after use so cocoa doesn't dry and stick to the sides.

Ingredient brief

Role, handling, and swap guidance for each key ingredient.

Espresso

Coffee backbone

Purpose: Espresso's concentrated flavor stands up to the chocolate without getting lost in it.

Handling: Brew fresh right before assembling the drink so it's still hot when it meets the chocolate paste.

Adaptation: Strong brewed coffee, reduced slightly, can stand in if an espresso machine isn't available.

Unsweetened cocoa powder

Chocolate flavor

Purpose: Cocoa powder gives a deep, slightly bitter chocolate note that balances the milk's sweetness.

Handling: Whisk with sugar and a splash of milk into a smooth paste before adding more liquid.

Adaptation: Melted dark chocolate can replace the cocoa powder for a richer, more dessert-like mocha.

Milk, steamed

Body and froth

Purpose: Steamed milk gives the mocha its familiar creamy texture and a light foam on top.

Handling: Heat gently and froth with a handheld frother or by shaking in a sealed jar and microwaving briefly.

Adaptation: Oat milk froths especially well as a dairy-free option.

Technique notes

Do not skip tempering the cocoa paste with a small splash of milk first; adding hot espresso directly to dry cocoa causes clumping.
A pinch of salt in the cocoa paste sharpens the chocolate flavor noticeably.
For café-style foam, tilt the milk pitcher and pour slowly so the foam sits distinctly on top rather than mixing in.

Ingredient swaps

Dairy-free direction: Use oat or soy milk, both of which froth well and steam similarly to dairy.
Lower-sugar direction: Cut the sugar by half and let the natural bitterness of the cocoa come through more.
Decaf direction: Use decaffeinated espresso or strong decaf coffee for an evening version.

Serve alongside

Chocolate croissant
Biscotti
A slice of banana bread
Shortbread cookies
A glass of cold water on the side to cleanse the palate
Iced mocha as a summer variation
Hot chocolate for a coffee-free alternative

Serving suggestions only — check pairings for your household's allergens.

Storage & reheating

Best enjoyed immediately while hot and freshly frothed.
The chocolate-sugar paste alone can be refrigerated in a sealed jar for up to a week.
Not recommended to store the finished drink; milk and espresso separate and the froth collapses.

Equipment

Espresso machine or stovetop moka pot
Milk frother or small whisk
Small saucepan for warming milk

Make this household-aware

Listahan Pro checks this recipe against your household's allergens, finds pantry-aware swaps, builds the shopping list, and helps you plan the week around it.

Get the app