Mocha Coffee is a rich, and creamy latte-type drink filled with chocolate flavors. It is typically made with espresso, chocolate, sugar, and frothy milk in both hot and iced versions. The recipe I have shared here shows you how to make Mocha Coffee at home with easy step-by-step instructions without any special tools. I have also shared a detailed video to make the process visually clear. This Mocha Coffee is the ultimate treat for coffee lovers and tastes similar to your favorite coffee shops.
Jump to:
What is Mocha Coffee?
Mocha Coffee or Caffe Mocha is typically a latte-type drink made with espresso, chocolate, sugar, and milk. It is usually made in both hot, iced, and frappuccino versions with the perfect balance of chocolate and coffee.
It is similar to a cappuccino but the Mocha has frothed milk often in hot versions and whipped cream in cold versions. And for the chocolate flavor, the Mocha mix can be made with cocoa powder, chocolate syrup, dark or milk chocolate pieces.
This delicious Mocha is a decadent treat to enjoy when you crave a coffee shop-style drink. The best part is this homemade version is worth trying and you will skip a ride to your favorite coffee shop.
Ingredients
The ingredients that you will need to make this Mocha Coffee are minimal and they should be easily available in stores around.
- Coffee Powder - Usually this drink is prepared using espresso shots, but here I have used instant Coffee granules. You can also use decafe coffee to reduce the caffeine intake
- Chocolate - I have used truffle milk chocolate here but you can use dark chocolate, chocolate syrup, cocoa powder or even white chocolate to make this drink
- Milk - 2% milk is used in Starbucks recipe, but I have used whole milk here to achieve thicker and creamier coffee
- Sugar and Water - You can use sweetners of your choice and hot water to dissolve the ingredients
- Heavy Whipping Cream (optional) - I have frothed milk for thicker foam over the coffee, but you can also top with whipping cream
- For Iced Mocha - Pour in the cold milk and add some ice cubes to the coffee chocolate mixture and top with whipping cream
How to make Mocha Coffee?
Craving for a rich and creamy Mocha? Here I have shared how to make Mocha Coffee at home that delivers a super frothy and thicker drink that is similar to popular coffee shops around.
Following are the high-level instructions of this recipe, for detailed step-by-step instructions with photos and video please check out the recipe card below.
- Boil the Milk - In a saucepan, pur milk and bring it to boil. Once it puffs up remove it from the heat
- Make Frothy Milk - Pour the boil milk to glass jar and close the lid tightly (make sure to slightly cool down the milk which helps you to hold the glass jar) . Shake well until the milk turns frothy. Keep it aside for later use
- Prepare the Mocha Mix - In a mug, add coffee powder, sugar, chocolate and hot water. Mix well until everything dissolves
- Make Mocha - Now add the frothy milk into the Mocha mix. Now the delicious Coffee style drink is ready for you to tatse and enjoy
- Serve - Serve this Mocha Coffee along with breakfast or enjoy when you crave for a starbucks style coffee at home
How to make Iced Mocha Coffee?
This coffee can be made in an iced version as well. To make the coffee, pour in the cold milk over the chocolate-coffee mixture and top with whipping cream for rich taste and flavor. The rest of the procedure is the same.
Tips
- For Taste and Flavor - Chocolate plays an important role in making mocha coffee and I have used truffle milk chocolate here and you can also use dark chocolate, cocoa powder, or chocolate syrup to achieve similar results
- For Creamier Mocha - Even though the traditional Starbucks Mocha Coffee is made with 2% milk, I have used full fat milk to achieve a thicker and creamier drink
- Heavy Cream - I havent used heavy cream here, but you can feel free to add for a fancy look. And it also add delicious taste to the drink
Calories
The Mocha Coffee I have shared here contains 197 calories per serving and it is an estimated number by a nutrition calculator. The calorie count may vary if the ingredients are added extra or replaced. You could also find detailed nutritional information in the recipe card below.
Storage Suggestions
You can enjoy this drink as soon as hot or you can make also store it in an airtight container for up to a day in the refrigerator.
Serving Suggestions
Serve this Mocha Coffee along with breakfast or enjoy it when you crave for coffee shop-style drink at home.
You can also find similar drinks recipes below and more at Coffee Recipes.
More Chocolate Drinks
You could also find all our coffee recipes under a Collection.
Mocha Coffee Recipe video
I have also shared a detailed video of this Mocha Coffee Recipe below, which I hope will help you to make a rich drink at home. You could also find this recipe in story format.
📖 Recipe
Mocha Coffee
Ingredients
- 1½ tsp Coffee Granules, Instant
- 2 tsp Sugar
- 1 piece Milk Chocolate
- 1 cup Milk
- 2 tbsp Hot Water
Instructions
To make Mocha Coffee
- In a saucepan, pour milk and bring it to boil until milk puffs up
- Remove the milk and pour it into the glass jar. Close the lid of the jar and shake well until the milk turns frothy. Reserve the milk for later use. Make sure to slightly cool down the milk before transferring to a glass jar
- Now in a coffee mug, add chocolate, coffee powder, sugar, and hot water. Mix well until everything dissolves
- Now pour the frothy milk into the coffee chocolate mix. Now the delicious Mocha Coffee is ready to taste and enjoy
To Serve
- Serve this rich and creamy Mocha Coffee along with breakfast or enjoy it when the coffee craving hits you
Video
Notes
- For Taste and Flavor - Chocolate plays an important role in making mocha coffee and I have used truffle milk chocolate here and you can also use dark chocolate, cocoa powder, or chocolate syrup to achieve similar results
- For Creamier Mocha - Even though the traditional Starbucks Mocha Coffee is made with 2% milk, I have used full-fat milk to achieve a thicker and creamier drink
- Heavy Cream - I haven't used heavy cream here, but you can feel free to add for a fancy look. And it also adds a delicious taste to the drink
- Iced Mocha Coffee - You can also make an iced version using cold milk and ice cubes. Pour in the cold milk over the chocolate-coffee mixture and top with whipping cream for rich taste and flavor
Nutrition
FAQ
Mocha Coffee or Caffe Mocha is typically a latte-type drink made with espresso, chocolate, sugar, and milk. It is usually made in hot, iced, and frappuccino versions with the perfect balance of chocolate and coffee. For the chocolate flavor, the Mocha mix can be made with cocoa powder, chocolate syrup, dark or milk chocolate pieces.
Even though the drink is typically made with espresso, you can also make using instant coffee granules which give a similar taste and flavor to the drink.
The Mocha Coffee I have shared here contains 197 calories per serving and it is an estimated number by a nutrition calculator. The calorie count may vary if the ingredients are added or replaced. You could also find detailed nutritional information in the recipe card above.
I hope you enjoyed the recipe that I have shared here and I would love to hear from you on how it turned out for you. Please let me know.
If you have any other questions, feel free to post them in the comment section below and I will try to get back to you as soon as possible.
Enjoy!
Leave a Review