Home » Recipes » Homemade Cafe Mocha

Homemade Cafe Mocha

Calling all chocolate lovers! This easy homemade dark chocolate Cafè Mocha is the sweetest and most delicious way to start your day…without having to go to your local coffeeshop! Made simply with steamed milk, chocolate syrup, a couple of shots of espresso, and topped with whipped cream and extra chocolate sauce. This mocha is creamy, rich, perfectly sweet, and extra chocolate-y! It’s perfect for any time of year, but especially for those days when you’re just craving a bit of chocolate.

caffe mocha on small white plate with whipped cream, chocolate sauce, and coffee beans on top with chocolate squares, a spoon, and more coffee beans around

→ This post is also available as a Web Story: Caffe Mocha

About The Recipe

We’re back with another drink and, let me tell you, I have never been more excited to share something with you all! Cafe mocha’s have always held such a special place in my heart. I used to make homemade “cafe mocha’s” when I was younger.

Except I think mine were more Hershey’s chocolate syrup than coffee…but times have changed and my taste has evolved a little bit more!

close up of mocha with chocolate sauce, coffee beans, and whipped cream

The other day, I admit, I wasn’t feeling too good. My mom decided to make me one of these since we had some leftover chocolate sauce from our turtle pie, and if I’m being honest, it made me feel loads better! It was sweet without being too sweet, extra chocolate-y, and SO. GOOD.

I asked my mom to write everything down that she did so we could share it with all of you!

This is definitely one of those recipes where it can be a simple coffee or dressed up to a delicious after dinner dessert!

Equipment Needed

  • Small Pot
  • Hand Mixer (or milk frother)
  • Mug

Ingredients

  • Espresso
  • Milk
  • Chocolate Syrup

Instructions

Combine chocolate syrup and espresso in a glass.

chocolate and coffee stirred together

Heat milk over low heat until warmed thoroughly. Transfer the milk to a bowl and use either a milk frother or a hand mixer to froth the milk.

Pour milk into espresso mixture. Spoon froth over the top. Top with chantilly cream and extra chocolate sauce, if desired!

Substitutions

  • You can use homemade or store-bought chocolate syrup.
  • Don’t have a way to make espresso? Make a cup of strongly brewed coffee instead!

Other Recipes You May Like

caffe mocha in glass with whipped cream and chocolate sauce

Expert Tips

  • Be careful not to over heat the milk! If you have a frother that can heat as well, I recommend you use it.
  • Chantilly cream topping is optional.

When you make this Homemade Cafe Mocha, leave a comment down below! We love hearing from you and answering any questions you might have! Also, be sure to tag us on social media and hashtag it #BakersTable.

caffe mocha on small white plate with whipped cream, chocolate sauce, and coffee beans on top with chocolate squares, a spoon, and more coffee beans around
5 from 2 votes

Homemade Cafe Mocha

Author: Caylie Crossland
The perfect way to start your day! This Homemade Cafè Mocha is chocolate-y, perfectly sweet, rich, and SO. GOOD.
Prep Time: 10 minutes
Total Time: 10 minutes
Servings: 1 drink

Ingredients
 

  • 2 double shots espresso or 2/3 cup strong coffee
  • 2 Tablespoons chocolate syrup
  • 1 cup milk of choice

Instructions
 

  • Brew espresso or coffee.
  • Heat milk.
  • Using a frother or hand mixer with a whisk attachment, froth milk.
  • In a tall glass, stir together espresso and chocolate syrup.
  • Pour milk into espresso mixture.
  • Spoon foam on top.

Notes + Tips!

  • Be careful not to over heat the milk! If you have a frother that can heat as well, I recommend you use it.
  • Chantilly cream topping is optional.

Nutrition

Serving: 1 | Calories: 230kcal | Carbohydrates: 37g | Protein: 9g | Fat: 5g | Saturated Fat: 3g | Polyunsaturated Fat: 1g | Monounsaturated Fat: 1g | Trans Fat: 1g | Cholesterol: 19mg | Sodium: 140mg | Potassium: 422mg | Fiber: 1g | Sugar: 32g | Vitamin A: 241IU | Vitamin C: 1mg | Calcium: 289mg | Iron: 1mg

Nutritional information is only an estimate. The accuracy of the nutritional information for any recipe on this site is not guaranteed.

When you make this recipe, remember to tag @bakerstble or hashtag it #BakersTable!

Leave a Reply

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

Recipe Rating




This site uses Akismet to reduce spam. Learn how your comment data is processed.