PerfectBrew Logo Blue

Hot Chocolate Coffee Recipe

Table of Contents

The only thing better than a steaming cup of hot chocolate is one with a few shots of espresso in it. Coffee and chocolate and meant to be together, and they complement each other beautifully.

Although we could call this one a mocha, this is distinctly chocolaty, so it’s more like a hot chocolate with coffee. So, here’s the deal, I love hot chocolate but can’t live without my coffee. I thought, why not enjoy both? This one’s strong, though. It will appeal to chocolate and coffee lovers alike! Here’s what you need to know about it.

Hot Chocolate Coffee Recipe-2

What goes into hot chocolate coffee?

To make this comforting and rewarding warm drink, I use two espresso shots, meaning it’s a double hot chocolate coffee, but add just one if you don’t want yours all that strong. South American Arabica medium roast is my coffee of choice for chocolate, creamy drinks, but find the one that sings to you; that’s the beauty of it.

We also need milk as a base. Here, go for your favorite, even plant based. For the chocolate flavor, we’re pulling out the big guns with both cocoa powder and chocolate syrup. Finally, let’s garnish this beauty with whipped cream and floating caramel candy, just for yuks.

How to make a hot chocolate coffee?

To make this nice cup of caffeinated hot chocolate, brew the espresso and set it aside. Then, in a saucepan, heat the milk until steamy. It’s time to throw everything in, including the coffee, all except for the whipped cream. Pour the hot chocolate and garnish.

Adding the ingredients once the milk is warm is important, as the ingredients will dissolve better, especially the chocolate syrup. With this in mind, try adding some other things to your hot chocolate — marshmallows come to mind, and you can even melt some real chocolate in there! That’s what I call a luxurious hot chocolate coffee. Have fun making your own!

How to Make It

  • Prep Time5 min
  • Cook Time10 min
  • Total Time15 min
  • Serving Size2
  • Energy214 cal




Brew the espresso and set it aside.


In a small saucepan, add the milk and heat over a medium flame until steamy but not boiling.


Pour in the chocolate syrup and stir in the cocoa powder. Add the espresso.


Mix well and pour into two cups.


Garnish with whipped cream, cocoa powder and caramel candy.

  • Nutrition Facts

  • Serving Size2
  • Amount per serving
  • Calories214
  • % Daily Value*Standard DV
  • Total Fat12.1 g78 g15.51%
  • Saturated Fat7.4 g20 g37%
  • Cholesterol39 mg300 mg13%
  • Sodium62 mg2300 mg2.7%
  • Total Carbohydrate24.9 g275 g9.05%
  • Dietary Fiber2.4 g28 g8.57%
  • Total Sugars17.2 g
  • Protein4.1 g50 g8.2%
  • Calcium96 mg1300 mg7.38%
  • Iron2 mg18 mg11.11%
  • Potassium374 mg4700 mg7.96%
Skip to content