The difference between a latte and a mocha is chocolate. Both start with espresso and steamed milk, but a mocha adds chocolate or mocha sauce and is often topped with whipped cream. A latte is milk-forward and comparatively subtle; a mocha is sweeter, richer, and chocolate-forward.
Latte vs. Mocha at a Glance
| Latte | Mocha | |
|---|---|---|
| Main ingredients | Espresso, steamed milk, thin foam | Espresso, chocolate, steamed milk; often whipped cream |
| Flavor | Creamy, mild, espresso and milk | Sweet, chocolatey, richer |
| Typical sweetness | Unsweetened unless flavored | Sweetened by chocolate sauce or syrup |
| Coffee intensity | Milk softens the espresso | Chocolate can mask bitterness, though espresso is still present |
| Calories and sugar | Usually lower | Usually higher because of chocolate and toppings |
| Best for | A creamy espresso drink you can customize | Coffee drinkers who also want a chocolate dessert flavor |
What Is a Latte?
A caffè latte combines espresso with a comparatively large amount of steamed milk and a light layer of microfoam. The milk adds sweetness and softens the espresso’s acidity and bitterness without introducing chocolate or flavored syrup.
A practical café-style starting ratio is one part espresso to three or four parts steamed milk, plus a thin foam layer. Recipes vary by cup size and shop. A larger latte may use additional espresso rather than simply adding more milk.
Starbucks’ current Caffè Latte ingredient list is simply milk and brewed espresso. That makes it a useful real-world example of the basic drink, though independent cafés may serve different sizes and ratios.
What Is a Mocha?
A caffè mocha is essentially a chocolate-flavored espresso-and-milk drink. It normally contains espresso, steamed milk, and chocolate sauce, syrup, cocoa, or melted chocolate. Many cafés finish it with whipped cream rather than the thin microfoam used on a plain latte.
Starbucks’ current Caffè Mocha combines espresso, mocha sauce, steamed milk, and whipped cream. Other cafés may use dark chocolate, milk chocolate, cocoa powder, or a house-made ganache, so sweetness and texture can vary considerably.
The Five Main Differences
1. Chocolate
A plain latte does not contain chocolate. A mocha does. This is the defining difference; everything else—sweetness, calories, flavor, and toppings—usually follows from it.
2. Flavor
A latte tastes creamy and espresso-forward, with the coffee becoming gentler as the milk ratio rises. A mocha tastes like coffee and hot chocolate together. Chocolate can make dark espresso taste less bitter and more dessert-like.
3. Sweetness
A traditional latte has no added sugar unless the customer requests syrup. Mocha sauce is normally sweetened, so a mocha begins as the sweeter order even before whipped cream or extra toppings.
4. Calories and Sugar
With the same size, milk, and espresso dose, a mocha normally has more calories and sugar because of the chocolate and optional whipped cream. As one current chain example, Starbucks lists a Grande Caffè Latte at 190 calories and a Grande Caffè Mocha at 370 calories. Those figures are not universal: milk choice, sauce pumps, toppings, and serving size change the total.
5. Caffeine
If both drinks contain the same espresso shots, their coffee-derived caffeine is similar. Chocolate may add a smaller amount. Starbucks currently lists 150 mg for a standard Grande latte and 175 mg for a standard Grande mocha, but recipes and espresso doses differ by café. Check the exact menu rather than assuming every mocha is stronger.
How to Make a Latte at Home
- Brew one double espresso, about 2 ounces.
- Steam 6–8 ounces of milk until silky with fine microfoam.
- Pour the milk into the espresso, holding back thick foam at first.
- Finish with a thin foam layer.
No steam wand? Heat the milk until hot but not boiling, then froth it with a handheld frother or French press. See our complete guide to making a latte.
How to Make a Mocha at Home
- Add 1–2 tablespoons of chocolate sauce to the cup.
- Brew a double espresso over it and stir until smooth.
- Steam or froth 6–8 ounces of milk.
- Pour in the milk and finish with foam or whipped cream.
Use less chocolate for a coffee-forward mocha or dark chocolate for lower perceived sweetness. White chocolate creates a white mocha, while peppermint, caramel, and spices produce common seasonal variations.
Which Should You Order?
- Choose a latte when you want creamy espresso without chocolate or added syrup.
- Choose a mocha when you want a sweet chocolate-coffee drink.
- Choose fewer sauce pumps or skip whipped cream if you want a less-sweet mocha.
- Add an espresso shot to either drink when you want a stronger coffee flavor.
For nearby comparisons, see latte vs. cappuccino vs. macchiato and our guide to current Starbucks espresso drinks.
The Bottom Line
A latte is espresso plus steamed milk and light foam. A mocha adds chocolate and often whipped cream, making it sweeter and more dessert-like. If you remove the chocolate from a mocha, you are left with something close to a latte; if you add chocolate to a latte, you have made a mocha.
