Go Back
+ servings

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
Prep Time: 5 minutes
Cook Time: 5 minutes
Total Time: 10 minutes
Servings: 1
Calories: 220kcal
Cost: $4.50-$6

Equipment

  • Espresso machine OR: (Moka pot - French press - Strong brewed coffee)
  • Milk frother (manual or electric)
  • Measuring spoons
  • Tall glass or mug
  • Saucepan (if heating milk on 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

      • Temperature Matters: For hot mochas, serve immediately while the foam is fresh
      • Chocolate Choice: Use high-quality chocolate syrup for the best flavor
      • Milk Selection: Whole milk creates the richest foam, but any milk alternative works
      • Coffee Strength: Adjust coffee strength to your taste
      • Ice Cubes: For iced mochas, use coffee ice cubes to prevent dilution

      Nutrition

      Serving: 16oz | Calories: 220kcal | Carbohydrates: 28g | Protein: 8g | Fat: 8g | Saturated Fat: 5g | Cholesterol: 24mg | Sodium: 115mg | Fiber: 1g | Sugar: 25g