Cafe Mocha Recipe

Course: Drinks
Cuisine: American
Keyword: cafe mocha
Prep Time: 4 minutes
Cook Time: 1 minute
Total Time: 5 minutes
Servings: 1 person
Calories: 172 kcal

The Cafe Mocha is perfect to enjoy on weekends for a sweet celebratory treat!



  • 4 oz Coffee dark roast, italian
  • 1 oz Chocolate sauce
  • 4 oz Milk
  • 1 topping Whipped cream Optional

How to Make

  1. Steam or froth milk

  2. Separate the milk and foam

  3. Add chocolate powder to the steamed milk and beat with a whisk

  4. Pull espresso shot

  5. Pour chocolate milk over espresso

  6. Top with foam and whipped cream if desired

Recipe Notes

For Cafe Mochas, choose your own milk! Skim milk is a good low-calorie option, but full-fat milk will create a creamier more decadent drink.

The chocolate that you add to this recipe will depend on preference.

Nutrition Facts
Cafe Mocha Recipe
Amount Per Serving
Calories 172 Calories from Fat 54
% Daily Value*
Fat 6g9%
Saturated Fat 3g15%
Cholesterol 12mg4%
Sodium 149mg6%
Potassium 285mg8%
Carbohydrates 23g8%
Sugar 15g17%
Protein 5g10%
Vitamin A 185IU4%
Calcium 142mg14%
Iron 0.4mg2%
* Percent Daily Values are based on a 2000 calorie diet.