Homemade Hot Cocoa Mix

This homemade hot cocoa mix recipe comes together with just FOUR simple ingredients! Lower in sugar than your standard hot cocoa mix, it’s rich, chocolatey, and perfectly sweet. Keep a big batch on hand for cold winter days! 

We’re big fans of hot cocoa here at HappiHomemade. We’ve got several recipes like our high-protein bone broth hot chocolate and gingerbread hot chocolate. However, we realized we didn’t have a regular hot cocoa mix. 

Clear jar filled with hot cocoa mix and a spoon with mug of hot chocolate.

Obviously, we had to change that ASAP! So, we put together our tried and true basic hot chocolate mix recipe just for you. We’ve been using it for years, and everyone always agrees that it’s so much better than anything at your local grocery store. 

Plus, you can easily mix and match different ingredients to create different flavors and make it your own. Whisk it together in minutes, and we guarantee you’ll never go back to those bland, pre-made hot cocoa packs again! 

Ingredients You’ll Need

Below is an overview of the ingredients and instructions for the best hot cocoa mix. Please be sure to scroll down to the recipe card below for the complete details! 

Four labeled ingredients for homemade hot cocoa mix on a white countertop.
  • Cocoa Powder – We typically use Dutch-processed cocoa powder for a richer taste, but regular unsweetened cocoa powder works just fine. 
  • Sugar – We use a combination of granulated sugar and monk fruit sweetener to create a sweet taste while keeping the actual sugar content lower without impacting the texture of the drink. 
  • Salt – Trust us on this! Just a pinch enhances the depth of flavor of the rest of the ingredients. Your drink won’t taste salty, but you’ll definitely notice if it’s not there.

How to Make Hot Chocolate with Homemade Hot Chocolate Mix

Layers of sugar with cocoa powder in between in a glass mixing bowl.
  1. Combine all the ingredients in a mixing bowl and whisk until smooth. 
Hot cocoa mix in a glass mixing bowl on a white marble countertop.

2. To make hot cocoa, add two tablespoons of the mix to eight ounces of warm milk. Stir or use a handheld frother to blend until smooth. Enjoy a warm mug of hot cocoa with your favorite toppings! 

Note: This recipe CANNOT be made using water since it’s made without powdered milk or dry milk. Whole milk will give the hot cocoa the creamiest and most delicious taste and texture. However, skim, 2%, or plant-based milk can be substituted. 

Flavor Variations 

Who doesn’t love fun hot chocolate flavors? Some of our favorite ways to give this mix a boost include adding: 

  • ½ teaspoon vanilla extract
  • ¼ teaspoon peppermint extract
  • Cinnamon powder
  • Pumpkin pie spice
  • Espresso powder
  • Cayenne or chili powder

We like to add equal parts hot cocoa to coffee for a fun mocha. We bring a Thermos of prepared hot cocoa, a Thermos of coffee, and mugs to make mochas when out hiking or Christmas tree hunting every holiday season! 

A Tablespoon filled with hot cocoa mix.

Topping Ideas

In our opinion, the best thing about hot cocoa is the toppings! Try adding toppings like: 

  • Whipped Cream Hearts
  • Marshmallows 
  • Chocolate Chips 
  • Crushed Candy Canes
  • Sprinkles
  • Cinnamon
  • Powdered Sugar

Common Questions

How much does this hot cocoa mix recipe make? 

This recipe makes 40 tablespoons, which is 2 ½ cups, or enough for 20 (8-ounce) servings. 

How long does homemade hot cocoa mix last? 

Once combined, you can transfer your hot cocoa mix to an airtight container and store it in a cool, dry place for up to one year! You’ll know it’s time to toss it out when the smell and taste are not as strong. 

Can I double the recipe? 

Sure! Feel free to double or triple the ingredients and whisk until well combined. 

What is the best cup to drink hot chocolate? 

Ceramic mugs are best for drinking hot chocolate and other warm drinks. The thick material provides great insulation that keeps your drink warm. 

A Tablespoon in a mason jar of homemade hot chocolate mix.
A vintage spoon in a mason jar of homemade hot cocoa mix.

Homemade Hot Cocoa Mix Recipe

Sammi Ricke
Skip the store-bought options, and make this easy homemade hot cocoa mix recipe with four ingredients for a customizable, lower-sugar option!
5 from 1 vote
Prep Time 5 minutes
Total Time 5 minutes
Course Drinks
Cuisine American
Servings 40 Tablespoons (2 ½ cups) or enough for 20 (8 ounce) servings
Calories 51 kcal

Equipment

Ingredients
  

Instructions
 

  • Combine all of the ingredients in a mixing bowl and whisk together until combined.
    1 1/2 cups cocoa powder, 1 cup granulated sugar, 1 cup monk fruit sweetener, 1/2 teaspoon salt
  • Store in an airtight container like a quart-sized mason jar with a lid. It will stay fresh at room temperature for up to 1 year!
  • When serving, add two tablespoons of cocoa mix to 8 ounces of warmed milk. Stir until no clumps are left with a spoon or handheld frother. Serve immediately (see notes for flavor additions). Top hot cocoa with marshmallows, whipped cream or add a peppermint stick, if desired.

Notes

Prep Tips – This recipe CANNOT be made using water since it’s made without powdered milk. Whole milk will give the hot cocoa the creamiest and most delicious end result, but skim, 2% or plant-based milk can be substituted. A handheld frother works best to stir these ingredients together. A spoon works, just have some patience for the ingredients to come together. It may take 1-2 minutes of stirring.
Serving Tips – Here are some delicious additions to stir into your hot cocoa: ½ teaspoon vanilla, ¼ teaspoon peppermint extract, cinnamon powder, pumpkin pie spice mix, espresso powder, cayenne/chili powder for a spicy version. We like to add equal parts hot cocoa to coffee for a fun mocha. We bring a Thermos of prepared hot cocoa, a Thermos of coffee, and mugs to make mochas when out hiking or Christmas tree hunting. 

Nutrition

Serving: 1serving (2 Tablespoons)Calories: 51kcalCarbohydrates: 13.7gProtein: 1.2gFat: 0.6gSaturated Fat: 0gPolyunsaturated Fat: 0gMonounsaturated Fat: 0gTrans Fat: 0gCholesterol: 0mgSodium: 0.1mgPotassium: 0.2mgFiber: 2.4gSugar: 10.1gVitamin A: 0IUVitamin C: 0mgCalcium: 0.1mgIron: 0mg
Tried this recipe?Let us know how it was!

Did you enjoy this Homemade Hot Cocoa Mix Recipe? We’d love it if you left a rating and review to let us know, and don’t forget to tag us in your recreations on Instagram!

Similar Posts

  • Healthy Sloppy Joes

  • Cabbage Roll Lasagna

  • The Best Chicken Quesadillas with Pico

  • Low-Sugar Blueberry Peach Crumble

  • Brown Sugar Coffee Syrup

  • Valentine Sugar Cookies

5 from 1 vote

Leave a Reply

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

Recipe Rating




One Comment

  1. 5 stars
    We always have this easy hot cocoa mix handy when the weather turns cooler! It’s smooth, chocolatey, and delish. 🙂 We usually prepare the hot cocoa and put it in a thermos and along with a thermos of coffee. It’s fun to combine the two in mugs for a fun mocha-type drink to celebrate finding the perfect Christmas tree out in the woods!