This site uses affiliate links and I may earn a commission at no extra cost to you.

Learn how to make vegan hot chocolate mix at home with just 4 pantry ingredients in about 5 minutes. It’s rich, versatile, and perfect with your plant-based milk of choice, and a jar of it makes a sweet homemade holiday gift.

Vegan hot chocolate mix in a glass jar next to a sifter and whisk

Want to save this recipe?

Enter your email & get this sent to your inbox! Plus you’ll get great new recipes from us every week!

Super Quick Dairy-Free Homemade Hot Chocolate Mix

Every winter, our vegan hot chocolate/cocoa consumption probably increases tenfold, and the cost quickly builds. Luckily, not only is making homemade hot chocolate mix recipe cheaper than buying some, but it’s versatile, adaptable, and contains no extra additives, preservatives, or dairy.

Simply mix the ingredients and store them ready to add hot plant-based milk when desired. By tweaking your ingredient choice, you can change the flavor, texture, and dietary requirements to your liking. It can even be flavored in several ways.

Even better, it takes just a couple of minutes to mix up enough homemade hot cocoa mix to have on hand and enjoy over several months. When combined with vegan milk, it’s rich, creamy, and super satisfying. Plus, it also makes a great holiday gift jar, optionally topped with mini marshmallows. For a homemade gift basket, pair it with a bag of chocolate peppermint bark.

Looking for more simple vegan winter warmers? Check out our easy vegan eggnog, mulled apple cider, and vegan Mexican hot chocolate recipes.

The Ingredients

Just 4 inexpensive pantry ingredients make up a delicious DIY hot cocoa mix.

Cocoa powder, powdered sugar, salt, and cinnamon measured out for vegan hot chocolate mix
  • Cocoa powder: Use unsweetened cocoa powder. Natural or Dutch-process both work, or you can use a mix of the two.
  • Powdered sugar: It blends evenly into the cocoa and dissolves quickly in hot milk. If you only have sugar, blend it in a spice grinder or small blender until it’s fine and powdery. One reader made this with date sugar and loved it! I haven’t tested a sugar-free version yet.
  • Salt: Just a pinch brings out the chocolate flavor.
  • Cinnamon: This one is optional, but it adds a little warmth.

How to Flavor Hot Chocolate Mix

The easiest way to flavor homemade plant-based hot chocolate mix is with spice blends like gingerbread, chai, or pumpkin pie spice. Even a little cayenne pepper will work. Add depth by adding espresso powder for a richer, more intense chocolate flavor. A gingerbread-spiced mug is my favorite next to a plate of decorated gingerbread cookies.

Alternatively, add flavors when making the hot chocolate. E.g., add a few drops of your favorite extract or syrup (mint, orange, almond, caramel, rose, etc.) to the plant-based milk.

You could also replace the plant-based milk with homemade vegan eggnog.

How to Make Homemade Hot Chocolate Mix?

Powdered sugar being sifted through a strainer into cocoa powder in a white bowl
Cocoa powder and powdered sugar whisked together in a white bowl

Step 1: Sift the cocoa powder and powdered sugar into a small bowl. A fine-mesh strainer works great if you don’t have a sifter.

Step 2: Add the salt and cinnamon (if using) and whisk until everything is evenly mixed.

Step 3: Spoon the mix into an airtight container, like a mason jar, and store it in the pantry.

FAQs

Can I make it with vegan powdered milk?

Yes, you can use a dairy-free powdered milk if you’d like a just-add-water vegan hot chocolate mix. Use a 2:1 ratio of vegan powdered milk to cocoa powder. When making a mug, stir 2 to 3 Tablespoons into 1 cup of hot water.

Do I have to use powdered sugar?

You can make this hot cocoa mix with sugar, though I don’t recommend it. It won’t spread through the mix as evenly, and it takes longer to dissolve in the hot plant-based milk.

Can I make this mix sugar-free?

I haven’t tested a sugar-free version of this mix yet, so I can’t say how a sugar substitute will taste or dissolve. If you try one, let me know how it goes in the comments!

Why does the nutrition show protein and fiber?

Cocoa powder naturally has some protein and fiber, so the mix does too. The nutrition on the recipe card is for one serving of the mix (about 1¾ Tablespoons) and doesn’t include the plant-based milk you stir it into.

Top Recipe Tips and Notes

  • Tweak the ingredient ratio: After preparing the homemade hot cocoa mix recipe, make a ‘test’ mug and adjust any ingredients to your liking.
  • Use high-quality cocoa: This is THE dominant flavor of the vegan hot chocolate mix, so make sure it’s one you like the flavor of.
  • For a richer vegan hot chocolate mix: Add some real vegan chocolate to the mix. The addition of cocoa butter makes a thicker, richer, silkier drink.
  • For a thicker hot chocolate: Add 1-2 teaspoons of cornstarch to the hot chocolate mix recipe. It will thicken when combined with the hot plant milk. Start with 1 teaspoon and then increase after making a test cup.
Overhead view of vegan hot chocolate mix in an open glass jar

How to Use Dairy-Free Hot Chocolate Mix?

  1. Heat 1 cup (240 ml) of plant-based milk per mug on the stovetop or in the microwave.
  2. Whisk in 1 to 2 Tablespoons of hot cocoa mix per cup of milk. Add any extra flavorings, then serve with your favorite toppings, like coconut whipped cream, vegan marshmallows, candy canes, or chocolate shavings.
A mug of vegan hot chocolate made by whisking the mix into hot plant-based milk

Storing Hot Chocolate Mix

