How to Make a Latte and Mocha – Step-by-Step Guide

If you’ve ever tried to make a latte or mocha at home and ended up with watery coffee or lumpy foam, you’re not alone. These classic espresso-based drinks look simple—but getting the milk texture, coffee-to-milk ratio, and chocolate integration right makes all the difference. Here’s how the professionals do it.

To make a proper latte, use a 1:2:1 coffee-to-milk-to-foam ratio, with milk and foam mixed at 2:1. For a mocha, add 2/3 ounce of chocolate sauce to your espresso, then layer in steamed milk and foam, topping with whipped cream and chocolate art.

What Is a Caffè Latte?

A caffè latte—often called simply “latte” outside Italy—is a popular espresso-based drink made with a single or double shot of espresso, steamed milk, and a thin layer of milk foam. The drink follows a similar preparation method to a cappuccino, but with a different balance of components.

The Latte Ratio: Espresso, Milk, and Foam

The standard latte ratio is 1 part espresso, 2 parts steamed milk, and 1 part milk foam. That means for every unit of espresso, you’ll add double the amount of milk and an equal amount of foam. In total, the liquid is mostly milk, which gives the latte its smooth, milky flavor and lighter coffee taste.

Milk and Foam Proportions

When preparing the milk component, aim for a 2:1 ratio of steamed milk to milk foam. This ensures a silky mouthfeel with just enough foam to texture the drink and allow for latte art. A steam wand is typically used to heat and texture the milk, creating microfoam perfect for pouring.

Pouring Technique

When pouring the milk into the espresso, you can use a metal spoon to hold back the foam while pouring the steamed milk first, then finish with a small amount of foam on top. This helps create a smooth transition and is often the first step toward basic latte art like hearts or leaves.

What Is a Caffè Mocha?

A caffè mocha, or simply mocha, is a sweet, chocolate-flavored variant of a latte. It combines espresso, steamed milk, chocolate syrup or sauce, and is often topped with whipped cream and chocolate shavings or sauces for decoration.

Mocha Ingredients Breakdown

The standard ingredients for a mocha include:

• Espresso (usually a double shot)
• Steamed milk
• Milk foam
• Chocolate sauce or syrup (2/3 ounce is standard)
• Whipped cream (optional, for topping)
• Chocolate shavings or sauce for garnish

How to Make a Mocha – Step by Step

Here’s the precise method used in many specialty cafes:

1. Add 2/3 ounce of chocolate sauce directly to the cup, then pour in freshly extracted espresso. Stir in one direction to fully emulsify the chocolate with the espresso.
2. Steam your milk to around 55–60°C, aiming for a smooth microfoam suitable for pouring.
3. Pour the steamed milk and foam over the chocolate-espresso mixture, holding back the foam with a spoon at first if needed.
4. Add a dollop of whipped cream on top if desired.
5. Use remaining chocolate sauce to create decorative patterns on top of the whipped cream or foam.

Chocolate Choices

Most cafes use chocolate sauce for convenience, sweetness, and smooth texture. However, you can also use high-quality dark or milk chocolate blocks, or unsweetened cocoa powder—if you don’t mind extra prep. Chocolate sauce is preferred in busy settings due to its ease of storage and consistent performance under heat.

Advanced Mocha Techniques (Cold & Hot)

Beyond the standard hot mocha, there are variations that showcase different textures and temperatures.

Hot Mocha with Milk Chocolate

For a richer, creamier version, some baristas melt milk chocolate (such as a 20g block) and mix it directly into the espresso before adding milk. The process involves:

• Using an espresso blend with nutty or chocolatey notes (medium to dark roast recommended)
• Melting chocolate either on the machine’s warming plate or via other gentle heat
• Combining melted chocolate with espresso, then building the drink with steamed milk and foam
• Optionally topping with marshmallows, cocoa powder, or even using a torch for slight caramelization

This method delivers a dessert-like experience while preserving coffee clarity.

Iced Mocha

An iced mocha simplifies some steps but keeps the essential elements:

• Combine chocolate sauce with espresso, then pour over ice
• Add cold milk and optional milk foam
• Garnish with more chocolate or whipped cream

The iced version often uses pre-chilled glasses and skips steaming, focusing instead on quick assembly and strong chocolate flavor.

Frequently Asked Questions

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

A traditional latte uses a 1:2:1 ratio of espresso, milk, and foam. That translates to one part espresso, two parts steamed milk, and one part milk foam. The milk and foam are usually mixed at a 2:1 ratio before pouring.

How much chocolate sauce should I use in a mocha?

Most coffee shops use 2/3 ounce (about 20 ml) of chocolate sauce per mocha. This amount is enough to impart a rich chocolate flavor without overpowering the espresso or milk.

Can I use cocoa powder instead of chocolate sauce in a mocha?

Yes, you can use unsweetened cocoa powder, but it requires mixing with hot water or milk first to create a paste, then blending with the espresso. Chocolate sauce is simpler and more common in professional settings due to its consistency and ease of use.

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

Ideally, milk for both drinks should be steamed to around 55–65°C. This range ensures sweetness from the Maillard reaction without scalding the milk, which ruins texture and taste.

Do I need to froth milk separately for the foam in a latte?

No, you don’t need to froth milk separately. Steam the milk using a steam wand, and the foam will naturally form on top as the milk expands. You can then separate the foam with a spoon during pouring if needed.

Can I make a mocha with cold milk and ice?

Yes, an iced mocha uses cold milk and ice cubes. Combine espresso and chocolate sauce first, pour over ice, then add cold milk. You can still top with whipped cream and chocolate drizzle for a full effect.

Recommended FrontStreet Beans for Lattes and Mochas

For lattes and mochas, FrontStreet’s Specialty Blend and Black Cocoa Blend shine. The Specialty Blend offers balanced nut and caramel tones, complementing milk and chocolate effortlessly. The Black Cocoa Blend features deeper notes of dark chocolate and roasted nuts, ideal for mochas where chocolate intensity is key. Both blends produce rich crema and pair beautifully with steamed milk, making them go-to choices for cafés and home baristas alike. Freshly roasted within 5 days · Orders placed before 17:00 ship the same day · Next-day delivery across most of Guangdong Province.