Hot Chocolate Recipes

Mocha Hot Chocolate

Millie Pham

Disclosure: As Amazon Associates, we earn from qualifying purchases at no extra cost to you.

There’s something extra cozy about a warm mug of hot chocolate.

But when you add a shot of bold espresso? Oh, it becomes pure magic.

This mocha hot chocolate is rich, creamy, and just the right balance of sweet and coffee-kissed.

It’s like a coffee shop treat, but made right in your kitchen in under 10 minutes.

Why I Love This Recipe

I’ve made this countless times when I wanted something comforting but with a little pick-me-up. The smell of chocolate melting with fresh espresso always takes me right back to winter evenings curled up with a blanket.

  • It’s quick and easy to make in one pot.
  • You can dress it up with whipped cream, marshmallows, or just keep it simple.
  • The balance of espresso and chocolate gives it that “coffee shop at home” vibe.
  • It feels indulgent without being too heavy.
Mocha Hot Chocolate

Servings and Time

  • Servings: 2 mugs
  • Total Time: 10 minutes

Macros (per serving, without toppings)

  • Calories: ~220
  • Protein: 6g
  • Fat: 8g
  • Carbs: 32g
  • Sugar: 26g

Why This Recipe Works (Quick Science)

The combination of cocoa powder and real chocolate gives depth—cocoa adds richness while the chocolate makes it creamy. Heating milk slowly prevents it from scalding, while whisking in sugar and chocolate ensures everything melts smoothly. Espresso balances the sweetness with bitterness, making the drink more complex.

Common Mistakes

  • Overheating the milk: It can burn and give a scorched flavor. Heat gently.
  • Not whisking enough: Chocolate and cocoa can clump, so whisk well for a smooth drink.
  • Too much espresso: A full cup of coffee can overpower the chocolate. Stick to one shot per serving.

What to Serve With

  • Freshly baked cookies (chocolate chip or shortbread).
  • A slice of banana bread.
  • Fluffy croissants.
  • Simple biscotti for dipping.

What You’ll Need

  • 2 cups whole milk
  • 2 tablespoons unsweetened cocoa powder
  • 2 tablespoons sugar
  • ¼ cup chopped semisweet chocolate (or chocolate chips)
  • 1 teaspoon vanilla extract
  • 2 shots freshly brewed espresso
  • Whipped cream and cocoa powder for topping (optional)

Tools Required

  • Medium saucepan
  • Whisk
  • Heatproof mugs
  • Measuring cups and spoons

Substitutions and Variations

  • Use almond milk, oat milk, or soy milk for dairy-free.
  • Swap espresso for ½ cup strong brewed coffee if you don’t have an espresso machine.
  • Try dark chocolate for a more intense mocha.
  • Add a pinch of cinnamon or peppermint extract for a holiday twist.

Make Ahead Tips

You can make the hot cocoa base (milk, cocoa powder, sugar, chocolate, vanilla) ahead and refrigerate it for up to 2 days. Just reheat and stir in the espresso before serving.

Step-by-Step Instructions

Step 1: Heat the Milk

Pour 2 cups of whole milk into a medium saucepan and place it over medium heat. Warm the milk gently until it’s steaming but not boiling.

Step 2: Whisk in Cocoa and Sugar

Add 2 tablespoons unsweetened cocoa powder and 2 tablespoons sugar into the warm milk. Whisk until smooth with no lumps.

Step 3: Melt in Chocolate

Stir in ¼ cup chopped semisweet chocolate (or chocolate chips). Keep whisking until the chocolate has fully melted and the mixture looks creamy.

Step 4: Add Vanilla

Stir in 1 teaspoon vanilla extract to enhance the flavor.

Step 5: Add Espresso

Pour in 2 shots of freshly brewed espresso and whisk to combine. The drink should look silky and smooth.

Step 6: Serve and Top

Pour the mocha hot chocolate into mugs. Top with whipped cream and dust with cocoa powder if you like.

Leftovers and Storage

If you have any leftovers, let the mocha cool to room temperature. Store in a covered jar or container in the fridge for up to 2 days. Reheat gently on the stove or in the microwave, whisking to bring back the creaminess.

FAQ

Can I make it without espresso?
Yes! Just skip the espresso for a classic hot chocolate.

Can I double the recipe?
Definitely. Just use a larger pot and double all the ingredients.

Can I make it less sweet?
Cut the sugar in half or use dark chocolate instead of semisweet.

Conclusion

This mocha hot chocolate is one of those recipes you’ll come back to again and again. It’s simple, it’s cozy, and it feels a little special every single time. Give it a try, then drop a comment to let me know how you liked it or if you tried your own twist!

Hi there! I'm Millie Pham, a devoted brewer and tea lover at heart. As the founder of Bean Leaf Cup, my mission is to share my tea and coffee expertise with you all. I firmly believe that creating a fantastic cup of tea or coffee should be easy for everyone. No matter if you're already a coffee or tea expert or just beginning your journey, I'm here to help you navigate the world of brewing. Welcome aboard!