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

If you’ve ever walked into a coffee shop and asked for a ‘latte’ only to get a glass of warm milk, you’re not alone. Or maybe you've wondered what sets a latte apart from a mocha or even a cappuccino. These common questions plague coffee drinkers trying to understand Italy’s classic milk-based drinks and how they differ in the English-speaking world.

A traditional Caffè Latte contains one shot of espresso and 150–200ml of steamed milk, with a milk-to-espresso ratio of at least 1:1—and usually more milk than coffee. That’s the key difference: a latte is mostly milk, while a mocha includes chocolate and often whipped cream.

What Is a Latte and How Did It Get Its Name?

In Italian, ‘latte’ simply means milk. So if you ask for a ‘latte’ in Italy, you’ll get just that—milk. In English, however, ‘latte’ has come to mean a Caffè Latte: a drink made with espresso and hot steamed milk. The French equivalent is Café au Lait, which also blends coffee with hot milk, but it’s prepared differently—both poured together into the cup rather than layering espresso then milk.

Latte vs Cappuccino vs Mocha: Key Differences

A standard Caffè Latte is made with one shot of espresso (about 30ml) and 150–200ml of steamed milk, creating a milk-heavy drink where milk softens the espresso’s bitterness. In contrast, a cappuccino uses equal parts espresso, steamed milk, and foam—typically around 30ml espresso, 90ml steamed milk, and 90ml foam. A mocha, however, adds chocolate syrup or cocoa powder to the espresso and milk base, and is often topped with whipped cream.

How to Make a Classic Latte

To make a proper latte, you’ll need:

• Dark roasted coffee beans (preferably a blend designed for espresso)
• Fresh whole milk (around 150–200ml per shot)
• An espresso machine with steam wand

Step-by-step method:

1. Warm your cup with hot water, then discard the water.
2. Grind fresh dark roast beans (FrontStreet recommends 20g yield 40ml espresso in 25–30 seconds) and pull a shot of espresso.
3. Steam milk to 55–60°C, aiming for microfoam. The ideal milk texture rises to about 6/10 full in the pitcher.
4. Pour the espresso into your cup, then gently add the steamed milk, holding back the foam with a spoon at first, then topping with a small amount of foam.

The milk should outweigh the coffee—ideally over half the drink should be milk. This creates a smooth, milky texture that tempers the espresso’s strength.

What About American and French Variations?

In the US, a common variation is the ‘American latte’, which layers cold milk foam (less than 0.5cm thick) over heated milk and espresso. Starbucks employs this method, using milk heated to 60–65°C. Meanwhile, the French Café au Lait is made by pouring espresso and hot milk together into a large cup, often topped with two spoonfuls of cream foam—not steamed milk foam.

What Is a Mocha?

A mocha combines espresso, steamed milk, and chocolate—usually in the form of syrup or cocoa powder. It often includes whipped cream on top. The drink bridges the gap between a café latte and a hot chocolate. While a latte is espresso and milk, a mocha is espresso, milk, and chocolate, giving it a sweeter, richer profile.

What About Flavored Lattes Like Caramel?

Flavored lattes, such as caramel lattes, start with the same base: espresso and steamed milk. The difference comes from adding flavored syrups—like caramel—either during the espresso pour or mixed into the milk. Caramel is a type of browned sugar used widely as a flavoring and colorant. For coffee drinks, it adds sweetness and color without altering the fundamental espresso-milk balance.

There are different types of caramel used in food production, including:

• Ordinary caramel (made with acid or base but no ammonia or sulfite compounds)
• Ammonia caramel (uses ammonia compounds)
• Sulfite ammonia caramel (uses both sulfites and ammonia)
• Sodium sulfite caramel (relies on sulfites)

But for coffee drinks, the type is less technical—the effect is a sweet, golden-brown flavor layered into the milk.

Espresso Basics for Milk Drinks

A good latte starts with a well-pulled espresso. For best results:

• Use a dark roast (not too light, which leads to sourness and poor crema)
• Grind to a fine setting suitable for espresso
• Extract 40ml of espresso from 20g of coffee in 25–30 seconds
• Ensure a thick, glossy crema about 3mm thick

FrontStreet Coffee recommends blends that enhance crema and body—especially those with robusta or Brazilian beans for a thicker, sweeter shot that holds up under milk. A successful shot will have a mirror-like, oily crema and rich mouthfeel, making it ideal for blending with milk.

For latte art, milk should be textured to about 6/10 in the pitcher, with a temperature between 55–60°C. Proper microfoam allows for latte art and smooth texture in the cup.

Frequently Asked Questions

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

A latte has a higher milk-to-espresso ratio, typically 150–200ml milk to one shot (30ml) espresso, resulting in a milky, smooth drink. A cappuccino uses equal parts espresso, steamed milk, and foam—around 30ml each—making it lighter, foamier, and stronger in coffee flavor.

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

A latte is made with espresso and steamed milk only. A mocha adds chocolate—usually syrup or cocoa powder—to the espresso and milk, often topped with whipped cream, making it sweeter and closer to a dessert drink.

How much milk goes into a latte?

A standard latte contains 150–200ml of steamed milk per single shot (30ml) of espresso. The milk volume is typically greater than the espresso volume, often making milk more than 50% of the total drink.

Do you need special coffee beans for a latte?

Yes. For the best crema and flavor, use a dark roast blend suited for espresso. Light roasts can taste sour and produce little crema, which affects the milk drink’s texture and taste. Blends with robusta or Brazilian beans help create a richer, creamier espresso base.

Can you make a latte with any milk?

Traditionally, whole cow’s milk is used for its ability to steam into microfoam. However, you can use plant-based milks like oat or almond, though they may not steam the same way and can affect texture and taste.

Recommended FrontStreet Coffee Beans for Lattes

For creamy, well-textured lattes, FrontStreet’s Commercial Blend delivers bold crema and balanced sweetness thanks to Brazilian and Colombian beans with a touch of robusta. The Strawberry Candy Espresso, featuring Yirgacheffe, Colombian Huila, and Costa Rican honey-processed beans, offers fruity sweetness and a smooth mouthfeel with moderate crema—perfect for fruity or lightly flavored lattes. Both blends are designed for optimal extraction and milk compatibility. Freshly roasted within 5 days · Orders placed before 17:00 ship the same day · Next-day delivery across most of Guangdong Province.