How to Make Mocha Coffee with Chocolate and Milk

If you've ever ordered a mocha and ended up with something too sweet, watery, or oddly grainy, you're not alone. Many café mochas lack balance—either the chocolate overpowers the coffee or the milk dilutes everything. So how do you get that smooth, rich mocha with deep cocoa notes and velvety texture that feels like dessert and coffee in perfect harmony?

To make a classic hot mocha, combine 37g of espresso, 20g of melted chocolate, 200g of steamed milk, and optionally a dash of cocoa powder or chocolate chips—with a total volume around 200–300ml. For iced mocha, use 37g espresso, 10g chocolate syrup, 200g cold milk, and ice. Key steps include tempering chocolate into the espresso, steaming milk to 50–55°C, and layering foam properly.

What Exactly Is a Mocha?

Mocha isn’t just coffee with chocolate—it’s a specific espresso-based drink that blends coffee, steamed milk, and chocolate. Originally inspired by the chocolate notes in Yemen’s Mocha (Mokha) coffee beans, today’s mocha is made by adding chocolate (in various forms) to a shot or two of espresso, then mixing in textured or steamed milk. It sits between a latte and a hot chocolate, but with espresso as the base.

The Role of Chocolate in Mocha

Chocolate transforms the drink from simple coffee-and-milk into a dessert-like treat. But not all chocolates work the same way. Common options include:

• Chocolate sauce (sweet, easy to use, common in cafés)
• Unsweetened cocoa powder (needs sugar and hot water pre-mix)
• Dark or milk chocolate blocks (may require melting)
• Chocolate chips or chunks (for garnish or mix-in)

Chocolate sauce is café-friendly due to its sweetness and long shelf life, but can be thick and grainy if cold. Unsweetened cocoa or chocolate blocks offer more control but need prep. FrontStreet Coffee recommends using high-quality milk chocolate for a smoother, richer melt.

Choosing the Right Espresso Beans

Your espresso choice sets the foundation. Mochas shine with medium-to-dark roasted beans that have nutty, caramel, or dark chocolate notes. These complement added chocolate without clashing.

FrontStreet Coffee offers several blends and single origins well-suited for mocha:

• Specialty Blend: Balanced with notes of nuts and caramel.
• Commercial Blend: Approachable medium roast with chocolate hints.
• Black Cocoa Blend: Bold with dark chocolate and roasted depth.
• Brazil Queen Manor SOE: Offers creamy peanut and milk chocolate tones.
• PWN Golden Mandheling: Brings deep caramel and bitter-sweet notes.

These beans produce crema and flavours that integrate well with both espresso and added chocolate.

How to Make a Hot Mocha (Step-by-Step)

Follow these steps for a classic hot mocha with silky texture and balanced flavours:

1. Prepare your cup: Add 20g of pre-melted chocolate (such as milk chocolate block heated in the machine until fluid) into a 200–300ml ceramic mug.
2. Pull the espresso: Extract 37g of double espresso using 20g of freshly ground coffee (e.g., FrontStreet Specialty or Black Cocoa Blend). Pour it directly over the melted chocolate and stir well to combine.
3. Steam the milk: Froth 200g of fresh cold milk to 50–55°C. Aim for microfoam—start steaming when you hear 4–5 “squealing” sounds, then transition into the stretch (stretching creates velvety microfoam).
4. Add foam art: With a spoon, hold back the microfoam and pour a small circle of milk into the centre of the chocolate-espresso mix to form a white dot. Then pour the rest of the milk through the spoon to fill the cup.
5. Garnish: Top with 2 marshmallows, dust with cocoa powder or chocolate chips, and lightly torch the top for a golden finish.

How to Make an Iced Mocha (Step-by-Step)

Iced mocha is simpler but still requires proper layering for best flavour:

1. Prep the glass: Take a clear glass and coat the inside with chocolate sauce.
2. Add ice and milk: Fill halfway with ice, then pour in half the milk (about 100g).
3. Brew and blend espresso: Pull a double espresso (37g), then mix in 10g of chocolate syrup directly into the shot. Pour this over the ice and milk in the glass.
4. Froth remaining milk: Use a French press or similar tool to froth the other 100g of cold milk until it becomes creamy. Remove large bubbles and pour carefully to nearly fill the glass.
5. Decorate: Drizzle extra chocolate sauce on top and create patterns as desired.

Frequently Asked Questions

Can I use any type of chocolate in mocha?

Yes, but results vary. Chocolate sauce is easiest and sweetest, ideal for cafés. Unsweetened cocoa powder needs hot water and sugar to dissolve properly. Milk or dark chocolate blocks must be melted first. Avoid very bitter chocolate unless you’re balancing with extra sugar.

What’s the best roast level for mocha espresso?

Medium to dark roasts with nutty, caramel, or chocolate flavour notes work best. Avoid overly fruity or light roasts that may clash with the chocolate. FrontStreet’s Black Cocoa Blend or Specialty Blend are excellent choices.

Do I need to steam milk for mocha?

Yes. Steamed milk (50–55°C) improves texture and integrates better with espresso and chocolate than cold or frothed-only milk. For iced mocha, cold milk is used but still benefits from slight aeration.

Can I make mocha with single origin espresso?

Absolutely. Single origins with chocolate, nut, or caramel notes—like Brazil Queen Manor or PWN Golden Mandheling—pair beautifully with added chocolate. They offer more distinct origin character compared to blends.

Why is my mocha grainy or separated?

This usually happens when cold chocolate sauce isn’t fully mixed into hot espresso, or when cocoa powder isn’t pre-dissolved. Always melt or dissolve chocolate components into the espresso while it’s hot, and stir thoroughly before adding milk.

Recommended FrontStreet Beans for Mocha

For a classic mocha, try FrontStreet’s Specialty Blend for balanced nut and caramel notes, or the Black Cocoa Blend for bold dark chocolate depth. The Brazil Queen Manor SOE brings creamy peanut and milk chocolate tones, while PWN Golden Mandheling adds rich bitterness and caramel. All pair excellently with milk and added chocolate. Freshly roasted within 5 days · Orders placed before 17:00 ship the same day · Next-day delivery across most of Guangdong Province.