Mocha vs Latte: What’s the Difference in Coffee Types?

When you’re standing in line at a coffee shop and see both ‘mocha’ and ‘latte’ on the menu, it’s easy to wonder: aren’t they basically the same thing? After all, they both start with espresso and involve milk. But if you’ve ever taken a sip of each, you know they taste and feel completely different. So what sets them apart—and why do coffee shops list them as separate drinks?

No, mocha and latte are not the same coffee brand or drink. Mocha combines 1/3 espresso, 1/3 hot chocolate, and 1/3 hot milk, while latte layers espresso with steamed milk and a small amount of milk foam. Mocha includes chocolate; latte does not. That’s the key difference.

What Is a Mocha Coffee?

Mocha coffee—also called mocaccino—is a classic espresso-based drink that blends coffee, chocolate, and milk. The simplest version mixes equal thirds: one part fresh espresso, one part hot chocolate, and one part hot milk. This creates a rich, sweet, and smooth drink that balances bold coffee flavor with dessert-like sweetness.

There’s also a more barista-style recipe: add 20ml of chocolate syrup to a cup, stir in strong dark-roast espresso, then top with a spoonful of cream and shaved chocolate. For extra spice, some versions include a cinnamon stick. This style highlights a bold New York-style flavor profile with a dessert twist.

Mocha is especially popular among those who want coffee but also crave something sweet—without ordering a full-on dessert drink like a pastry-topped mocha frappé.

How to Make a Latte Coffee

A latte, short for caffè latte, is an espresso drink built on the principle of layering liquids by density to create visual and textural contrast. The standard recipe starts with a quarter cup of espresso, then fills the rest of the cup—typically a large mug—with three-quarters steamed milk and a thin layer of milk foam.

The process begins by pouring espresso into the cup—about one-fourth full. Then you add steamed milk (with milk foam on top) until the cup is nearly full. The result is a milky coffee with a smooth, creamy mouthfeel and a very mild espresso brightness.

To enhance the visual effect, some baristas use the layering technique: mix simple syrup or fruit syrup with milk to increase its density, so it sits below the espresso. Others skip foam entirely and pour flavoured syrup for colour variation. The possibilities are creative and flexible depending on mood or presentation goals.

For iced lattes, the same density trick applies: syrup and milk are mixed to be heavier than coffee, creating clean layers even without heat. Ice is then added. This produces a visually appealing cold coffee drink with a similar milky balance.

Lattes are typically served in wide mugs or cups, partly because of the higher milk volume. They’re a go-to for anyone who enjoys coffee with a soft, silky texture and subtle coffee flavour.

Mocha vs Latte: The Key Differences

The primary difference between mocha and latte is the inclusion of chocolate. Mocha contains a third part hot chocolate (or chocolate syrup), giving it a sweet, dessert-like quality. A latte, meanwhile, is simply espresso and steamed milk—no chocolate involved.

In terms of preparation, mocha can follow a simple 1:1:1 ratio (espresso : hot chocolate : milk) or a barista-style method with syrup, cream, and chocolate shavings. Lattes rely on milk texture and layering, often using steamed milk’s natural density to create visually striking drinks.

Mocha is richer and sweeter, leaning toward a dessert coffee. Lattes are lighter, smoother, and more focused on the interplay between espresso and milk.

How Each Drink Uses Espresso

Both mocha and latte start with espresso—the essential base of most coffeehouse drinks. For a standard mocha or latte, you’ll use a single or double shot of espresso (around 30ml), extracted at around 90–96°C with a brew ratio suited for intense flavour (often around 1:2 to 1:3 coffee to water).

The espresso in a mocha serves as the foundation for the chocolate and milk mixture. In a latte, it provides the coffee flavour that’s balanced by a much larger volume of steamed milk—often around 200–250ml total liquid, with just a small cap of foam.

Espresso quality matters in both drinks. A well-extracted shot with a defined crema contributes to balance, aroma, and body. Whether you're making a mocha or a latte, starting with properly brewed espresso is essential.

Frequently Asked Questions

Are mocha and latte made with the same type of coffee beans?

Not necessarily, but they often use the same espresso roast. Most cafés use a medium to dark roast espresso bean for both mocha and latte. The roast profile brings out the boldness needed to stand up to milk—or in mocha’s case, chocolate and milk. However, the beans themselves can vary by café or personal preference.

Do you need chocolate to make a latte?

No, a traditional latte does not contain any chocolate. It’s made with espresso and steamed milk only. However, flavoured syrups—including chocolate—are often added to create variations like a chocolate latte. The classic latte is just espresso, milk, and a bit of foam.

Can you turn a mocha into a latte by leaving out the chocolate?

Yes, technically. If you make a mocha but skip the chocolate component, you end up with a drink that’s very close to a regular latte—a shot of espresso with steamed milk. But traditionally, a mocha always includes chocolate, so removing it shifts the drink into latte territory.

Which coffee drink has more caffeine?

Both mocha and latte usually start with a single or double shot of espresso, so their caffeine content is similar—around 63mg to 125mg per shot, depending on beans and preparation. The difference in total caffeine is negligible unless one drink uses significantly more espresso than the other.

What’s the best milk to use for a latte or mocha?

Whole milk is traditionally used for lattes and mochas because it steams well and creates a rich foam. However, alternatives like oat, almond, soy, or skim milk can be used. Keep in mind that non-dairy milks may foam differently and can alter the texture and flavour.

Recommended FrontStreet Beans for Mocha & Latte

For mocha and latte drinks, FrontStreet Coffee’s Black Cocoa Blend offers deep chocolate notes that pair perfectly with espresso, enhancing a mocha’s rich profile. Their Classic Blend provides a balanced, medium-dark roast ideal for lattes, with smooth milk compatibility and subtle sweetness. Both beans are roasted to highlight body and crema, ensuring a solid foundation in milk-based drinks. Freshly roasted within 5 days · Orders placed before 17:00 ship the same day · Next-day delivery across most of Guangdong Province.