A mocha is espresso and steamed milk mixed with chocolate, while a cappuccino is espresso with steamed milk and a thick layer of foam. A mocha tastes sweeter, while a cappuccino has a stronger coffee flavor. They have about the same amount of caffeine as long as you use the same number of espresso shots.
Key Takeaways
- A mocha is closer to a latte than a cappuccino because it uses more steamed milk and less foam.
- Cappuccinos can be ordered wet, dry, or bone-dry depending on how much steamed milk and foam you prefer.
- At Canal Coffee, a 12 oz cappuccino has 130 calories and 12 g of sugar, compared with 300 calories and 44 g of sugar in a 12 oz mocha.
- A mochaccino can mean a cappuccino with chocolate, although some coffee shops use the name for a regular mocha.
Cappuccino vs Mocha – A Quick Overview
The difference between cappuccino and mocha comes down to 3 things: chocolate, milk volume, and foam. A mocha has chocolate and more milk, so it is sweeter, creamier, and higher in calories and sugar.
| Aspect | Cappuccino | Mocha | Latte (Reference) |
| Ingredients | Espresso and milk | Espresso, chocolate sauce, and milk | Espresso and milk |
| Foam | Thick foam | Thin foam | Thick foam |
| Chocolate | No | Yes | No |
| Taste | Coffee-forward | Sweet and chocolate-forward | Mild and milky |
| Italian standard size | 5-6 oz | 6-8 oz | 5-6 oz |
| US sizes | 12, 16, 20 oz | 12, 16, 20 oz | 12, 16, 20 oz |
| Calories | 130 for 12 oz | 300 for 12 oz | 170 for 12 oz |
| Total sugar | 12 for 12 oz | 44 for 12 oz | 14 for 12 oz |
Since many people also confuse these popular drinks, check out what is the difference between a latte and a mocha.
How Each Drink Is Prepared
Both cappuccinos and mochas start with espresso, but a cappuccino uses less milk and more foam, while a mocha adds chocolate and more steamed milk.
The Cappuccino: Espresso, Less Milk, Thick Foam
A cappuccino is espresso topped with steamed milk and a thick layer of foam, with no sweetener added by default.
You may hear a cappuccino described as equal parts espresso, steamed milk, and foam, but that’s a simple rule of thumb. The Istituto Espresso Italiano’s certified cappuccino uses 25 ml of espresso and 100 ml of steamed milk. Learn more about the ratio in our full cappuccino guide.
Cappuccino also comes in different variations based on how much milk is used. For example:
- Wet cappuccino: More steamed milk and less foam
- Dry cappuccino: Less steamed milk and more foam
- Bone-dry cappuccino: Espresso and foam with little to no steamed milk
Traditional Italian cappuccinos are small. Here in America, the habits, rituals, and culture are different. Coffee shops usually serve larger sizes, so you can expect more milk in the cup than you would with the traditional Italian version.
The Mocha: Espresso, Chocolate Sauce, Steamed Milk
A mocha, also called a café mocha, combines espresso, chocolate, and steamed milk.
Here at Canal Coffee, we use a dark chocolate sauce in our mocha. The chocolate gives the drink its sweeter, richer flavor.
You may also find mocha variations with cocoa powder or melted chocolate. Regardless of the variation, dark chocolate is the best choice.
If you want a different take on a mocha, we also offer a sugar-free mocha and Sweet & Salty Mocha.
Is a Mocha Just a Cappuccino With Chocolate?
No, a mocha isn’t just a cappuccino with chocolate. A cappuccino uses less steamed milk and has a much thicker layer of foam. A mocha is much closer to a latte, with the addition of chocolate.
If you add chocolate to a cappuccino, you may hear the drink called a mochaccino. Coffee shops don’t always use that name the same way, though. Some use “mochaccino” for a chocolate cappuccino, while others use it as another name for a mocha.
If you like the chocolate flavor of a mocha but want the thick, airy foam of a cappuccino, ask for a mocha with extra foam.
Taste and Texture: Coffee-Forward vs Chocolate-Forward
A cappuccino tastes stronger than a mocha because it has less milk and no chocolate to soften the espresso flavor.
A mocha goes in a sweeter direction. The chocolate softens some of the espresso’s bitterness, while the steamed milk gives the drink a creamier feel. The result is more dessert-like.
If you’re choosing based on flavor:
- Choose a cappuccino if you want the espresso to stand out.
- Choose a mocha if you prefer sweeter coffee with a strong chocolate flavor.
A cappuccino may taste stronger, but that doesn’t mean it has more caffeine. Caffeine depends mainly on how many espresso shots are in the drink, which we’ll compare next.
Caffeine: Which One Is Stronger
A mocha and cappuccino have about the same amount of caffeine when they use the same number of espresso shots. A 1 fl oz shot of espresso averages about 63 mg of caffeine.
| # of Espresso Shots | Cappuccino | Mocha |
| 1 shot | 63 mg of caffeine | 63 mg of caffeine |
| 2 shots | 126 mg of caffeine | 126 mg of caffeine |
Some coffee shops by default prepare mocha with 2 shots of espresso to highlight the coffee flavor. However this isn’t a rule.
If we assume that they have the same amount of espresso shots, both will have the same caffeine content. You may still notice that cappuccino has a stronger coffee flavor. This is solely because of the addition of chocolate to mocha, not higher caffeine content.
Calories and Sugar by Size at Canal Coffee
At Canal Coffee, a mocha has more than twice the calories and nearly four times the sugar of the same-size cappuccino. The main reason is the chocolate sauce, which adds both sugar and calories.
| Size | Cappuccino: Calories / Total Sugar / Added Sugar | Mocha: Calories / Total Sugar / Added Sugar |
| 12 oz | 130 / 12 / 5 | 300 / 44 g / 35 g |
| 16 oz | 160 / 15 / 5 | 380 / 58 g / 46 g |
| 20 oz | 220 / 21 / 7 | 490 / 74 g / 59 g |
So, is a cappuccino healthier than a mocha? If you’re comparing calories and sugar, the cappuccino is the lighter choice.
That doesn’t mean you need to label a mocha as “unhealthy.” It’s simply a sweeter drink. At 12 oz, 35 g of the mocha’s sugar is added sugar, while some of the total sugar also comes naturally from milk.
If you want the chocolate flavor with less sugar or fewer calories, check out our sugar-free mocha.
Cappuccino or Mocha: Which to Order
The choice between a cappuccino and mocha mostly comes down to how much you want to taste the coffee and how sweet you like your drink.
- Choose a cappuccino if you want the coffee flavor to lead.
- Choose a cappuccino if you want a lighter drink.
- Choose a cappuccino if you don’t want added sweetener.
- Choose a mocha if you like sweet and dessert-style coffee.
- Choose a mocha if you’re easing into espresso drinks.
How to Order a Cappuccino or Mocha at Canal
Start with the size, choose your milk, then add any extras or changes you want.
- For a cappuccino: Choose your size and milk. You can also ask for an extra espresso shot.
- For a mocha: Choose your size and milk, then decide on extras. You can add an extra espresso shot, request sugar-free sauce if available, or ask for whipped cream or no whipped cream.
- For an iced drink: An iced mocha gives you the same chocolate and espresso combination served cold over ice.
- For the quickest pickup: Order ahead in the Canal Coffee app and customize your drink before you arrive.
FAQ
Is a Mocha Basically Coffee?
Yes. A mocha is a coffee drink made with espresso, so it contains coffee and caffeine. “Mocha” can also describe a chocolate-coffee flavor in products that don’t contain espresso.
Why Can’t You Drink a Cappuccino After 12?
You can. In Italy, cappuccino is traditionally a morning drink, and many people switch to espresso later in the day. It’s a custom, not a rule, so you can order a cappuccino anytime you like.
Is a Mocha or Cappuccino Better for Coffee Beginners?
A mocha is usually easier for beginners because chocolate and milk soften the espresso flavor. Choose a cappuccino if you’re ready for a stronger coffee taste.
Final Thoughts: Mocha vs Cappuccino
Choosing between a mocha and cappuccino comes down to the flavor you want. Pick a cappuccino for a stronger coffee taste and thick foam, or choose a mocha for a sweeter and chocolate-forward drink.
Ready to try one? Find your nearest Canal Coffee drive-thru and order your favorite.


