• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Yellow Chili's
  • Food Recipes
  • Drinks
  • Collections
  • About
  • Subscribe
menu icon
go to homepage
  • Food Recipes
  • Drinks
  • Collections
  • About Us
  • Subscribe
    • Facebook
    • Instagram
    • Pinterest
    • YouTube
  • subscribe
    search icon
    Homepage link
    • Food Recipes
    • Drinks
    • Collections
    • About Us
    • Subscribe
    • Facebook
    • Instagram
    • Pinterest
    • YouTube
  • ×

    Home » Recipes » Coffee » Mocha Coffee

    Mocha Coffee Recipe

    Published: September 29, 2021 by Sangeetha Vel | Updated: October 6, 2022 Leave a Comment

    16 shares
    Jump to Recipe

    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.

    Mocha Coffee served in a glass mug with coffee powder placed in a bowl nearby.
    Mocha Coffee
    Jump to:
    • What is Mocha Coffee?
    • Ingredients
    • How to make Mocha Coffee?
    • How to make Iced Mocha Coffee?
    • Tips
    • Calories
    • Storage Suggestions
    • Serving Suggestions
    • Mocha Coffee Recipe video
    • 📖 Recipe
    • FAQ

    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.

    Mocha coffee ingredients placed on a table.
    Mocha Coffee
    • 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.

    Mocha Coffee served in a glass mug with coffee powder placed in a bowl nearby.
    Mocha Coffee

    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.

    • Whipped (Dalgona Coffee)
    • Iced Coffee
    • Cold Brew Coffee
    • Black Coffee
    • Vietnamese Coffee
    • Cafe De Olla

    More Chocolate Drinks

    • Hot Chocolate
    • Mexican Hot Chocolate
    • White Hot Chocolate
    • Chocolate Milkshake

    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.

    Mocha Coffee Video

    📖 Recipe

    Mocha Coffee served in a glass mug with coffee powder placed in a bowl nearby.

    Mocha Coffee

    Mocha Coffee is a rich, and creamy latte-type drink filled with chocolate flavors. This coffee shop-style drink is typically made with espresso, chocolate, sugar, and frothy milk in both hot and iced versions. This Mocha Coffee is a perfect drink to satisfy the coffee craving and the best part is it is easily made at home without any special tools.
    5 from 1 vote
    Author: Sangeetha Vel
    Subscribe
    print email pin comment
    Course: Coffee
    Cuisine: American
    Prep: 5 mins
    Cook: 5 mins
    Adjust 1 cup

    Ingredients
     
     

    • 1½ tsp Coffee Granules, Instant
    • 2 tsp Sugar
    • 1 piece Milk Chocolate
    • 1 cup Milk
    • 2 tbsp Hot Water
    More on Measurements & Conversions »
    Prevent your screen from going dark

    Instructions
     

    To make Mocha Coffee

    • In a saucepan, pour milk and bring it to boil until milk puffs up
      Milk is boiling in a saucepan.
    • 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
      Shaking the milk in a closed glass jar.
    • Now in a coffee mug, add chocolate, coffee powder, sugar, and hot water. Mix well until everything dissolves
      Mixing the mocha coffee ingredients.
    • Now pour the frothy milk into the coffee chocolate mix. Now the delicious Mocha Coffee is ready to taste and enjoy
      Pouring the frothy milk over mocha coffee mix.

    To Serve

    • Serve this rich and creamy Mocha Coffee along with breakfast or enjoy it when the coffee craving hits you
      Mocha Coffee served in a glass mug.

    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

    Serving: 1cup | Calories: 197kcal | Carbohydrates: 25g | Protein: 9g | Fat: 7g | Saturated Fat: 4g | Polyunsaturated Fat: 2g | Cholesterol: 21mg | Sodium: 122mg | Sugar: 24g
    Tried this recipe?Mention @yellowchilis or tag #yellowchilis!

    FAQ

    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 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.

    Can I make Mocha without espresso?

    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.

    What are the calories in Mocha Coffee?

    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!

    Related Recipes:

    Hot Black Coffee and Iced Black coffee placed on a tray.Black Coffee Recipe (Hot and Iced Black Coffee) Dalgona Coffee also called whipped coffee in a serving glass with snacks around.Whipped Coffee Recipe (Dalgona Coffee) Vietnamese iced Coffee served in a tall glass with coffee beans scattered around and filter placed behind.Vietnamese Coffee Recipe Iced coffee served in a glass with brown sugar and ice cubes nearby.Iced Coffee Recipe
    « Garlic Butter Baked Salmon Recipe
    How to make Best Guacamole Recipe »
    16 shares

    Reader Interactions

    Leave a Review Cancel reply

    Your email address will not be published. Required fields are marked *

    Rate the Recipe!




    Primary Sidebar

    Hey, Nice to see you!

    Sangeetha Vel Yellow Chili's

    Hi, I'm Sangeetha Vel! the author, recipe researcher, creator, and cooking hands behind Yellow Chili's. A realistic, friendly, empathetic, and enthusiastic foodie who loves to share authentic, easy, quick, healthy, instant, and kids-approved recipes.

    More about me →

    Stay Connected
















    Featured Recipes

    • Eggplant Parmesan Recipe
    • Honey Glazed Carrots Recipe
    • Thai Tea Recipe
    • Bubble Tea Recipe (Boba Milk Tea)
    • Oven-Baked Chicken Drumsticks Recipe
    • Fried Shrimp Recipe
    • Oatmeal Smoothie Recipe
    • Hot Cocoa Recipe

    Footer

    ↑ back to top

    About

    • About Us
    • Privacy Policy
    • Terms & Conditions

    Stay Connected

    • Contact Us
    • Sign Up for Recipes

    More Contents

    • Web-Stories

    Copyright © 2023 Yellow Chili's