Nutrition Facts for Cafe mocha
Blog Research API Download App

Cafe Mocha

Image of Cafe Mocha
Nutriscore Rating: 67/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.

🧬 Science-Backed Nutrition

Be Healthy Without Effort

Science-backed supplements for performance, wellness, and longevity.

pH Balance Support
Made in USA
Science-Backed
Shop Supplements →

Optimize your body chemistry naturally

nutriEffect Supplements

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!
264
cal
10.4g
protein
31.1g
carbs
13.0g
fat

Nutrition Facts

1 serving (334.1g)
Calories
264
% Daily Value*
Total Fat 13.0 g 17%
Saturated Fat 8.0 g 40%
Polyunsaturated Fat 0.0 g
Cholesterol 35 mg 12%
Sodium 118 mg 5%
Total Carbohydrate 31.1 g 11%
Dietary Fiber 2.3 g 8%
Total Sugars 26.4 g
Protein 10.4 g 21%
Vitamin D 3.2 mcg 16%
Calcium 297 mg 23%
Iron 0.7 mg 4%
Potassium 516 mg 11%

*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

44.1%%
14.5%%
41.5%%
Fat: 117 cal (41.5%%)
Protein: 40 cal (14.5%%)
Carbs: 124 cal (44.1%%)