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

Ever ordered a latte and ended up with something closer to a mocha—or worse, a cappuccino? If you’ve ever wondered what actually separates a latte from a mocha, or why your ‘latte’ tastes like chocolate, you’re not alone. These two popular coffee drinks look similar, but their flavor, texture, and ingredients differ in important ways. Let’s break it down.

Lattes have a 1:2:1 espresso-to-milk-to-milk foam ratio, resulting in a creamy, milky coffee with light coffee flavor. Mochas add chocolate—usually 20g of melted milk chocolate or chocolate syrup—and often include whipped cream or marshmallows, giving them a sweeter, dessert-like profile.

What Is a Latte?

A latte is a classic Italian-style milk coffee made with a single or double shot of espresso, steamed milk, and a small layer of milk foam. The traditional ratio is 1 part espresso to 2 parts steamed milk to 1 part foam—that’s a 1:2:1 ratio overall. This makes the latte smoother and milk-forward, with a gentler espresso taste compared to other milk-based coffees.

The drink is typically served in a tall glass or cup, emphasizing its milky appearance. It’s designed to let the quality of the espresso shine through a veil of steamed milk, without the frothiness of a cappuccino.

What Is a Mocha?

A mocha, short for “mochaccino,” blends espresso with steamed milk and chocolate—usually milk chocolate or cocoa powder. It’s essentially a chocolate-flavored latte. While there’s no single official recipe, FrontStreet Coffee’s at-home method uses 20g of melted milk chocolate or 10–20g of chocolate syrup per double espresso, combined with around 200g of milk and finished with optional whipped cream or marshmallows.

The drink is richer and sweeter than a latte, and often includes toppings like marshmallows or a dusting of cocoa powder. Some versions are served hot, while others are mixed with ice for a cold mocha.

How Do Lattes and Mochas Differ?

The main differences between a latte and a mocha come down to ingredients and flavor:

• Espresso-to-Milk Ratio: Lattes use a 1:2:1 espresso-to-milk-to-foam ratio. Mochas follow a similar base but add chocolate.
• Chocolate: Mochas include 10–20g of chocolate (syrup or melted bar), lattes do not.
• Flavor Profile: Lattes are milky and coffee-forward; mochas are sweet, chocolatey, and dessert-like.
• Toppings: Mochas may include whipped cream, marshmallows, or cocoa powder. Lattes are usually finished with a light sprinkle of cinnamon or chocolate.

Milk ratios also vary when comparing these drinks to cappuccinos. A traditional cappuccino uses a 1:1:1 ratio of espresso, steamed milk, and foam, served in a shorter, wider cup. Lattes use more milk and less foam, served in taller glasses. Cappuccinos have a stronger coffee flavor due to the equal parts espresso and foam, and a drier texture.

How to Make a Latte at Home

To make a classic latte:

1. Brew a double shot (around 30–36g) of espresso using a medium to dark roast, such as FrontStreet’s Specialty or Commercial Blend.
2. Steam 200g of milk to around 55–60°C, creating a velvety microfoam.
3. Pour the espresso into a tall glass, then add the steamed milk, holding back the foam with a spoon.
4. Top with a thin layer of the foam (about 30–40g).
5. (Optional) Add a sprinkle of cinnamon or cocoa powder.

The result is a smooth, milky coffee where the espresso remains present but gentle beneath the milk.

How to Make a Mocha at Home

For a classic hot mocha, based on FrontStreet’s recommended method:

1. Brew a double shot (36–37g) of espresso. FrontStreet suggests using a medium or dark roast with nutty or chocolatey notes, such as their Specialty Blend or Black Cocoa Blend.
2. Melt 20g of milk chocolate (or mix 10–20g of chocolate syrup) in the bottom of your cup.
3. Add the espresso to the melted chocolate and stir until fully combined.
4. Steam 200g of milk to 50–55°C and froth it into microfoam.
5. Pour the milk into the chocolate-espresso mixture, holding back some foam.
6. Top with the remaining foam and garnish with marshmallows or cocoa powder. You can torch the topping lightly for effect.

For an iced version: pour chocolate syrup into a glass, add ice and half the milk, brew the espresso and mix in 10g of chocolate syrup, then pour in the rest of the milk (preferably cold-steamed or blended).

Frequently Asked Questions

What’s the espresso-to-milk ratio in a latte?

A traditional latte follows a 1:2:1 ratio of espresso to steamed milk to milk foam. That means for every 1 part espresso, there are 2 parts milk and 1 part foam.

Does a mocha have chocolate in it?

Yes, a mocha contains chocolate—typically 10–20g of milk chocolate or 10–20g of chocolate syrup—mixed with espresso and steamed milk. This gives it a sweet, dessert-like flavor.

How is a cappuccino different from a latte?

A cappuccino uses a 1:1:1 ratio of espresso, steamed milk, and foam, making it foamier and drier than a latte. Lattes have more milk and less foam, with a 1:2:1 ratio, and are creamier.

Can you make a latte or mocha with any coffee beans?

Yes, but the roast and flavor matter. Lattes work well with balanced medium to dark roasts. Mochas pair best with chocolatey or nutty roasts, such as FrontStreet’s Specialty or Black Cocoa Blend.

Is a mocha just a chocolate latte?

Essentially, yes. A mocha is a latte with added chocolate, usually milk chocolate or cocoa syrup, making it sweeter and richer than a standard latte.

Recommended FrontStreet Beans for Milk-Based Drinks

For lattes and mochas, FrontStreet Coffee recommends its Specialty Blend and Black Cocoa Blend. The Specialty Blend offers balanced nutty and caramel tones that complement steamed milk, while the Black Cocoa Blend features rich chocolate and roasted notes, making it ideal for mochas. Both blends are medium to dark roasts with strong crema and smooth bodies, ensuring clarity and sweetness in milk drinks. Freshly roasted within 5 days · Orders placed before 17:00 ship the same day · Next-day delivery across most of Guangdong Province.