How to Make a Perfect Mocha – Coffee Recipe


Caffè mocha (/ˈmɒkə/ or /ˈmoʊkə/)

Represents a chocolate-flavored hot caffeinated drink, as a variation of caffè latte, which servings tend to be in glasses rather than mugs. 

It’s also popular under the name of mocaccino (Italian: [mokatˈtʃiːno] 🇮🇹 mochaccino and mochachino. This unusual name for coffee comes from the city of Mocha, Yemen 🇾🇪 known as one of the biggest centers of early coffee trades.

Different ingredients can be used in order to make this sweet caffeinated beverage. Thus comes one of the most popular variations:  white mocha and iced mocha.

However, the original caffè mocha recipe is made of one-third espresso and two-thirds steamed milk topped with cocoa powder.

Let’s find out how to make a perfect mocha step by step!

Prep Time: 5 minutes

Cook Time: 5 minutes

Total Time: 10 minutes


  • One cup of brewed coffee (espresso shot if possible)
  • Chocolate syrup or cocoa powder
  • Steamed milk


Brewing Coffee

brewing espresso for caffe mocha

The first thing we’re going to do is prepare our caffeinated beverage. If you have the necessary equipment to make espresso, since it’s used in the original recipe, we recommend you make two espresso shots.

If not, you may opt for regular coffee, since it’s a homemade version. An average measure would be around 2 ounces.

This means that you can use any type of coffee beans you prefer/have, and that includes decaf as well. 


Cocoa Powder or Chocolate Syrup

Cocoa powder for making caffe mocha

When making your mocha you can choose between chocolate syrup or cocoa powder.
If we want our coffee to be 100% homemade, we can even make chocolate syrup on our own.

Choose your own measure, and mix together Cocoa powder, a bit of water, along with sugar, or simply melt the chocolate of your choice.

It doesn’t really matter whether it’s milk chocolate or dark,  pick the one you like the best, even if it’s a white one as well. 2 ounces of chocolate should be sufficient 

However, syrup doesn’t really have a set amount.

You can adjust the measure of chocolate to your own preference, and feel free to experiment a little bit.

Steamed Milk

Steaming milk for mocha coffee

What goes for coffee beans, same goes for milk. Basically, you can use any type of milk you want. This means that you can use non-dairy ones as well.

However, to follow the original recipe, we are going to steam the milk. Just remember that the milk with higher fat content will result in a richer and creamier beverage.

You can simply put it in the microwave and heat it, along with your chosen chocolate or syrup.

On the other hand, if you have a milk steamer, use that one since it can be a big plus!

Stir the milk and chocolate together, until they are fully combined with a creamy texture. Pour the mixture into your coffee mug, and enjoy your homemade caffeè mocha!





To Wrap It Up 

Combining coffee and chocolate can never result in a disaster. Even if you are not so good in the kitchen, (we’re not either), these recipes were created in a way that both rookies and professionals can make them easily. 

Make your homemade mocha coffee effortlessly without needing fancy equipment, lengthy preparations, or special techniques.

Sip it and enjoy it!


Recommended Posts