Nutrition Facts for Cafe mocha

Cafe Mocha

Image of Cafe Mocha
Nutriscore Rating: 68/100

Indulge in the irresistible blend of bold espresso, rich chocolate, and velvety steamed milk with this homemade Cafe Mocha recipe. Perfect for coffee lovers and chocolate enthusiasts alike, this easy-to-make beverage combines the robust flavors of freshly brewed espresso with a luscious cocoa-infused milk base, lightly sweetened for just the right balance. Topped with a dollop of whipped cream and an optional sprinkle of chocolate shavings or cocoa powder, this coffeehouse classic is ready in just 10 minutes and perfect for cozy mornings or an afternoon pick-me-up. Whether you're recreating a café experience at home or treating yourself to something comforting, this Cafe Mocha is sure to satisfy your cravings.

Log this recipe in SnapCalorie

★★★★★ 4.8/5.0 (2,000+ reviews)
Get your calorie requirement
Log your nutrition in seconds
Get a personalized nutrition plan
SnapCalorie App Screenshot

Recipe Information

⏱️
Prep Time
5 min
🔥
Cook Time
5 min
🕐
Total Time
10 min
👥
Servings
1 serving
📊
Difficulty
Medium

🥘 Ingredients

6 items
  • 2 shots espresso
  • 1 tablespoon unsweetened cocoa powder
  • 1 tablespoon granulated sugar
  • 1 cup milk
  • 2 tablespoons whipped cream
  • 1 teaspoon chocolate shavings or cocoa powder (optional for garnish)
💡
Pro Tip: Read through all ingredients before starting to cook!

📝 Instructions

9 steps
1

Brew 2 shots of espresso and set aside.

2

In a small saucepan over medium heat, combine the cocoa powder and granulated sugar.

3

Slowly add 2-3 tablespoons of the milk to the cocoa-sugar mixture, stirring constantly, until it forms a smooth paste.

4

Gradually pour in the rest of the milk while stirring, ensuring the mixture is well combined and heated through (but do not let it boil).

5

Pour the prepared espresso into a heatproof mug or glass.

6

Slowly add the chocolate-infused steamed milk over the espresso, stirring gently to combine.

7

Top the cafe mocha with whipped cream.

8

For an optional garnish, sprinkle chocolate shavings or a pinch of cocoa powder on top of the whipped cream.

9

Serve immediately and enjoy your homemade cafe mocha!

Cooking Tip: Take your time with each step for the best results!
230
cal
9.8g
protein
29.3g
carbs
9.8g
fat

Nutrition Facts

1 serving (333.2g)
Calories
230
% Daily Value*
Total Fat 9.8 g 13%
Saturated Fat 5.9 g 30%
Polyunsaturated Fat 0.3 g
Cholesterol 33 mg 11%
Sodium 98 mg 4%
Total Carbohydrate 29.3 g 11%
Dietary Fiber 2.1 g 8%
Total Sugars 26.0 g
Protein 9.8 g 20%
Vitamin D 2.8 mcg 14%
Calcium 319 mg 25%
Iron 0.9 mg 5%
Potassium 579 mg 12%

*The % Daily Value tells you how much a nutrient in a serving of food contributes to a daily diet. 2,000 calories a day is used for general nutrition advice.

Source of Calories

47.9%%
16.0%%
36.1%%
Fat: 88 cal (36.1%%)
Protein: 39 cal (16.0%%)
Carbs: 117 cal (47.9%%)