Mocha vs Latte: How They Compare
Comparisons

Mocha vs Latte: How They Compare

A mocha is a latte with chocolate. That one addition nearly doubles the calories and changes the flavor profile completely. Here’s exactly how the two drinks differ.

M
Maya Brennan · SCA Certified, Q Grader
Head of Coffee
|Published Reviewed 2026-07-19|5 min read

The short answer

A latte is espresso plus steamed milk. A mocha (cafè mocha) is espresso plus steamed milk plus chocolate — usually 1–2 tablespoons of chocolate syrup or cocoa powder. Both use the same espresso base and milk texture, so the mocha is essentially a chocolate latte.
The chocolate adds roughly 60–120 extra calories and a noticeably sweeter, dessert-like flavor. If you want coffee-forward and clean, order a latte. If you want rich and chocolatey, order a mocha.

Ingredients and ratios

Latte (12 oz): double shot (≈60 ml) + ≈240 ml steamed milk + thin foam cap. No added sweetener.
Mocha (12 oz): double shot (≈60 ml) + 1–2 tbsp chocolate syrup or cocoa + ≈200 ml steamed milk + optional whipped cream on top.
The chocolate displaces some of the milk, so a mocha actually has slightly less milk than a latte of the same size. Many cafés finish a mocha with whipped cream instead of latte art, adding another 50–80 calories.

Calories and caffeine

Caffeine is the same in both: ≈126 mg from a double shot. The calorie gap is where they split:
Latte (12 oz, whole milk): ≈180–200 calories.
Mocha (12 oz, whole milk, chocolate syrup, no whip): ≈290–310 calories.
Mocha with whipped cream: ≈350–390 calories.
Switch to oat milk and skip the whip to bring a mocha closer to 250 calories. Use the Caffeine Calculator to track your total daily intake across drinks.

Taste and when to order each

A latte tastes like coffee softened by milk — smooth, slightly sweet from lactose, and espresso-forward if made well. A mocha tastes like hot chocolate spiked with espresso — rich, sweet, and dessert-adjacent.
Order a latte if you want to taste the espresso, keep calories low, or plan to add a single flavor shot (vanilla, caramel).
Order a mocha if you’re craving something indulgent, love the chocolate-coffee combination, or want a sweeter drink without ordering a flavored latte plus extra syrup.
For other milk-drink comparisons, see flat white vs latte and latte vs cappuccino.

How to make a mocha at home

1. Mix 1–2 tablespoons of chocolate syrup (or 1 tbsp unsweetened cocoa + 1 tsp sugar) into the bottom of a 12 oz mug.
2. Pull a double shot of espresso (or brew 60 ml from a moka pot) and pour it over the chocolate. Stir until combined.
3. Steam ≈200 ml of milk to 140–150 °F with a frother or microwave-and-whisk method. Pour over the espresso-chocolate mix.
4. Top with whipped cream and a dusting of cocoa if you want the full café experience. Total time: under 5 minutes.

Frequently asked questions

Is a mocha sweeter than a latte?

Yes, significantly. The chocolate syrup adds 15–25 g of sugar on top of the milk’s natural lactose. A plain latte has no added sugar unless you request it.

Does a mocha have more caffeine than a latte?

No. Both typically use a double shot (≈126 mg caffeine). Chocolate contains a small amount of caffeine and theobromine, but the addition is only about 5–10 mg — negligible.

Can you make a mocha with dark chocolate?

Yes. Use 1 tablespoon of melted dark chocolate (70%+) or dark cocoa powder instead of syrup. It tastes richer and less sweet, and cuts about 10–15 g of sugar compared to chocolate syrup.

What is a white mocha?

A white mocha replaces the chocolate with white chocolate sauce. It’s sweeter and creamier, with a vanilla-forward flavor and typically 30–50 more calories than a standard mocha.

About the author

M
Maya Brennan · SCA Certified, Q Grader
Head of Coffee

Maya is an SCA-certified barista and licensed Q Grader with over eight years behind the bar and on the cupping table, including three years leading quality control for a specialty roaster in Portland. She writes BrewMetrics’ brewing guides and builds the calculators, grounding every recipe and ratio in cupping data and the SCA brewing control chart.

Pour OverEspresso ExtractionBrew RatiosSensory Evaluation

Sources

  • 1.Specialty Coffee Association (SCA) — Espresso Beverage Definitions.
  • 2.USDA FoodData Central — Nutrient data for whole milk, chocolate syrup, and whipped cream.
  • 3.National Coffee Association (NCA) — Coffee Drink Guide.

Brew it by the numbers

Dial in your ratio, caffeine, and cost with our free coffee calculators.

Open the calculators