Cafe Mocha Hot Chocolate Mix

mocha latte recipe by foodology geek
Recipe Comments Save

This post may contain affiliate links. Please read my

disclosure policy.

This homemade cafe mocha mix is perfect for homemade mochas and easy homemade hot chocolate. Don’t forget the marshmallows. I make a batch of this every few weeks for my husband’s morning cafe mochas. He’s practically a professional barista now!

Homemade Mocha Mix

My husband makes the best cafe mochas.

He used to hit the local coffee house every single morning to pick up his morning mocha. Now he makes even better mochas right in the kitchen every single morning.

I decided to buy him an espresso machine a few years ago for his birthday. I figured it would pay for itself in a few months. At five bucks per mocha from the local coffee house, it didn’t take long.

Making the best hot chocolate mix.

Making the best recipe requires using the best ingredients.

We already know that I am a certified Geek. Recipe testing is just one way that I get my Geek on!

Mocha Mix and Cafe Mocha

The Best Hot Chocolate Mix Recipe

This homemade cafe mocha mix can be used to make the best cafe mochas or the best hot chocolate. It’s your choice.

Once you have made the dry mix, simply add two tablespoons to steamed of hot milk.

Now you won’t even have to go to San Fransico to get a cup of Ghirardelli hot chocolate.

Pick out your favorite unsweetened cocoa powder.

You could use Hershey’s, but there are so many really good ones on the market. Two of our favorites (that are pretty easy to find) are Ghirardelli and Scharffenberger.

Then use really good sugar.

I find plain granulated white sugar to have an unpleasant, aggressive sweetness to it. It’s just sweet with no real flavor.

I want a rich caramel sweetness. I use a raw sugar that has a little more flavor. Even my husband can tell the difference.

Lastly, I use good vanilla powder and some kosher salt.

Using vanilla powder allows you to make a dry mix with all of the flavors that you want in a perfect cup of hot cocoa.

Just a hint of salt enhances the dark cocoa powder. All of these flavors come together for a balanced slightly salty, bitter-sweet, creamy cup of hot chocolate.

Homemade Cafe Mocha Mix
I wish that I had mad milk steaming skills but I don’t. I wanted to milk sculpt a tie fighter on top of this cafe mocha for you – but alas… you just get not so beautifully steamed milk. Trust me, it was still super tasty!

Keto Hot Chocolate

If you are watching your carbs and need a keto-friendly version of you can make this mix into a ket friendly version of holt chocolate mix by substituting Swerve or Erythritol for the sugar.

Use heated full-fat milk or even half-and-half to make the most delicious keto hot chocolate you have ever had.

Vegan Hot Chocolate

This hot chocolate mix is vegan, as it is made.

To make a cup of vegan hot chocolate use eight to ten ounces of hot dairy-free milk and add two tablespoons of hot cocoa mix.

Mexican Hot Chocolate

This recipe can easily be turned into a Mexican Hot Chocolate mix by adding a few ingredients.

  • Cinnamon — Add one tablespoon of cinnamon to the mix.
  • Cayenne Pepper — Add one quarter to one half a teaspoon of cayenne pepper.

The Best Hot Chocolate Recipe

To make the perfect cup of hot chocolate, use 1 cup of your favorite milk, plus two tablespoons of the Cafe Mocha Mix.

To make a large batch use one cup of milk per serving, then add two tablespoons of cocoa mix for each cup of milk. Heat until the sugar is dissolved.

Crockpot Hot Chocolate For A Party

Add the milk and cocoa mix to the bowl of your slow cooker.

Set the slow cooker to high and heat for about 40 minutes. Then turn the slow cooker to low and it will stay warm throughout your party.

Other Dessert Recipes

mocha latte recipe by foodology geek

Brad’s Mocha Mix

Laura Reigel
Add 2 tbsp to hot espresso. Then top with steamed milk for a delicious morning mocha. 
Prep Time 5 minutes
Total Time 5 minutes
Course Breakfast
Cuisine Drink
Servings 30 2 tbsp servings
Calories 94 kcal



  • Mix all ingredients together. 
  • Store in an air tight container. 



Calories: 94kcalCarbohydrates: 24gProtein: 1gFat: 1gSodium: 234mgFiber: 2gSugar: 20gCalcium: 10mgIron: 1.1mg
DID YOU MAKE THIS RECIPE?Share your photos!!! Snap a 📸 and tag @foodologygeek and don’t forget to hashtag #foodologygeek!
Brad's Morning Cafe Mocha Mix

Similar Posts


    1. That is a great question!! I will update the post to include the instructions. But in short. Add 1 to 2 tablespoons of mocha mix to a mug. Add a shot of espresso (or hot coffee). Add steamed milk. You can also make this drink as an iced mocha. Enjoy!

    1. I would recommend using either Swerve confectioners sugar or Lankanto confectioner sugar as a substitute. You might need to adjust the amount of sweetener because these non-sugar sweeteners are less sweet. Let me know if you try it.

Leave a Reply

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

Review this recipe!

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