Despite coffee being one of the most popular drinks in the world, you’d be surprised at how many people don’t know how to make a mocha at home.

This delicious coffee beverage is actually quite easy to make, but people are often put off by it being too time-consuming or complicated. The good news is that it doesn’t have to be either of those things!

Below, you’ll find all the information needed to make a mocha in just a few minutes!

What is a mocha?

If you’re craving the delicious flavor of mocha, but don’t want to pay for an overpriced one at your local coffee shop, then you need to learn how to make the perfect cup of mocha at home, but what exactly is a mocha?

Mocha is a delicious blend of espresso, steamed milk, chocolate sauce, and whipped cream. The whipped cream is optional in this recipe but will add a fuller mouthfeel to your mocha.

Mocha coffee, ready to drink.

I love drinking a good mocha, as the chocolate flavors combine excellently with the robust coffee. Read along to learn more about the ingredients used, how it’s made, and the number of calories.

What ingredients are used to make a mocha?

You can make a mocha at home with the right ingredients, have a look below for all the components needed to get started with this recipe:

  • Whole milk
  • Espresso
  • Chocolate sauce
  • Whipped cream
All ingredients that you need to make a mocha coffee at home.

The best thing about this recipe is that it’s made with ingredients you might already have at home.

You can choose to use any milk or milk alternative for this recipe. I’ve used whole milk because I like the fuller flavor it gives me.

If you like lower-fat milk or a plant-based alternative, then I know it’ll taste delicious.

The chocolate sauce can be homemade, or you can use a store-bought version instead. I’ve listed the recipe for the chocolate sauce a bit further down in the article.

Do you love a sweeter and more flavorful coffee? Then I can highly recommend adding a serving of whipped cream to finish your mocha!

Homemade vanilla whipped cream, ready to use.

The whipped cream makes the mocha so much better, and I love the taste of it. You can make vanilla-flavored whipped cream using this recipe if you’re interested.

Now, let’s go into detail about which coffee is best used to make a mocha at home:

What kind of coffee is used in a mocha?

You can use espresso coffee or brewed coffee made with a coffee brewer you like most for this mocha recipe.

I prefer using an espresso shot, as this coffee has the most robust flavor, which pairs great with the chocolate sauce and can cut through the sweetness of the whipped cream.

You can use a single or double shot of espresso. If you prefer a slightly sweet mocha, then a single shot will work fine.

If you want more coffee flavor in your mocha, it’s best to add another espresso shot. This will highlight the flavors of coffee a bit more without losing the signature mocha flavor.

I like to make my espresso coffee with an AeroPress or Moka pot. You can also use an espresso machine if you have one at home.

AeroPress and Moka pot, ready to use.

Using your Nespresso or Keurig machine will also work for this recipe. I prefer using a strong coffee pod, so the mocha isn’t overly sweet.

If you don’t like the taste of espresso coffee, strong-brewed coffee will work fine too. Choose a coffee brewer you like to use most and substitute the amount of espresso coffee for freshly brewed coffee.

Freshly brewed coffee tastes amazing in this recipe. You can even double-brew your coffee for an even stronger flavor; you can find more information here if you’re interested in learning more about double-brewing coffee.

How is a mocha made?

Making a mocha at home is really easy. There are, however, multiple ways to prepare it, but it will result in the same drink.

The faster way to make a mocha at home is by following these easy steps:

  1. Brew espresso coffee or brew coffee with your favorite coffee brewer.
  2. Steam the milk.
  3. Combine the chocolate sauce and espresso in a glass.
  4. Add the steamed milk to the glass.
  5. Finish with whipped cream and more chocolate sauce.

I’ll go more in-depth in the recipe card below, but this is just to give you an idea of how easy this drink is to make.

The milk is the component that changes depending on the way you like to prepare your mocha.

You can choose to place a small saucepan with the milk on the stove and scald it while continuously stirring with a whisk or using a steaming wand instead.

You just have to heat the milk for this recipe, but there’s no need to foam it. That’s why using a stove to heat your milk will work just as well.

Scalded milk.

If you want to learn how to scald your milk at home, you can find more information here.

Now, let’s get into the recipe so that you can make a mocha at home:

Yield: 1 Serving

Homemade Mocha

Mocha coffee.

This easy-to-make mocha recipe can be made in just a few minutes and will put a smile on your face!

Prep Time 3 minutes
Additional Time 2 minutes
Total Time 5 minutes


  • 1/2 cup (0.12 l) of whole milk
  • Single or double espresso shot
  • 2 tbsp (30 grams) of chocolate sauce
  • Whipped cream


  1. Start by brewing your espresso coffee. I used a double espresso shot in this recipe.
  2. While the espresso is brewing, steam the milk.
  3. You can steam the milk with a steaming wand or heat it on the stove.
  4. In a tall glass, add a tablespoon of the chocolate sauce.
  5. Pour the hot espresso on top.
  6. Give the espresso and chocolate sauce a quick stir.
  7. Pour the steamed milk into the glass.
  8. Top this off with a serving of whipped cream.
  9. Finish the drink with a drizzle of chocolate sauce.

Your homemade mocha is now finished! You can serve it with a straw so that you can stir the whipped cream and chocolate sauce through the rest of the drink.


You can use any milk you like the most for this recipe.

If you prefer using brewed coffee instead of espresso, use 1/4 cup (0.06 l) of brewed coffee.

Recommended Products

As an Amazon Associate and member of other affiliate programs, I earn from qualifying purchases.

Nutrition Information:

Serving Size:


Amount Per Serving: Calories: 162Total Fat: 8.4gSaturated Fat: 5gUnsaturated Fat: 2.2gCholesterol: 27mgSodium: 75mgCarbohydrates: 7.5gSugar: 16gProtein: 4.5g

If you want to change the recipe to your liking, you might also change the number of calories.

How many calories are in a mocha?

This homemade mocha has a total of 162 calories. You can have a look below for the full breakdown of calories in this mocha recipe:

  • The whole milk used is good for 73 calories.
  • The chocolate sauce has 38 calories.
  • Adding a serving of whipped cream will add 51 calories.

As you can see, whole milk makes up for a good amount of the total calories.

The best way to lower the calories in this drink is by using lower-fat milk or a plant-based alternative.

These alternatives have fewer calories than whole milk, which is excellent. You can also leave out the whipped cream if you want to lower your caloric intake.

How to make homemade chocolate sauce

Making chocolate sauce at home has never been easier. I’ve got a recipe for you that uses equal parts white granulated sugar, water, and cocoa powder.

It’ll result in a thick chocolate sauce that you can still swirl over your finished mocha coffee. It’ll look like this when finished:

"Homemade chocolate sauce."

If you want to give this recipe a try, you can check it out here. Remember, you can also use a store-bought version if you’d rather not make it at home.


This mocha coffee is one of my favorite drinks to make in the early morning. It’s also perfect for the days when it’s cooling down quite a bit.

The flavors of chocolate and coffee pair so well together, and it’s easy to make as well!

If you love the taste of chocolate, then you’ll love the recipes I’ve listed below. Below, you can find even more mocha-flavored coffees.

Do you prefer using espresso or brewed coffee for this recipe? Let me know by leaving a comment down below. If you have any other questions regarding coffee, you can also contact me directly by pressing the “Contact Me” button at the top!

More coffee recipes

Write A Comment

Pin It Skip to Recipe