What Is Mocha Coffee and How to Make It

If you’ve ever ordered a ‘mocha’ at a coffee shop and wondered why it’s part coffee, part chocolate, you’re not alone. The name suggests a link to a faraway place and an old way of trading coffee—but today’s mocha is something entirely different. So what exactly is mocha coffee, where does the name come from, and how do you make a proper one?

Mocha coffee originally referred to coffee from Yemen’s Mocha port, but today it usually means an espresso-based drink with added chocolate—either syrup, sauce, or melted chocolate. A classic hot mocha combines 37g of espresso, 200g steamed milk, 20g melted chocolate, and optional toppings like whipped cream or marshmallows. For iced mocha, you use the same espresso and chocolate, plus ice and cold milk.

The Origins of the Name ‘Mocha’

The term ‘mocha’ originally referred to the port city of Mocha (Al-Makha) in Yemen, a major hub for coffee exports to Europe in the 17th and 18th centuries. Since most European coffee imports passed through Mocha, the beans—and later the drink—became known simply as ‘mocha.’ Yemeni coffees were noted for having subtle natural chocolate notes, which inspired later recipes that intentionally added chocolate to espresso drinks. The name also stuck to the stovetop brewers known as ‘moka pots,’ though those are unrelated to the modern café mocha.

How Modern Mocha Coffee Got Its Chocolate Flavor

By the 18th century in Italy, baristas began experimenting with ways to replicate the natural chocolate hints found in Yemeni coffee. Adding cocoa powder or chocolate to espresso-based milk drinks became common. Today, a mocha is typically made by blending espresso with steamed milk and some form of chocolate—most often syrup or melted chocolate. The choice of chocolate product affects sweetness, texture, and how well it combines with the coffee and milk.

What You Can Use to Add Chocolate Flavor

There are many ways to introduce chocolate flavor into a mocha. Common options include:

• Chocolate sauce (widely used in cafés for convenience and sweetness)
• Unsweetened cocoa powder (requires mixing with hot water first)
• Pure dark or black chocolate blocks (needs extra sugar and pre-melting)
• Milk chocolate blocks (easier to melt and often sweeter)
• Chocolate chips, cocoa nibs, or crushed chocolate

Chocolate sauce is popular in cafés because it’s sweet, affordable, and keeps well. However, it can be thick and may not fully integrate into the drink if cold. Unsweetened cocoa powder or chocolate blocks require extra preparation—usually dissolving in hot water or melting before mixing with espresso. Milk chocolate melts easily and adds a sweeter profile. FrontStreet Coffee recommends using a milk chocolate block, melted directly in the machine for smooth integration.

The Best Coffee Beans for Mocha

To complement the chocolate, choose an espresso roast with bold, nutty, or chocolatey flavours. Medium to dark roasts work best. You can use either a single-origin espresso or a well-rounded blend. FrontStreet Coffee’s espresso blends—like the Specialty Blend, Commercial Blend, Classic Blend, and Black Cocoa Blend—are all suited for mocha due to their rich crema and deep flavours. For single-origin options, try the Brazil Queen Manor SOE with creamy peanut notes or the PWN Golden Mandheling with strong caramel and bitterness. These beans enhance the overall richness without overpowering the chocolate.

How to Make a Classic Hot Mocha Coffee

To make a standard hot mocha, you’ll need:

• Double espresso (37g yield)
• 200g fresh cold milk
• 20g melted chocolate (milk chocolate block recommended)
• A small handful of chocolate chips or cocoa powder for garnish
• Optional: marshmallows or whipped cream
• 200–300ml coffee cup

Steps:

1. Pour the melted chocolate into your cup first. Brew 37g of double espresso using 20g of medium-dark roasted coffee (like FrontStreet’s Sunflower Sunshine Blend), then stir the espresso into the chocolate.
2. Froth 200g of milk to 50–55°C, aiming for microfoam and stopping when you hear 4–5 hissing sounds before entering the ‘stretching’ phase.
3. Spoon a dollop of foam onto the chocolate-espresso mix to create a white circle on the surface.
4. Pour the rest of the milk through the centre until the cup is nearly full.
5. Garnish with 2 marshmallows, a dusting of cocoa powder or chocolate chips, and optionally toast the topping lightly with a flame for effect.

How to Make an Iced Mocha

For a refreshing summer version, you’ll need:

• Double espresso (37g)
• 200g cold milk
• 10g chocolate sauce
• Ice cubes
• Clear glass cup

Steps:

1. Rinse the inside of a clear glass with chocolate sauce to coat the sides.
2. Add ice cubes and half the milk to the glass.
3. Brew the double espresso and mix in 10g of chocolate sauce, then pour over the ice and milk.
4. Use a French press or similar tool to froth the remaining milk with ice, then pour it carefully to near the top, holding back large bubbles.
5. Use leftover sauce to draw a design on top, if desired.

Frequently Asked Questions

What is the difference between a mocha and a latte?

A mocha is an espresso mixed with steamed milk, chocolate (syrup or melted), and often topped with foam or whipped cream. A latte is espresso with just steamed milk and foam, with no added chocolate. Mochas have a distinct sweet, chocolatey flavour, while lattes are milky with a more pronounced coffee taste.

Can I use any kind of chocolate in a mocha?

Yes, but the type affects the taste and texture. Chocolate sauce is easiest and sweetest; cocoa powder is less sweet and needs to be dissolved in hot water. Milk chocolate melts easily and adds sweetness; dark or black chocolate gives a richer cocoa taste but may need added sugar. For best results in a café-style mocha, use a smooth milk chocolate block or high-quality syrup.

What roast level works best for mocha coffee?

A medium to dark roast with nutty, caramel, or chocolate notes works best. These profiles complement the added chocolate. Avoid very light or acidic roasts, as they can clash with the sweetness. FrontStreet Coffee’s Black Cocoa Blend, Specialty Blend, or Brazil Queen Manor SOE are excellent choices.

Why is my mocha grainy or separated?

This usually happens when the chocolate isn’t fully melted or properly mixed. Cold chocolate sauce can harden and resist blending. Ensure your chocolate is fully liquid before stirring into the espresso, and mix vigorously. If using cocoa powder, dissolve it in hot water first before adding to espresso and milk.

Do I need an espresso machine to make a mocha?

Technically, no—but you do need a strong coffee base similar to espresso. You can use a Moka pot or AeroPress to make a concentrated coffee, then follow the same steps with chocolate and milk. For the authentic texture and crema, an espresso machine is ideal.

Recommended FrontStreet Coffee Beans for Mocha

For a rich mocha, try FrontStreet Coffee’s Specialty Blend, which highlights notes of hazelnut and dark chocolate for a smooth, balanced base. The Black Cocoa Blend leans into deep cocoa and roasted undertones, pairing perfectly with added milk chocolate. Alternatively, the Brazil Queen Manor SOE offers a creamy peanut and milk chocolate profile that enhances sweetness. All three beans are medium to dark roasts with strong crema, making them ideal for blending with chocolate in hot or iced mochas. Freshly roasted within 5 days · Orders placed before 17:00 ship the same day · Next-day delivery across most of Guangdong Province.