Latte vs Mocha: What’s the Difference & How to Make Them

If you’ve ever wondered what actually sets a latte apart from a mocha—or whether you truly prefer one over the other—you’re not alone. Many coffee drinkers love these two classic drinks but can’t quite explain why they choose one. The answer comes down to ingredients, ratios, and how chocolate factors in. Let’s break it down clearly and practically.

In short: a latte is mainly espresso with steamed milk and a small amount of milk foam (about 1/3 espresso, 2/3 milk, thin foam layer), while a mocha is an espresso mixed with chocolate—either syrup or melted chocolate—and then combined with steamed milk and foam. That chocolate addition is what gives the mocha its distinctively rich, sweet profile. A typical mocha uses around 20g of chocolate per double espresso.

What Makes a Latte Different from a Mocha?

The primary difference lies in the ingredients and proportions. A latte is composed of espresso, steamed milk, and a light layer of milk foam—with no chocolate involved. This creates a milky coffee where the espresso taste remains present but mellowed by the milk. A mocha, on the other hand, starts with the same espresso and steamed milk base but adds chocolate (usually in the form of syrup or melted chocolate), resulting in a dessert-like coffee with deeper sweetness and cocoa notes. Most people who enjoy sweeter coffee gravitate toward the mocha for that extra chocolate kick.

How to Make a Classic Latte (Step-by-Step)

Making a proper latte requires attention to detail, especially in milk texture and espresso quality. Here’s how it’s done:

• Preheat your cup: Pour hot water into your serving cup to warm it, then discard the water. Alternatively, place the cup on the espresso machine’s warming tray during extraction to maintain ideal temperature.
• Pull a double espresso: Grind medium to dark roasted beans (typical for traditional lattes), dose into a portafilter, tamp firmly, and extract for 20–25 seconds to produce about 30ml of espresso. Position the portafilter close to the cup to preserve the crema.
• Add optional flavoring (optional): For a flavored latte such as vanilla, stir in 6–8ml of the corresponding syrup (e.g., vanilla or chocolate syrup) into the espresso.
• Steam the milk: Pour cold milk into the steam pitcher and steam to 50–65°C (do not exceed 90°C to avoid boiling and destroying the foam structure). The ideal milk texture is smooth microfoam without large bubbles.
• Separate and texture the milk: Tap the pitcher to remove large bubbles, and swirl to integrate foam with steamed milk. The ideal mix is silky milk with a thin layer of foam on top.
• Pour the milk into the espresso: Start pouring from a height to let the milk mix, then bring the pitcher closer to create latte art as desired. The milk-to-espresso ratio is roughly 2:1 or 3:1, depending on preference.

How to Make a Real Mocha Coffee (FrontStreet Method)

The mocha, originally inspired by Yemen’s Mocha port and its historic link to chocolate-flavored beans, traditionally blends espresso, chocolate, and milk. Here’s how to make a classic hot mocha, based on the FrontStreet approach:

• Gather your ingredients: Double espresso (30–37ml), 200g fresh whole milk, 20g milk chocolate or chocolate block, and optional garnishes like whipped cream or marshmallows. A chocolate sauce or chopped chocolate can also be used.
• Prepare the chocolate base: Melt 20g of milk chocolate (or place a wrapped chocolate block in a warm area or on the machine to soften). You may also use chocolate sauce or chopped dark/milk chocolate.
• Pull the espresso: Extract a double shot of espresso (ideally using a medium to dark roast with nutty or chocolatey notes, such as a classic blend or a nutty single origin).
• Combine chocolate and espresso: Pour the melted chocolate into your cup, add the freshly pulled espresso, and stir well until fully combined.
• Steam the milk: Steam 200g of milk to 50–55°C, aiming for a velvety microfoam suitable for latte-style pouring. Prepare it to the point just before introducing microfoam for “stretching.”
• Pour the milk: Spoon a bit of foam on top of the chocolate-espresso mix to create contrast, then pour the steamed milk through the center to fill the cup.
• Garnish (optional): Add marshmallows, whipped cream, or sprinkle cocoa powder or chocolate shavings on top. For a final touch, you can lightly torch the topping.

For iced mochas, combine espresso, chocolate syrup, milk, and ice in a glass. Layer half the milk with ice and syrup, pour in espresso mixed with more syrup, then top with cold milk foam. Chocolate drizzle and torching can still be used for effect.

Frequently Asked Questions

What’s the main difference between a latte and a mocha?

The key difference is that a mocha contains chocolate—either syrup or melted chocolate—while a latte does not. Both are made with espresso and steamed milk, but the mocha’s added chocolate gives it a sweeter, richer flavor profile. A latte is essentially a milky coffee, whereas a mocha is a coffee-chocolate hybrid drink.

How much chocolate is used in a standard mocha?

A standard mocha typically uses around 20 grams of milk chocolate or chocolate block, or an equivalent amount of chocolate syrup. The chocolate is melted or mixed with the espresso before adding steamed milk. Adjust to taste, but this is the common baseline used in cafés for balanced flavor.

Can you make a latte with chocolate?

Yes, you can add chocolate syrup to a latte to make a flavored variation, often called a chocolate latte. Typically, 6–8ml of chocolate syrup is stirred into the espresso before adding steamed milk. This is not a true mocha but rather a chocolate-flavored latte.

What milk temperature is best for a latte or mocha?

The optimal milk temperature for both drinks is between 50–65°C. Going over 90°C can scald the milk, destroy foam structure, and create a burnt taste. For mochas, slightly lower temperatures help preserve chocolate flavor clarity.

What type of coffee roast works best for mocha?

A medium to dark roast with nutty, caramel, or chocolatey notes is ideal for mocha. FrontStreet’s Specialty Blend, Black Cocoa Blend, or Classic Blend all work well due to their robust and sweet profiles that complement chocolate.

Recommended FrontStreet Beans for Mocha and Latte

For making delicious mochas and lattes at home, try FrontStreet Coffee’s Specialty Blend, which features balanced nut and chocolate notes that pair perfectly with milk and cocoa. The Black Cocoa Blend offers rich, dessert-like depth with sweet cocoa and dark roast complexity, ideal for mochas. Alternatively, the Classic Blend provides a smooth, approachable profile with caramel and mild roast sweetness that works beautifully in lattes. Freshly roasted within 5 days · Orders placed before 17:00 ship the same day · Next-day delivery across most of Guangdong Province.