Hot Chocolate Coffee Recipe

This Hot Chocolate Coffee Recipe combines two of my favorite drinks into one delicious treat. A delightful twist on traditional hot cocoa that will leave you wanting more. It's perfect for coffee lovers and just as good as a mocha from your favorite coffee shop.

Are you a fan of both hot chocolate and coffee? If so, get ready for the ultimate indulgence. Imagine sipping on a warm mug filled with velvety smooth hot chocolate infused with the rich and robust flavor of your favorite coffee. This is an easy recipe for a delicious drink that takes just a couple of minutes.

It's the perfect pick-me-up on chilly winter mornings or whenever you're craving something warm and chocolatey. Best of all, you only need three ingredients, so there's no need to make a trip to the coffee shop.

The secret is simply combining freshly brewed coffee with your favorite hot chocolate mix and a splash of half and half. You get all the rich chocolate flavor of hot cocoa with a little caffeine boost from the coffee. It's an easy homemade mocha without any fancy equipment.

This Peppermint White Chocolate Mocha Recipe is another amazing sweet sip. Or for a fun treat, try making these Valentine's Hot Chocolate Bombs.

Ingredients

Hot Coffee - Hot black coffee is typically made by brewing coffee beans with hot water in a drip coffee maker, French press, or a coffee machine using coffee pods. You can make the coffee however you choose, but we prefer to make strong coffee from dark roast beans for this recipe.

Hot Chocolate Mix - Hot cocoa mix is typically made with cocoa powder, sugar, and powdered milk. It's an easy way to add chocolate flavor and sweetness to your coffee without measuring a bunch of ingredients.

Half and Half - Adding half and half, which has a higher fat content than whole milk and a lower fat content than heavy cream, gives this warm drink a rich, creamy flavor.

How to Make Hot Chocolate Coffee Recipe

This one takes two minutes, so it is the perfect café mocha to make on busy mornings.

Step One: Brew a cup of coffee.

Step Two: Mix in the hot chocolate powder until dissolved. It normally dissolves pretty quickly.

Step Three: Add the half and half.

Step Four: Stir until smooth.

Variations

• Garnish - Top the mug with a generous amount of whipped cream. You can also garnish with mini chocolate chips, mini marshmallows, sprinkles, a drizzle of chocolate syrup, or chocolate shavings.
• Without Hot Cocoa Mix - To make this without hot chocolate mix, use cocoa powder. You will need to add sugar (or another sweetener like maple syrup) and more half and half or milk as well. If you want to try this variation, start with 1 tablespoon of unsweetened cocoa powder.
• Brown Sugar - Adding brown sugar gives this a warm, caramel-like flavor.
• Cinnamon - Add a pinch of ground cinnamon or let a whole cinnamon stick steep in the mug to turn this into a version inspired by Mexican hot chocolate.
• Peppermint - For a peppermint mocha, you can dissolve a candy cane or peppermint stick in the hot coffee or add a tiny splash of peppermint extract. We love this variety during Christmas and the holiday season.

Equipment

All you need is a coffee maker, a mug, and a spoon. A French press, drip coffee maker, or single-serve coffee machine will all work. There's no need for an espresso machine or milk frother, which is one reason I love how easy this recipe is.

Common Questions

Can I use instant coffee?

Yes, you can definitely use instant coffee powder in a hot chocolate coffee recipe. Just dissolve the desired amount of instant coffee in hot water before mixing it with the hot chocolate.

Is it possible to make a vegan version of hot chocolate coffee?

Absolutely! To make a vegan version of hot chocolate coffee, use plant-based milk (such as almond milk, oat milk, coconut milk, or soy milk) and choose a dairy-free hot chocolate mix. Be sure to check the label since many mixes contain powdered milk.

Can I add additional flavors to my hot chocolate coffee?

Definitely! You can enhance your hot chocolate coffee by adding flavors like vanilla extract, peppermint syrup, caramel sauce, or even a dash of cinnamon for an extra kick.

Can I make iced hot chocolate coffee?

Yes, you can easily transform your hot chocolate coffee into an iced version by allowing it to cool down after preparing it and then pouring it over ice cubes. You can also refrigerate it beforehand for a refreshing chilled drink.

How do I store leftover hot chocolate coffee?

If you have any leftover prepared hot chocolate coffee, store it in an airtight container in the refrigerator for up to two days. Reheat it on the stovetop or in the microwave when ready to enjoy again.

Can I personalize my mocha coffee based on dietary restrictions?

Absolutely! Hot Chocolate Coffee recipes are highly customizable based on dietary needs or preferences. You can use dairy-free milk alternatives, sugar substitutes, or choose a low-fat hot chocolate mix to suit your diet.

📖 Recipe

Like what you see? Follow us on Facebook and Instagram! Love this recipe? Leave a comment & a 5-star rating right here! Make sure you don’t miss new recipes by getting email updates!

Originally Published September 4, 2023. Revised and Republished October 14, 2026.