How to Make a Classic Latte and Mocha Coffee

If you’ve ever watched a barista pour steamed milk into espresso and wondered how they get that perfect balance of coffee and cream—or how mocha gets its rich chocolate flavor—you’re not alone. These drinks look simple, but nailing the proportions, texture, and layering takes precision. Here’s how the professionals do it, step by step.

To make a classic latte, use a 1:2:1 coffee-to-milk-to-foam ratio. That means for every part espresso, add two parts steamed milk and one part milk foam. For a mocha, start with espresso, stir in 2/3 ounce of chocolate sauce, then add steamed milk and foam, topping with whipped cream and chocolate art.

What Is a Latte (Caffe Latte)?

A Caffe Latte, or simply latte, is a popular espresso-based drink made with a small amount of espresso and a lot of steamed milk, topped with a thin layer of milk foam. It’s smoother and milkier than a cappuccino, with a gentler coffee flavor thanks to the higher milk content.

The latte follows the same basic preparation steps as a cappuccino, but the key difference lies in the ratio: 1 part espresso, 2 parts steamed milk, and 1 part milk foam. That’s a 1:2:1 ratio overall. For best results, keep your steamed milk to foam ratio at 2:1. When pouring, a stainless steel spoon can help you hold back the foam while guiding the milk.

How to Make a Latte: Step-by-Step

While the article doesn’t lay out the full brewing steps for espresso or milk steaming, it does specify the critical ratios and pouring technique. Here’s how those numbers come together:

• Start with a single or double shot of espresso (standard is around 30–40ml or 1–1.5oz).
• Add two times that volume in steamed milk—roughly 60–80ml (2–2.5oz) for a single, 120–160ml (4–5oz) for a double.
• Top with one part milk foam—about 30–40ml (1–1.5oz) for a single, 60–80ml (2–3oz) for a double.
• Use a spoon to hold back foam while pouring milk, then finish with a light layer of foam on top.

These proportions create the familiar silky, milky texture that defines a latte. The milk should be steamed to around 55–60°C (131–140°F), with a microfoam texture ideal for latte art.

What Is a Mocha (Caffe Mocha)?

A Caffe Mocha, or mocha, is a hybrid of espresso and hot chocolate. It combines the bitterness of coffee with the sweetness of chocolate and the creaminess of milk, often topped with whipped cream. It’s essentially a chocolate-flavored latte with an extra layer of richness.

How to Make a Mocha: Step-by-Step

The article gives a clear, stepwise method for making a classic mocha:

1. Add Chocolate Sauce: Start with your shot(s) of espresso, then add 2/3 ounce (about 20ml) of chocolate sauce directly into the cup. Stir well.
2. Mix Thoroughly: Stir the espresso and chocolate sauce in one direction to create a smooth, uniform mixture.
3. Add Steamed Milk and Foam: Pour steamed milk over the chocolate-espresso mix, filling the cup, and top with a layer of milk foam.
4. Top with Whipped Cream: Add a dollop of fresh whipped cream on top of the foam.
5. Chocolate Art: Drizzle additional chocolate sauce on top to create a design or pattern.

The result is a sweet, indulgent coffee drink where the chocolate enhances the espresso without overpowering it. The milk is steamed similar to a latte (55–60°C), and the foam provides a soft texture for the topping.

The Role of Milk and Foam in Texture and Flavor

Both drinks rely heavily on properly steamed milk and well-textured foam. The milk should be velvety with microfoam—created by steaming to a temperature of around 55–60°C, with small, stable bubbles suitable for latte art. The foam, meanwhile, should be thick enough to hold shape but delicate enough for smooth pouring.

The 2:1 steamed milk to foam ratio for lattes ensures a balanced drink: creamy body with a soft, silky top. In the mocha, this same foam is used to finish the drink, supporting the whipped cream and chocolate drizzle.

Choosing the Right Coffee Beans and Milk

Though not detailed in the instructions, the article references FrontStreet Coffee’s recommendations for beans that work especially well in milk drinks like lattes. For example:

• The Black Cocoa Blend offers cocoa, nut, and caramel cookie notes—ideal for a balanced, sweet latte.
• The Strawberry Candy Espresso brings fruity sweetness that pairs well with milk.
• For latte art, beans that produce good crema and body—like those in the Classic Blend—help with stability and texture.

As for milk, whole fat or high-fat milk (around 3–4%) is preferred when steaming for lattes and mochas, as it creates richer, more stable microfoam. Avoid skim or low-fat milk if you're aiming for latte art.

Latte vs Mocha: What’s the Difference?

Both drinks start with espresso and steamed milk, but the mocha adds chocolate syrup (2/3 ounce) and is usually topped with whipped cream. The latte is lighter on flavor, focusing on the milk-espresso balance, while the mocha is a dessert-like coffee treat with added sweetness and texture.

Frequently Asked Questions

What is the correct espresso-to-milk ratio for a latte?

The standard ratio for a latte is 1 part espresso to 2 parts steamed milk to 1 part milk foam—1:2:1 overall. That means for each shot of espresso (typically 30–40ml), add about 60–80ml of steamed milk and 30–40ml of foam.

How much chocolate sauce goes into a mocha?

A traditional caffe mocha uses 2/3 ounce (approximately 20ml) of chocolate sauce. This is mixed into the espresso before adding steamed milk and foam.

What’s the best milk temperature for steaming in lattes and mochas?

The ideal temperature for steaming milk for both drinks is around 55–60°C (131–140°F). This range creates a smooth, microfoam suitable for pouring and latte art.

Can I use skim milk for latte art?

Skim milk has less fat, making it harder to produce stable, velvety microfoam. For best latte art results, use whole milk or at least 2% milk fat for better foam texture.

What’s the difference between a latte and a cappuccino?

Both use espresso and steamed milk, but a cappuccino has equal parts espresso, steamed milk, and foam (1:1:1), making it foamier and lighter. A latte has more milk and less foam (1:2:1), resulting in a creamier, milk-forward drink.

Do I need to use chocolate sauce for a mocha?

Yes, a key component of a classic mocha is 2/3 ounce of chocolate sauce mixed into the espresso before adding milk. This is what distinguishes it from other milk-based espresso drinks.

Recommended FrontStreet Beans for Lattes & Mochas

For latte and mocha lovers, FrontStreet Coffee’s Black Cocoa Blend delivers cocoa, nut, and caramel cookie notes with a balanced, mellow profile—perfect for highlighting milk and chocolate. The Strawberry Candy Espresso, with its medium roast and notes of rose, citrus, and grape, brings fruity sweetness that pairs beautifully with milk. Both blends are designed to create smooth, rich espresso shots ideal for milk drinks. Freshly roasted within 5 days · Orders placed before 17:00 ship the same day · Next-day delivery across most of Guangdong Province.