This post may contain affiliate links for which I earn a commission. Read myย disclosure page here.
Skip the queues at your local coffee shop and whip up a mocha coffee at home in just a few minutes. Brewed coffee is flavored with cocoa, vanilla, and honey for one delicious drink.

Save This Recipe
Enter your email and we'll send the recipe directly to you!
By submitting this form, you consent to receive emails from Delicious Meets Healthy.
Two of my favorite things in the world are chocolate and good coffee, so this cafe mocha recipe hits all the right notes!
Mocha coffee is so quick and easy to make at home and it tastes just as good as a cup from your local coffee place. Just add cocoa, milk, and sweetener to your cup of hot joe. It’s so warming, creamy, and chocolatey, there’s never a bad time to enjoy it!
Related: Learn to make a homemade Chai Tea Latte and dalgona coffee too!
Why You Will Love This Recipe
- Quick and easy: It takes no more than 5 minutes to make a cup of this coffee mocha (no barista skills required), and you just need a few basic ingredients.
- Budget-friendly: I’m so guilty of spending a small fortune on takeout coffee, this chocolate-flavored coffee drink is much kinder on your wallet!
- Easy to make indulgent! You can enjoy this coffee as is, or treat yourself by topping it with whipped cream and chocolate sprinkles!
Ingredients For Café Mocha
For a full ingredients list with measurements, check the recipe card below.
- Milk: I like to use dairy whole milk in this mocha coffee recipe, but you can use plant-based milk like oat milk, full-fat coconut milk, or almond milk if you prefer.
- Cocoa powder: Use unsweetened cocoa powder for a rich chocolatey taste. I don’t recommend using a hot chocolate mix because it make the drink too sweet.
- Honey: For a natural sweetener. You can also use maple syrup.
- Vanilla extract: For flavor.
- Coffee: Use your favorite coffee beans for this recipe. I like to use brewed coffee but you can use instant coffee if that’s what you have.
- Toppings (optional): You can add whipped cream or make frothed milk with your milk frother to top the drink. You can sprinkle some cocoa powder, chocolate shavings, or chocolate chips on top. Even some marshmallows or crushed peppermint add a festive and holiday vibe.
How To Make Mocha Coffee
- Mix milk, cocoa powder, honey, and vanilla extract in a pot over medium-low heat until you have a gentle simmer. Stir until honey and cocoa powder dissolve and the sauce is completely smooth.
- Brew coffee in your coffee machine or a moka pot on the stovetop. Stir in the brewed coffee into the cocoa milk mix.
- Pour into a cup and top with some whipped cream and sprinkle some chocolate chips or grated chocolate on top if desired.
- Serve warm and enjoy!
TIPS FROM NELI’S KITCHEN
Top Tips for Making the Best Mocha Coffee
Want to make a rich and indulgent mocha coffee at home? Here are the top tips to craft a café-quality drink every time:
- Choose quality ingredients: Use freshly brewed espresso or strong coffee and high-quality cocoa powder or chocolate for the best flavor.
- Temperature matters: Avoid overheating the milk or coffee, as it can scorch the flavors. Keep the steamed milk around 140–155 degrees Fahrenheit for the best taste.
- Use real chocolate: Melt dark or milk chocolate directly into your coffee for a luxurious and authentic mocha flavor.
- Try vegan mocha coffee: Plant-based milk like almond, oat, or coconut milk can add their own distinct flavors, making your mocha even more exciting.
- This recipe makes enough for one hot mocha coffee. It is easily doubled.
- The mocha drink should be enjoyed as soon as it is made.
What Is Mocha?
Cafe mocha is essentially a chocolate-flavored variant of a cafe latte and it’s made with espresso, hot milk, and added chocolate flavoring, typically in the form of cocoa powder, and sweetener. Unlike other coffee drinks, mocha coffee is a lot sweeter in taste and can be great for those who have a sweet tooth and want to balance out the bitter taste of coffee.
Caffè mocha is also called mocaccino and it’s believed to derive its name from the city of Mocha, Yemen, which was one of the centers of the early coffee trade. Other commonly used spellings are mochachino or mochaccino. You can learn more about mocha’s origins here.
Variations
I like to add in a little vanilla extract for added flavor, but you can skip this if you’d like. Try stirring in a little cinnamon or hazelnut or chocolate syrup for some added flavor. You could even add some peppermint extract for a mint chocolate coffee drink. You can also make mocha with dark, milk, or white chocolate.
Recipe FAQs
A cafe mocha has a strong chocolate flavor to it that sits right alongside the flavor of the coffee, don’t mistake it for a hot chocolate. The rich chocolate flavor helps to balance out the bitterness of the coffee. It is quite sweet in flavor, but it’s definitely a drink for coffee lovers.
Yes! It’s easy to turn chocolate mocha coffee into a cold drink if you prefer! Just use cold regular coffee, you can brew some and pop it into the fridge for 30 minutes, mix everything together, and pour it over ice cubes. The perfect way to enjoy this mocha iced coffee on a warm day!
More Beverages
Be sure to check out these other warm beverages:
If you enjoyed this Mocha Coffee recipe or any other recipe on my blog, please leave a ⭐ star rating and let me know how it went in the 📝 comments below. Thanks for visiting!
Pin this now to find it later
Pin It☝ Tap stars to rate
Mocha Coffee
Save This Recipe
Enter your email and we’ll send the recipe directly to you!
By submitting this form, you consent to receive emails from Delicious Meets Healthy.
Ingredients
- ½ cup of milk, (or almond milk)
- 1 Tablespoon unsweetened cocoa powder
- 1 Tablespoon honey
- ½ teaspoon vanilla extract
- ¾ cup strong brewed espresso, or regular coffee
- Frothed milk or whipped cream, for topping (optional)
- chocolate chips or grated chocolate, optional
Instructions
- Mix milk, cocoa powder, honey and vanilla extract in a pot over medium low heat until you have a gentle simmer. Stir until honey and cocoa powder dissolve and sauce is completely smooth.
- Stir in brewed espresso and pour into a cup.
- Top with some frothed milk and sprinkle some chocolate chips or grated chocolate on top if desired.
- Serve warm and enjoy!
Notes
- Choose quality ingredients: Use freshly brewed espresso or strong coffee and high-quality cocoa powder or chocolate for the best flavor.
- Temperature matters: Avoid overheating the milk or coffee, as it can scorch the flavors. Keep milk around 140–155 degrees Fahrenheit for the best taste.
- Use real chocolate: Melt dark or milk chocolate directly into your coffee for a luxurious and authentic mocha flavor.
- Try vegan mocha coffee: Plant-based milk like almond, oat, or coconut milk can add their own distinct flavors, making your mocha even more exciting.
- This recipe makes enough for one hot mocha coffee. It is easily doubled.
- The mocha drink should be enjoyed as soon as it is made.
Nutrition
Nutrition Disclaimer: Nutritional values are estimates and may vary with ingredients, brands, and portion sizes. For accuracy, use your preferred nutrition calculator.
Disclaimer: The information provided in this recipe is for informational purposes only and should not be considered medical or nutritional advice. I am not a doctor or a dietitian. Always consult a qualified healthcare provider for personalized guidance regarding your diet or health. For more details, please read my full disclosure page.