Store the hot cocoa DIY mix in a cool, dark, dry location like a pantry for up to a year or 6 months if adding vegan milk powder.

Hot Chocolate Mix Gift Jars

This mix makes a great homemade holiday gift, and it’s so simple to make in a big batch. Spoon it into a clean mason jar, screw on the lid, and add a tag or one of your labels with the directions: whisk 1 to 2 Tablespoons into 1 cup of hot plant-based milk. For an extra treat, tie a small bag of vegan mini marshmallows to the jar or tuck a candy cane into the ribbon.

Making jars for a crowd? One batch makes about 1⅓ cups of mix, enough for 12 mugs, so just double or triple it for more gifts.

Vegan hot chocolate mix in a glass jar with a handwritten gift label

More Vegan Drink Recipes

If you tried this vegan hot chocolate mix or any other recipe on my blog, please leave a 🌟 star rating and let me know how it went in the 📝 comments below. Thanks!

Cookbooks

If you’re loving my recipes and would like a more comprehensive resource, check out my cookbooks!

Homemade Vegan Hot Chocolate Mix

5 from 41 votes
Prep: 5 minutes
Cook: 0 minutes
Total: 5 minutes
Servings: 12 servings
completed Homemade Vegan Hot Chocolate Mix on a white surface
Learn how to make vegan hot chocolate mix at home with just 4 pantry ingredients in about 5 minutes. It’s rich, versatile, and perfect with your plant-based milk of choice, and a jar of it makes a sweet homemade holiday gift.

Want to save this recipe?

Enter your email & get this sent to your inbox! Plus you’ll get great new recipes from us every week!

Ingredients 

  • 1 cup (85 g) unsweetened cocoa powder
  • ⅓ cup (40 g) powdered sugar
  • ¼ teaspoon (1 ml) salt
  • ½ teaspoon (2.5 ml) cinnamon optional

Instructions 

  • Sift the cocoa powder and powdered sugar into a small bowl.
  • Stir in the salt and cinnamon (if using) until well mixed.
  • Store the mix in an airtight container.
  • To make a mug, whisk 1 to 2 Tablespoons of mix into 1 cup (240 ml) of hot plant-based milk, depending on how rich you like it.
    completed Vegan Hot Chocolate in a cup

Notes

  • One serving is about 1¾ Tablespoons of mix, enough for 1 cup of hot chocolate. Nutrition is for the mix only, not the milk.
  • Top your mug with vegan mini marshmallows to make it extra good.
  • After mixing, make a test mug and adjust the sugar or cocoa to your liking.
  • Cocoa is the main flavor here, so use one you love.
  • For a richer mug, stir in a little chopped vegan chocolate. The cocoa butter makes it thicker and silkier.

Nutrition

Calories: 30kcalCarbohydrates: 7.6gProtein: 1.4gFat: 1gSaturated Fat: 0.6gMonounsaturated Fat: 0.3gSodium: 50mgPotassium: 109mgFiber: 2.7gSugar: 3.4gCalcium: 10mgIron: 1mg

Additional Info

Author: Toni Okamoto
Course: Drink
Cuisine: American
Method: No cook
Diet: Vegan
Tried this recipe?Please tag us at @PlantBasedOnABudget! 🙂
About

Toni Okamoto

“They say you are what you eat, so I strive to be healthy.
My goal in life is not to be rich or wealthy,
‘Cause true wealth comes from good health and wise ways…
we got to start taking better care of ourselves ” – Dead Prez

More about Toni Okamoto
5 from 41 votes (37 ratings without comment)

Leave a comment

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

Recipe Rating




Comments

  1. 5 stars
    this is sooo deelish! i used Date sugar as i ise it for everything as its on y ground dates im curious what gives this the protein element? it says in your nutrition facts 17 gms of protein! WOW sound great no wonder if eel great after drinking this hahaha so please let me know thanks

    1. Hi Melody! I’m so glad you love it, and date sugar is a great swap. The protein comes from the cocoa powder. The nutrition numbers on the card were for the whole batch of mix, not one mug, so each cup has much less. I’m updating the recipe card to make that clearer. Thank you for asking!

    1. Hi Jeri! Thanks for bringing that to our attention. It’s been updated. Hope you enjoy this hot chocolate mix recipe 🙂

    1. Hi! We on the Plant-Based on a Budget team haven’t tried making this mix without powdered sugar. Please let us know if you end up trying something out!

  2. Hi. I was interested in getting the recipe for the “dry” hot chocolate mix. While you mention the ingredients in the body of the article, unless I’ve missed something, you don’t say “how much” of the cocoa powder/powdered sugar/salt to use! And the recipe card itself only talks about using dark chocolate (chips or shaved), brown sugar, vegan milk, & instant coffee – no use or mention of the previously discussed chocolate mix at all!

    Can you please provide the actual measurements or ratios of the cocoa powder, powdered sugar & salt? Thanks very much & have a great day! 🙂

    1. Hi! So sorry about the confusion. The recipe card has been updated 🙂 Hope you enjoy it if you end up giving it a go!

  3. Hello. What are the ingredient measurements for the mix? The actual recipe is for hot chocolate & not the mix. Thanks so much!

    1. So sorry about the confusion! The recipe card has been updated 🙂 Thanks so much for catching that! Hope you enjoy the mix!

  4. 5 stars
    I love store-bought vegan hot chocolate mix, but can’t always find it. I don’t need to look anymore because this Homemade Vegan Hot Chocolate Mix is so easy to make and tastes way better!