A cappuccino is lower in calories than a mocha, almost every time. A 12 oz cappuccino made with 2% milk has about 100 calories, while a 12 oz mocha with whipped cream from the same menu has about 290 calories, according to Starbucks’ published nutrition guide.
The gap comes down to what’s in each cup. A cappuccino is just espresso, steamed milk, and foam. A mocha adds chocolate sauce and often whipped cream on top.
USDA FoodData Central backs up the same pattern across preparation styles. Its entries show a whole-milk cappuccino at roughly 122 calories per 12 oz serving, compared with about 370 calories for a mocha with whipped cream at the same size.
Which Is Lower In Calories, Cappuccino Or Mocha?
Cappuccino vs Mocha: The Numbers Side by Side
The cappuccino wins by a wide margin at every size and with every milk type. Use the table below to compare the two drinks before you order.
| Milk Type (12 oz Serving) | Typical Cappuccino Calories | Typical Mocha, No Whip | Typical Mocha With Whip |
|---|---|---|---|
| Whole milk | ~120–140 | ~290–310 | ~370–390 |
| 2% milk | ~100–120 | ~260–280 | ~290–360 |
| Nonfat milk | ~60–80 | ~220–230 | ~300–310 |
| Almond milk | ~50–60 | ~200–210 | ~280–290 |
| Oat milk | ~110–130 | ~270–290 | ~350–370 |
These are typical ranges, not fixed values. Two anchor points come from verified data: the Starbucks guide lists a tall 2% milk cappuccino at 100 calories and a tall 2% milk caffè mocha with whipped cream at 290 calories.
The Starbucks cappuccino entry also shows 4 g of total fat and 9 g of sugar. The mocha entry shows 14 g of fat and 28 g of sugar, which is where most of the extra calories live.
Why a Mocha Costs You So Many More Calories
Three ingredients separate these drinks. A cappuccino contains no added sugar in its standard form, so its only calories come from espresso and milk.
A mocha is a chocolate drink first. Most cafes mix in 2 to 4 pumps of chocolate sauce, which brings roughly 25 to 35 g of added sugar per serving.
That alone can account for 100 to 140 calories before any milk touches the cup. Then the standard whipped cream topping adds somewhere in the range of 70 to 100 more calories.
The drink structure matters too. A traditional cappuccino splits into roughly equal parts espresso, steamed milk, and foam. Foam is mostly air, so a cappuccino holds less liquid milk than a similarly sized mocha, which is built with mostly milk.
So the mocha stacks sugary sauce on top of a full cup of milk. The cappuccino keeps its calories lean through portioning and aeration.
How Milk Choice and Size Shift the Comparison
Your milk choice moves both drinks, but it never closes the gap. Swapping whole milk for nonfat can drop a cappuccino into the 60 to 80 calorie range, per common menu data.
The same swap on a mocha saves a similar amount, yet the mocha still lands near 300 calories because the chocolate sauce stays constant.
Sizing follows the same logic. A short or small cappuccino with plant milk can sit near 50 calories, while a large mocha with full toppings can pass 400.
Cups marked “tall” or “small” also vary between shops. Always check the listed serving size, since a cafe’s small is often another cafe’s medium.
One borderline case exists: a plain mocha made with unsweetened cocoa and nonfat milk gets close to cappuccino territory. Order it without whipped cream and you have a genuinely competitive drink.
How to Order the Lower-Calorie Option
Ordering smart is simple. If you want the lowest-calorie drink, choose a cappuccino and ask for nonfat, almond, or unsweetened milk options.
If you love the chocolate flavor, keep the mocha but downsize it. Skipping whipped cream, halving the chocolate pumps, and choosing a smaller size cuts the largest sources first.
Making either drink at home gives you full control over every ingredient. A small milk frother or steam wand setup lets you build proper foam without a drive-through.
You can also skip the sugar-heavy sauces entirely. An unsweetened cocoa powder adds chocolate flavor for only a handful of calories.
A small digital kitchen scale helps you measure exact doses if you’re tracking intake closely.
Other Cappuccino Comparisons Worth Knowing
The cappuccino sits low on the broader cafe menu too. Compared against a macchiato’s calorie count, the two land close together since both stay small and light on added sugar.
A cortado versus cappuccino comparison also favors similar totals, because neither drink carries syrup or whipped cream.
The real pattern repeats itself across drinks that include chocolate or syrup. The cappuccino versus americano matchup shows an identical story, where plainer recipes keep calories minimal.
The Bottom Line
Cappuccino is the lower-calorie pick, usually by 150 or more calories at the same size against a standard mocha. A tall 2% milk cappuccino runs about 100 calories at Starbucks versus 290 for a whipped-cream mocha.
Next time you order, pick the cappuccino and specify your milk. Or settle your chocolate craving with a whip-free, single-pump mocha and keep the damage small.