A delicious mocha latte is a great pick-me-up, but it can cost a pretty penny at your local coffee shop. Fortunately, making a mocha latte at home is easy with a few simple ingredients and a little preparation.

The mocha latte recipe below is made from scratch with fresh ingredients. It makes a great gift for a loved one or a special treat for yourself!

You’ll find all the information to get started below. Grab yourself a nice cup of coffee and start reading away!

What is a mocha latte?

No matter what you’re craving, chances are there’s a way to make it at home without breaking the bank. This mocha latte recipe is the perfect example, but what is a mocha latte?

A mocha latte is a creamy, indulgent hot drink that has become hugely popular in recent years. The coffee is made with chocolate sauce, milk, robust espresso coffee, and whipped cream!

Mocha latte.

To make this recipe sweet and more chocolaty, I’ve added a touch of mocha syrup to the recipe.

Once you try this recipe at home, you’ll no longer have to go to your favorite coffee bar, as this recipe is so easy to make.

What is in a mocha latte?

The mocha latte is a delicious, sweet treat that’s both invigorating and delicious. It’s become one of the most popular espresso-based coffee drinks.

It also is very simple to make at home. A few special ingredients like chocolate syrup, cocoa powder, milk, and espresso are all you need to create this delicious treat for yourself or to serve guests.

Have a look below for the full ingredient list, so you have an idea of what you need to get started with this recipe:

  • Whole milk
  • Espresso shot
  • Mocha syrup
  • Chocolate sauce
  • Whipped cream
All ingredients needed to make a mocha latte at home.

You can substitute the whole milk for a different dairy or dairy-free alternative. This depends on the milk you have at home and which has your preference.

I’ve made this recipe with soy milk before, and it tasted amazing. If you’re making this recipe with a different milk alternative, let me know in the comments so that I can give it a try as well!

As for the mocha syrup and chocolate sauce, you can use store-bought versions for this, or you can make them at home. I’ve listed the recipe for them after the recipe card.

The whipped cream can also be homemade. You can check out the recipe for vanilla-flavored whipped cream here.

Adding whipped cream is optional in this recipe. It will add creaminess to the mocha latte but will also add additional calories that you might not want.

What is the best coffee for this recipe?

Most lattes are made using espresso coffee. I recommend using a single or double espresso shot for this recipe.

You can use your espresso machine, Moka pot, or AeroPress to brew espresso-like coffee at home. My favorite coffee brewer to use for this recipe is the Moka pot.

A Moka pot makes the most delicious espresso-like coffee that comes close to an espresso made using an espresso machine, which is awesome!

"Pouring freshly made Moka pot coffee into a glass."

Espresso coffee has a more robust flavor than regular brewed coffee, which works seamlessly with the sweeter flavors from the chocolate sauce and added milk.

You can, however, make this recipe with brewed coffee if you want to. I suggest double brewing the coffee to match the stronger flavors of espresso coffee.

If you’re interested in learning how to double brew your coffee, you can get more information here.

Mocha Latte

Mocha latte, ready to drink.

With this easy recipe, you can make mocha lattes at home in just 5 minutes!

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


  • 3/4 cup (0.18 l) of whole milk
  • Espresso shot
  • 2 tbsp (30 grams) of chocolate sauce
  • 1 tbsp (15 grams) of mocha syrup
  • A serving of whipped cream


To start with this recipe, prepare the mocha syrup and chocolate sauce ahead of time. This way, you can make this recipe within minutes. Follow the steps below to make the mocha latte:

  1. Brew the espresso shot with the coffee brewer of choice; I've prepared mine with the Moka pot.
  2. Meanwhile, steam and foam your milk. Make sure there's a nice layer of foam; this will create those signature layers in your coffee.
  3. To a tall glass, add the mocha syrup.
  4. Coat the sides of the glass with a tablespoon of chocolate sauce.
  5. Add your freshly steamed and foamed milk to the glass.
  6. Wait 30 seconds, so the layers in your milk will set.
  7. Slowly pour the espresso coffee into the glass.
  8. Top the coffee with whipped cream.
  9. Drizzle the remaining chocolate sauce over the whipped cream.

