Homemade Cafe Mocha
This post may contain affiliate links, please visit our privacy policy for details.
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.

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!

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!
Ingredients
- Espresso
- Milk
- Chocolate Syrup
Instructions
Combine chocolate syrup and espresso in a glass.

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
- Creamy Double Chocolate Hot Cocoa
- The Santa Clause Hot Chocolate Cocktail
- Cinnamon Honey Nut Granola
- Chocolate Sweet Rolls

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.

Homemade Cafe Mocha
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 milk as well as froth it, I recommend you use it.
- Chantilly cream topping is optional.
Tools You May Need (affiliate links)
- Hand Mixer or milk frother
