clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon
mocha latte recipe in a mug next to donuts

Mocha Latte

5 Stars 4 Stars 3 Stars 2 Stars 1 Star

No reviews

Making a Mocha Latte at home is simple! All you need is strong coffee or espresso, homemade chocolate syrup, whipped cream, and some chocolate shavings for garnish if you're feeling fancy! This homemade mocha latte recipe comes together in a flash and I promise, even your barista will be jealous of the end result!

  • Total Time: 15
  • Yield: 1 cup 1x


Units Scale

For the Chocolate Syrup

  • 1/2 cup unsweetened cocoa powder (high quality: Valrhona or Guittard brands are preferred)
  • 1 cup granulated sugar
  • 1/4 tsp instant espresso powder
  • Pinch of salt
  • 1/2 cup cold water
  • 2 tsp vanilla extract

For the Mocha Latte

  • 2 oz of espresso (strongly brewed coffee can be used)
  • 1 cup of whole milk
  • 2 Tbsp chocolate syrup (store-bought is OK but suggest using recipe above)
  • Whipped cream or frothed milk for topping
  • Chocolate shavings (optional)


To Make the Chocolate Syrup

  1. In a cold saucepan, whisk together the cocoa powder, sugar, espresso powder, and salt, removing all lumps.
  2. Add the water and whisk.
  3. On medium high heat, bring the mixture to a boil stirring constantly.
  4. Once it reaches boiling stage, reduce the heat to simmer, continuing to stir.
  5. Simmer for 1 minute and remove from heat. Stir in vanilla and allow to cool.
  6. Pour into glass jar with an airtight lid and refrigerate until needed.
  7. Will last up to 2 weeks in the fridge.

To Make the Mocha Latte

  1. In a small saucepan over medium heat, combine milk and chocolate syrup.
  2. Stir until the syrup is fully combined with the milk and the mixture starts to steam. This should take about 5 minutes.
  3. Pour prepared espresso into a mug, and then add the milk mixture into a mug.
  4. Top with whipped cream or frothed milk, extra chocolate syrup and chocolate shavings.


Recipe by


  • Serving Size:
  • Calories: 290
  • Sugar: 30.9 g
  • Sodium: 236.7 mg
  • Fat: 8.9 g
  • Carbohydrates: 42.4 g
  • Protein: 11.1 g
  • Cholesterol: 16.7 mg