Your mocha latte is now ready to be enjoyed! You can serve it with a straw so you can combine all the ingredients before drinking it!


You can make your mocha latte sweeter by adding some more mocha syrup or chocolate sauce.

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: 219Total Fat: 11.55gSaturated Fat: 6.8gUnsaturated Fat: 3gCholesterol: 39mgSodium: 79mgCarbohydrates: 18.7gSugar: 23.6gProtein: 5.2g

The nutritional information is based on the recipe. If you plan to add more sweeteners, the number of calories may change.

How many calories are in a mocha latte?

A mocha latte contains a total of 219 calories, which is quite a lot. Most calories come from the added sweeteners. Have a look below for the calorie breakdown:

  • The whole milk is good for 110 calories.
  • Adding a serving of whipped cream to your drink adds 52 calories.
  • The two tablespoons of homemade chocolate sauce make up 38 calories.
  • The tablespoon of mocha-flavored syrup adds 19 calories to this drink.

If you want to lower the number of calories, it’s best to leave the whipped cream out or lower the sweeteners used.

You can also choose to use lower-fat milk, as whole milk contains more calories. Dairy-free alternatives tend to have fewer calories as well.

How to make mocha-flavored syrup

Coffee syrups are the easiest sweeteners you can make at home. You can add any flavoring to them, which makes them so perfect.

As this is a mocha latte, the best way to sweeten it will be by using mocha-flavored syrup.

You can easily make mocha-flavored syrup at home using equal parts white granulated sugar, water, and cocoa powder. It will look like this when finished:

Mocha-flavored syrup, ready to be used.

You can read the full step-by-step recipe right here, it’ll bring you to the recipe of the iced mocha latte, so if you want to make this into an iced version, you can also check it out right there.

How to make homemade chocolate sauce

Chocolate sauce is the perfect sauce for most coffees. I found myself adding a bit to each morning coffee, as I always make too much, and it’s just so delicious.

The homemade chocolate sauce is made with the same ingredients as the mocha-flavored syrup but with a different ratio to emphasize the chocolate flavor. It looks like this:

"Homemade chocolate sauce."

You can easily make this in a big batch so that you can make multiple mocha lattes in the coming days. You can check out the full recipe here.


The mocha latte is the perfect drink for people who prefer a sweeter coffee or just love the taste of chocolate.

It has slowly become one of my favorite coffees to drink in the morning. I love chocolate, and the combination with the caffeine from the coffee is the perfect combination.

The great thing about this recipe is that you can make this drink easily, especially if you’ve made bigger batches of mocha-flavored syrup and chocolate sauce.

If you love these kinds of recipes, have a look below for more inspiration and great recipes you can make within minutes.

Do you also love cold brew coffee? 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


  1. A.C. Phillips Reply

    Moka pot and Aeropress can NOT make espresso. Espresso is a very specific brew method involving high water pressure (9 bars of pressure is standard, higher can cause excessive bitterness) passing through a puck of coffee. While both Moka pot and Aeropress make very delicious, very strong coffee; it is not espresso and we need to stop pretending it is.

    • Picture of Jeffrey, Author at Your Dream Coffee

      Hey A.C,

      Thanks for leaving a comment!

      You’re right about espresso coffee. It cannot be made using an AeroPress or Moka pot. That’s why I clearly stated that they could make delicious espresso-like coffee that comes close to espresso made with an espresso machine.


  2. Microwave one cup milk. Stir in one teaspoon cocoa, one teaspoon instant coffee and two teaspoons sugar.

    • Picture of Jeffrey, Author at Your Dream Coffee

      Hey Franny,

      That sounds like a delicious and easy-to-make recipe. Thanks for sharing!


Write A Comment

Pin It Skip to Recipe