Easy Mocha Recipe

This post may contain affiliate links.
JUMP TO RECIPE

This delicious homemade mocha is made with strong coffee from a coffee machine, Nespresso, or Keurig, and chocolate syrup. Make it even better with a topping of quick and easy whipped cream that’s made in seconds.

Mocha drink in a cup with whipped cream and drizzle of chocolate syrup.

Why YOu’ll Love this Mocha Recipe

  • Mocha, also known as caffè mocha, is a chocolate version of a latte. It’s made with espresso, chocolate, and milk. Don’t have an espresso machine? This recipe shows you how to make mocha at home using strong coffee instead of espresso.
  • Homemade chocolate syrup is recommended but you can also use store-bought syrup or cocoa powder and sugar. Ingredient amounts for different chocolate options are included in the recipe.
  • The drink is topped off with a decadent whipped cream topping that’s incredibly quick and easy to make at home.

Want more mocha recipes? Make Iced Mocha, Salted Caramel Mocha Latte, Peppermint Mocha Latte, Whipped Mocha, and Mocha Frappuccino at home!

Ingredient Notes

Mocha drink ingredients.
  • Strong coffee
    Coffee made in a coffee machine, Nespresso, or Keurig will all work. Nespresso will best recreate mocha made in coffee shops since its espresso-style coffee is a lot like espresso you would get from an espresso machine.
  • Chocolate syrup
    The recipe uses homemade chocolate syrup since it’s simply delicious but you can use store-bought syrup. If you have cocoa powder and sugar, you can use that instead of the syrup.
  • Milk
    Any kind of milk will work for this recipe.
  • Heavy cream
    This is to make the whipped cream topping.
  • Sugar
    White, granulated sugar is used to sweeten the whipped cream. The finer the sugar, the easier it will be to whip into the heavy cream so white sugar is a better option than raw or brown sugar.
  • Salt
    My favorite sea salt that I use for all my recipes. It’s adds a little something to the whipped cream topping, balancing it out from being too cloyingly sweet.

Step-by-Step Instructions

For full ingredients and instructions, scroll down to the recipe.

Two photos side by side with first showing whisking of heavy cream and the second showing milk in a saucepan.
  1. Make cream topping.
    Sugar, salt, and heavy cream are whipped together using a handheld milk frother. It should take seconds to get nice and fluffy.
  2. Heat milk.
    Warm up milk on the stovetop (on simmer), microwave, or using an electric milk frother. If you have an espresso machine, you can steam the milk.

Barista’s Tip: Frothing or steaming milk texturizes the milk with tiny air bubbles which makes the drink a little sweeter and creamier than just using heated milk.

Four photos showing the assembly of a mocha drink.
  1. Assemble drink. Pour hot coffee into a mug.
  2. Add warm milk.
  3. Stir in chocolate syrup.
  4. Top with whipped cream.
    Stir before drinking. Optional garnish: drizzle with chocolate syrup.
My Handheld Milk Frother Pick

Photo Credit: amazon.com

My secret to making perfect whipped cream for drinks in seconds. So easy to clean and use.
SEE PRICE ON AMAZON

Notes & Tips

  • Mocha that’s made in coffee shops are made with espresso, steamed milk, and chocolate syrup. To get homemade mocha tasting as good as the ones in cafes, prepare the ingredients the same way baristas do by making espresso-style coffee, and steaming or frothing the milk.
  • Homemade chocolate syrup is a cost-saver but store-bought is a time-saver.
  • To make mocha super quick, stir in a bit of a milk chocolate bar or milk chocolate chips to your coffee! It will take a little longer to melt into your coffee than syrup though.

Questions You May Have

How many espresso shots go into mocha?

1 or 2 shots go into mocha. At Starbucks, 1 shot of espresso goes into a short and tall drink size and 2 shots are in a grande and venti, just like all their other espresso-based drinks. At most coffee shops, 2 shots of espresso is standard in an espresso drink like mocha.

What’s in Starbucks’ mocha?

2% steamed milk with a some foam, espresso, mocha sauce, and whipped cream (with vanilla syrup) are in a Starbucks’ mocha. The mocha sauce is made with water, sugar, cocoa processed with alkali, and natural flavor. There are 2 pumps of mocha sauce in a short, 3 pumps in a tall, 4 pumps in grande, and 5 in a venti.

What’s the difference between a latte and mocha?

Mocha is essentially a latte with chocolate added. Take out the chocolate and the drink is a latte. Add the chocolate and it’s a mocha.

Can I add cocoa powder to make mocha instead of chocolate syrup?

Yes! I recommend using this high quality cocoa powder, which is key to making my delicious homemade chocolate syrup recipe. See the recipe below for how much to use.

How can I make mocha at home using a Nespresso or Keurig?

Use a pod or capsule to make a strong cup of coffee.

Mocha drink in a glass mug with whipped cream and chocolate drizzle.

Related

Did you make this? I want to hear from you! Please leave a star rating below or leave a review in the comments section.

Want to save this recipe to Pinterest for later? Pin it now to your Pinterest board!

Easy Homemade Mocha

Author: Jee Choe
Delicious mocha is made with strong coffee from a coffee machine, Nespresso, or Keurig, and chocolate syrup.
4.8 from 5 votes
Prep Time 5 mins
Total Time 5 mins
Course Drinks
Yield1 serving

INGREDIENTS
 

Mocha

Whipped Cream Topping

INSTRUCTIONS

  • Make whipped cream topping.
    Sugar, salt, and heavy cream are whipped together using a handheld milk frother. It should take seconds to get nice and fluffy.
  • Heat milk.
    Warm up milk on the stovetop (on simmer and don't let it come to a boil which will burn the milk), microwave (30 seconds), or using an electric milk frother. If you have an espresso machine, you can steam the milk.
  • Assemble drink.
    Hot coffee, warm milk, and chocolate syrup go into a cup. Stir. Top with whipped cream. Optional garnish: drizzle chocolate syrup on top of the whipped cream.

NOTES

TO MAKE STRONG COFFEE: Use 2-3 tablespoons of ground coffee and 1 cup of water to brew a strong coffee in a coffee machine. If using a Nespresso or Keurig machine, use 1 pod or capsule to make 1 cup of coffee.
TO MAKE WITH ESPRESSO: Use 1-2 shots of espresso and 3/4 cup warm milk instead of 1/4 cup milk.
TO MAKE HOMEMADE CHOCOLATE SYRUP:  Get recipe

Tips:

  • Instead of chocolate syrup, add 1 tablespoon of cocoa powder and 2 teaspoons of sugar. 
  • Mocha that’s made in coffee shops are made with espresso, steamed milk, and chocolate syrup. To get homemade mocha tasting as good as the ones in cafes, prepare the ingredients the same way baristas do by making espresso from a Nespresso or espresso machine, and steaming or frothing the milk.
  • Homemade chocolate syrup is a cost-saver but store-bought is a time-saver.
  • To make mocha super quick, stir in a bit of a milk chocolate bar or milk chocolate chips to your coffee instead of chocolate syrup. It will take a little longer to melt into your coffee than syrup though.

NUTRITION

Calories: 387 | Carbohydrates: 39g | Protein: 4g | Fat: 25g | Saturated Fat: 15g | Cholesterol: 88mg | Sodium: 82mg | Potassium: 331mg | Fiber: 1g | Sugar: 31g | Vitamin A: 973IU | Vitamin C: 1mg | Calcium: 118mg | Iron: 1mg
Did you make this recipe?Mention @coffeeatthree and use hashtag #coffeeatthree!

1 thought on “Easy Mocha Recipe”

Leave a Comment

RATE THE RECIPE: