Brewing your page...
Brewing your page...
Definition, recipe, origin, and how it compares to a latte and cappuccino
Quick Answer
A mocha (also called a cafe mocha or caffè mocha) is an espresso-based drink made with espresso + chocolate syrup (or cocoa powder) + steamed milk, often topped with whipped cream. It is essentially a chocolate latte. A standard 12-oz mocha has approximately 300–400 calories.
A mocha is built on the same foundation as a latte — espresso and steamed milk — with the addition of chocolate. The chocolate can be:
Whipped cream is a common topping but optional. Some shops dust cocoa powder or drizzle chocolate sauce on top as well.
The name “mocha” comes from Al Mokha (also spelled Mocha), a port city in Yemen that was one of the world's most important coffee trading centers from the 15th to 17th centuries. Yemeni coffee beans were known for having a naturally chocolate-like, earthy flavor profile. Over time, “mocha” became associated with the combination of coffee and chocolate — the flavor the original beans hinted at.
Today, “mocha” in a coffee shop always means a chocolate-coffee drink, regardless of the bean origin.
For exact calorie calculations, use the Coffee Calorie Calculator.
| Feature | Mocha | Latte | Cappuccino |
|---|---|---|---|
| Espresso | 2 shots | 2 shots | 2 shots |
| Milk | Steamed | Steamed + thin foam | Steamed + thick foam |
| Chocolate | Yes (syrup/cocoa) | No | No |
| Whipped cream | Common | No | No |
| Typical size | 12–16 oz | 12–16 oz | 6 oz |
| Calories (12 oz, 2%) | 300–400 | 150–190 | 80–120 |
| Caffeine | ~128mg | ~128mg | ~128mg |
| Flavor profile | Chocolate + coffee | Milky, mild coffee | Strong coffee, foamy |
All three drinks use the same amount of espresso. The difference is in the ratio of milk, foam, and additions (chocolate). Calorie differences come primarily from chocolate and whipped cream in a mocha.
Where the calories come from in a standard 12-oz mocha with 2% milk:
To reduce calories:
A mocha (cafe mocha) is espresso + chocolate (syrup, cocoa, or sauce) + steamed milk, often topped with whipped cream. It is a chocolate-flavored latte.
A latte is espresso + steamed milk. A mocha adds chocolate to that base. The chocolate adds ~100 calories and gives the drink a sweet, chocolatey flavor. Mochas are also commonly topped with whipped cream, which lattes are not.
A standard 12-oz mocha with 2% milk and whipped cream has approximately 300–400 calories. Without whipped cream, it drops to about 250–300 calories. A 16-oz (grande) version is 350–450 calories. For brand-specific numbers, see the Starbucks Nutrition Calculator.
From Al Mokha (Mocha), a port city in Yemen that was a major coffee trading center from the 15th to 17th centuries. Yemeni coffee beans had naturally chocolate-like flavor notes, which inspired pairing coffee with chocolate — the combination we now call “mocha.”