...
Go Back
–+ servings
Mocha Latte Recipe

Mocha Latte Recipe

Learn how to make the perfect mocha latte at home with this easy recipe. Hot or iced, create your favorite coffee shop drink in minutes and save money!
Print Pin
Course: Drinks, Hot Drinks
Cuisine: International/Café Style
Keyword: Mocha Latte, Mocha latte calories, Mocha latte recipe, Mocha latte starbucks
Prep Time: 5 minutes
Cook Time: 5 minutes
Total Time: 10 minutes
Servings: 1
Calories: 180kcal
Cost: $4.50-$6

Equipment

  • Espresso machine OR Moka pot - French press - Strong brewed coffee
  • Milk frother (manual or electric) For steaming and foaming milk
  • Measuring spoons For precise chocolate syrup and milk
  • Tall glass or mug Depending on hot or iced version
  • Saucepan For heating milk on the stovetop

Ingredients

For the Basic Hot Mocha Latte:

  • 2 shots espresso (2 oz) or 4 oz strong brewed coffee
  • 2 tablespoons chocolate syrup
  • 1 cup whole milk or milk alternative
  • Whipped cream optional
  • Cocoa powder for dusting optional

For the Iced Version:

  • 2 shots espresso (2 oz) or 4 oz strong brewed coffee, cooled
  • 2-3 tablespoons chocolate syrup
  • 1 cup cold milk
  • Ice cubes

Instructions

Instructions for Iced Mocha Latte

    Prepare Coffee Base

    • Brew espresso or strong coffee
    • Let it cool completely
    • Mix with chocolate syrup

    Assemble the Drink

    • Fill a tall glass with ice
    • Pour in the coffee-chocolate mixture
    • Add cold milk
    • Stir well to combine
    • Top with whipped cream if desired

    Instructions for Hot Mocha Latte

      Prepare Your Espresso

      • Pull two shots of espresso using your preferred method
      • If using regular coffee, brew it extra strong (about 4 oz)

      Mix in Chocolate

      • While espresso is hot, add chocolate syrup
      • Stir well until completely dissolved

      Steam and Froth Milk

      • Heat milk to about 150°F (65°C)
      • Create foam using your milk frother
      • For stovetop method: heat milk in a saucepan and whisk vigorously

      Combine and Serve

      • Pour chocolate-espresso mixture into your mug
      • Add steamed milk while holding back the foam
      • Top with foam
      • Garnish with whipped cream and cocoa powder if desired

      Notes

      Nutrition information is automatically calculated, so should only be used as an approximation.

      Nutrition

      Serving: 300g | Calories: 180kcal | Carbohydrates: 25g | Protein: 8g | Fat: 6g | Saturated Fat: 3.5g | Polyunsaturated Fat: 0.5g | Monounsaturated Fat: 1.5g | Cholesterol: 15mg | Sodium: 80mg | Potassium: 300mg | Fiber: 1g | Sugar: 22g | Vitamin A: 300IU | Calcium: 250mg | Iron: 1mg