This post may contain affiliate links. Please read our disclosure policy.

This easy Homemade Hot Cocoa Mix is rich, creamy and ready in about 5 minutes. Two kinds of cocoa powder give it deep chocolate flavor while powdered milk makes it creamy enough to prepare with hot water or milk. My secret ingredient is vanilla powder, which gives every mug a little extra something you just do not get from the packets. Keep a batch in the pantry all winter or package it in jars for an easy homemade gift.

Hot cocoa in a glass mug with snowflakes on it and jars of hot cocoa mix in the background.

Kellie’s Note
Dreamy, Creamy Hot Cocoa

I used to be hooked on those little packets of instant hot cocoa we kept stocked at the office. Then I started making my own and realized homemade Hot Cocoa Mix could be just as convenient and taste so much better.

After testing different versions, I landed on a combination of two cocoa powders, powdered milk and cornstarch for an extra creamy mug. But the ingredient that really changed everything was powdered vanilla. It adds a subtle vanilla flavor that rounds out the chocolate and makes this mix taste much more special than anything from a packet.

Best of all, you can make a big batch in minutes, stash it in the pantry and scoop out exactly what you need whenever a chocolate craving hits.

Why You’ll Love This Hot Cocoa Mix

  • Ready in minutes – Whisk everything together and the mix is ready for the pantry.
  • Rich and creamy – Powdered milk and cornstarch give every mug extra body, even when you use water.
  • Big chocolate flavor – A combination of unsweetened cocoa and dark cocoa keeps the flavor deep and chocolatey.
  • A little secret ingredient – Vanilla powder adds extra flavor without adding liquid to the dry mix.
  • Works with water or milk – Hot water keeps things easy, while steamed milk makes an extra-rich cup.
  • Perfect for gifting – Divide the mix between jars and pair it with marshmallows and chocolate for an easy homemade holiday gift.

Hot Cocoa Mix Ingredients

  • Confectioners’ sugar – Dissolves quickly into hot liquid for a smooth cocoa without gritty sugar.
  • Cocoa powder – I use unsweetened cocoa plus dark cocoa for deeper chocolate flavor. Dutch-process cocoa works, too.
  • Powdered milk – Makes the cocoa creamy enough to prepare with hot water. Whole milk powder is richer, but nonfat works well. For dairy-free cocoa, use a non-dairy milk powder or powdered creamer.
  • Powdered vanilla – My secret ingredient for fuller flavor. Powdered vanilla coffee creamer works in a pinch, or add vanilla extract to the finished mug instead.
  • Kosher salt – Balances the sweetness and helps bring out the chocolate flavor.
  • Cornstarch – Helps prevent caking and gives the finished cocoa a little more body.
  • Dark chocolate chunks and mini marshmallows – Optional for serving or gifting. Keep them separate from the powdered mix so it is easier to measure.

For the full ingredient list, measurements and instructions, see the recipe card below.

What Kind of Cocoa Powder Is Best?

I like using a combination of unsweetened cocoa powder and dark cocoa powder because you get classic chocolate flavor with a deeper, more intense finish.

You can use all natural cocoa powder if that is what you have on hand, or substitute Dutch-process cocoa powder for a darker color and smoother chocolate flavor.

If you love really bold hot cocoa, lean heavier on the dark cocoa. For a more classic cup, stick with mostly natural unsweetened cocoa powder.

Why I Add Vanilla Powder

Vanilla powder is the little ingredient that makes this Hot Cocoa Mix taste different from the packets.

Because it is dry, it blends right into the cocoa mix without adding any moisture. The vanilla softens some of the bitterness from the cocoa and makes the chocolate flavor taste fuller and richer.

If you cannot find powdered vanilla, use powdered vanilla coffee creamer or simply add a splash of vanilla extract when you make an individual mug.

Hot Cocoa mix in a Weck jar with chocolate chunks and mini marshmallows on top.

How to Make Hot Cocoa Mix

  1. Combine. Add the powdered sugar, cocoa powders, powdered milk, vanilla powder, salt and cornstarch to a large bowl.
  2. Whisk. Whisk thoroughly until evenly combined and no streaks remain.
  3. Sift if needed. If the cocoa or powdered milk is lumpy, run the mixture through a fine-mesh sieve.
  4. Store. Transfer the mix to an airtight container and keep it in a cool, dry place.

How to Make a Cup of Hot Cocoa

  1. Add 2 1/2 heaping tablespoons Hot Cocoa Mix to a mug.
  2. Whisk in 1 cup hot water or steamed milk until smooth.
  3. Top with marshmallows, whipped cream or chocolate shavings.
  4. Serve immediately.

My Tips for the Best Hot Cocoa Mix

  • Sift out lumps. Cocoa powder and powdered milk can clump, so sift them first if needed.
  • Whisk really well. The mixture should look completely uniform before you transfer it to the storage container.
  • Keep everything dry. Moisture can make cocoa mix clump, so always use a dry container and dry scoop.
  • Stir before scooping. The powders can settle during storage, so give the mix a stir or shake first.
  • Use milk for extra richness. Hot water works perfectly well, but whole milk makes the cocoa even creamier.
  • Try the stovetop. For an especially smooth mug, whisk the Hot Cocoa Mix and liquid together in a small saucepan and heat until steaming.
Hot chocolate with marshmallows on top in a glass mug on a wood background with a jar of cocoa mix in the background.

Hot Cocoa Mix Variations

  • Boozy Hot Chocolate – Add Bailey’s, Frangelico, Kahlúa or another favorite liqueur for an adults-only version.
  • Peppermint Hot Cocoa – Add a drop or two of peppermint extract to the prepared cocoa and top with crushed candy cane.
  • Mocha Hot Cocoa – Add a little espresso powder to your mug or stir a spoonful of Hot Cocoa Mix into hot coffee.
  • Mexican Hot Chocolate – Add ground cinnamon and a tiny pinch of cayenne.
  • Extra Dark Chocolate – Use all dark cocoa or Dutch-process cocoa powder.
  • Salted Hot Chocolate – Finish the mug with a small pinch of flaky sea salt.
  • Extra Vanilla – Add a splash of vanilla extract before serving.
  • Caramel Hot Chocolate – Drizzle caramel sauce over the finished cocoa.

How to Store Hot Cocoa Mix

  • Store Homemade Hot Cocoa Mix in an airtight container in a cool, dry place for up to 6 months. Keep it away from heat and moisture and always use a completely dry scoop.
  • Give the mix a stir or shake before measuring because the powdered ingredients can settle over time.
  • I recommend storing the chocolate chunks and marshmallows separately instead of mixing them into the cocoa powder. This keeps the mix easy to measure and the toppings fresh.

Can You Freeze Hot Cocoa Mix?

There is no need to freeze the dry mix. Pantry storage works best and avoids introducing condensation or moisture that could cause the powder to clump.

How to Store Prepared Hot Cocoa

Store leftover prepared hot cocoa in an airtight container in the refrigerator for up to 3 days. Reheat gently on the stovetop or in the microwave and whisk well before serving.

I would also update the recipe card to match this section because the current body says 6 months while the card and Notes currently say indefinitely.

glass jar filled with hot cocoa mix chocolate chunks and marshmallows with a glass lid and a red checked ribbon.

What is Hot Cocoa?

Hot Cocoa or Hot Chocolate, Drinking Chocolate or Chocolate Tea is a beverage consisting of melted chocolate or cocoa powder mixed with heated milk or water and sugar. It can be topped with just about anything you like, we love a dollop of whipped cream.

The best hot cocoa (or should I call it hot chocolate…it can get confusing) I ever had was in the chocolate capital of the world, Hershey Park. Yeah, they sell the good stuff there. It’s like melty, liquid, chocolate crack.

And they only have it there in the winter because who wants to be sipping that stuff when it’s 90 degrees in the shade during the summertime. But in the winter, when you just spun around on a ferris wheel in 32 degrees and your face feels like it’s going to crack in half if you try to smile, that’s when you need a big cup full of this molten heaven that is the most perfect homemade hot chocolate.

Homemade Hot Cocoa Mix Gift Jars

Hot Cocoa Mix is one of my favorite easy homemade gifts because you can make a big batch and divide it between jars in minutes.

  • Spoon the cocoa mix into an airtight jar, then package the mini marshmallows and chocolate chunks separately in a small bag. Tuck the bag inside the top of the jar or tie it to the outside with ribbon.
  • Keeping the toppings separate makes the cocoa mix much easier to scoop.
  • Add a tag with these directions: Add 2 1/2 heaping tablespoons Hot Cocoa Mix to a mug. Whisk in 1 cup hot water or steamed milk until smooth. Top with marshmallows and chocolate and enjoy.
hot cocoa in a glass mug with marshmallows on top.

How to Make a Hot Chocolate Bar

A big batch of Hot Cocoa Mix makes an easy hot chocolate bar for holiday parties, movie nights or snow days.

Set out mugs, prepare a batch of hot cocoa and let everyone pile on their favorite toppings.

Try:

You can also use this Hot Cocoa Mix to make Hot Cocoa Bombs or pair it with a Hot Chocolate Charcuterie Board for an easy holiday dessert spread.

More Easy Hot Chocolate Recipes

Want more fun food inspiration? Follow us on Instagram!

Hot Cocoa Mix Recipe

4.63 from 16 votes
Prep: 5 minutes
Total: 5 minutes
Servings: 16
A fantastic hostess gift, this Hot Cocoa Mix will convince you to never buy it in those little packets ever again.

Equipment

  • 1 whisk

Ingredients 

Hot Cocoa Mix

  • 2 cups powdered sugar
  • 1/4 cup dark cocoa powder
  • 1 cup unsweetened cocoa powder
  • 2 1/2 cups powdered milk
  • 1 tablespoon powdered vanilla
  • 1 teaspoon kosher salt
  • 2 teaspoons cornstarch

Optional Toppings and For Gifting

  • 1 cup dark chocolate chunks
  • 1 cup mini marshmallows

Instructions 

  • Combine the mix. In a large bowl, whisk together the powdered sugar, dark cocoa powder, unsweetened cocoa powder, powdered milk, vanilla powder, salt and cornstarch until evenly combined.
  • Store. Transfer the Hot Cocoa Mix to an airtight container and store in a cool, dry place for up to 6 months. Store the chocolate chunks and marshmallows separately, if using.
  • Make one mug. Add 2 1/2 heaping tablespoons Hot Cocoa Mix to a mug and whisk in 1 cup hot water or steamed milk until smooth.
  • Serve. Top with chocolate chunks, marshmallows or your favorite toppings and serve immediately.

Video

Notes

  • Store Hot Cocoa Mix in an airtight container in a cool, dry place for up to 6 months.
  • Stir or shake the mix before scooping because the powdered ingredients can settle during storage.
  • If you cannot find powdered vanilla, substitute powdered vanilla coffee creamer or add vanilla extract to the prepared cocoa instead.
  • For dairy-free Hot Cocoa Mix, substitute a non-dairy powdered milk or powdered creamer.
  • Whole milk powder makes a richer cocoa, but nonfat powdered milk works well.
  • Natural, dark or Dutch-process cocoa powder can be used depending on the chocolate flavor you prefer.
  • Hot water works well because the mix contains powdered milk. Use steamed milk for an extra-rich cup.
  • Keep marshmallows and chocolate chunks separate from the base mix for easier measuring and fresher toppings.

Nutrition

Serving: 2g, Calories: 247kcal, Carbohydrates: 36g, Protein: 8g, Fat: 10g, Saturated Fat: 7g, Polyunsaturated Fat: 0.2g, Monounsaturated Fat: 2g, Cholesterol: 20mg, Sodium: 236mg, Potassium: 441mg, Fiber: 3g, Sugar: 28g, Vitamin A: 188IU, Vitamin C: 2mg, Calcium: 226mg, Iron: 1mg

Nutrition information is automatically calculated, so should only be used as an approximation.

Like this recipe?Leave a comment below!

Hot Cocoa Mix FAQs

Can I use Dutch-process cocoa powder in Hot Cocoa Mix?

Yes. Dutch-process cocoa powder gives the cocoa a darker color and smoother chocolate flavor. You can substitute it for some or all of the natural cocoa powder depending on how intense you like your chocolate.

Can I make dairy-free Hot Cocoa Mix?

Yes. Replace the powdered milk with a non-dairy milk powder or powdered creamer and prepare the cocoa with hot water or your favorite non-dairy milk.

Can I leave out the powdered milk?

I do not recommend simply leaving it out because powdered milk helps create the creamy texture and allows the cocoa to taste rich even when you prepare it with water. For a dairy-free version, use a non-dairy powdered milk or creamer instead.

Why is my Hot Cocoa Mix clumpy?

Moisture or lumps in the cocoa powder and powdered milk are usually the culprit. Sift lumpy ingredients before mixing, whisk everything thoroughly and store the finished mix in an airtight container with a dry scoop.

Should I make hot cocoa with water or milk?

Either works. Powdered milk gives the mix enough creaminess to prepare it with hot water, while whole milk makes an even richer cup.

Can I make Hot Cocoa Mix ahead of time?

Yes. Make the dry mix ahead and keep it in an airtight container in the pantry so it is ready whenever you want a quick mug.

How long does Homemade Hot Cocoa Mix last?

Store the mix in an airtight container in a cool, dry place for up to 6 months. Keep moisture out of the container and always use a dry scoop.

Can I freeze Hot Cocoa Mix?

There is no need to freeze it. Pantry storage works best and avoids condensation that could cause the powder to clump.

Can I double the recipe?

Absolutely. This recipe is great for doubling or tripling, especially if you are making gift jars. Use a large mixing bowl and whisk thoroughly so all of the ingredients stay evenly distributed.

Can I make hot cocoa in the microwave?

Yes. Heat the water or milk in a microwave-safe mug until hot, then whisk in the Hot Cocoa Mix until smooth.

How do I know when stovetop hot cocoa is ready?

Heat until the cocoa is steaming hot, completely smooth and there are no visible streaks of dry powder. Whisk while heating so everything dissolves evenly.

How do I reheat leftover hot cocoa?

Reheat it gently in a saucepan over medium-low heat or microwave it until hot. Whisk before serving because the cocoa can settle as it sits.

What is the difference between hot cocoa and hot chocolate?

Hot cocoa is generally made with cocoa powder, sugar and hot water or milk, while traditional hot chocolate is usually made with melted chocolate. The names are often used interchangeably, especially when talking about homemade mixes like this one.

Free email guide

Your “Healthy-ish” Meal Plan
Healthy meals don’t have to be difficult. Let me show you.

Leave a comment

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

Recipe Rating:




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

57 Comments

  1. Stephanie says:

    Hi
    I’m a little confused about the cocoa powder. You have two listed in the recipe. I have the dark chocolate cocoa what would the other cocoa powder be? And aren’t they both unsweetened? Thank you so much.
    Stephanie

    1. Kellie says:

      They are both unsweetened! Thank you!

  2. Donna Wilhelm says:

    Hi Kelly, is powdered sugar the same as icing sugar. Love your recipes

    1. Kellie says:

      It is! Thank you so much!

  3. Donna says:

    Hi Kelly, I love your recipes. In regards to the Hot Cocoa Mix, is powdered sugar, what we refer to as icing sugar?

    1. Kellie says:

      Yes, it is.

  4. Cheryl Palma says:

    I made this today and it is delicious!!!  The best hot chocolate I have ever had.  

    Where did you get the jars?   I would love to give as gifts for Christmas.  

    1. Kellie says:

      They’re Weck Canning Jars, you can get them online or at Crate and Barrel.

  5. Sarah Rogers says:

    Can’t WAIT to try this!!! I can’t stand the packets anymore either. 🙂 Question….do we stir/mix in the chocolate chips and marshmallows too for each serving, or are they just to make the gift jars look pretty? Thanks!

    1. Kellie says:

      You can stir the chocolate chips and marshmallows in, too! Plus, they’re pretty. 🙂

      1. Sarah Rogers says:

        Just had my first cup a minute ago…..and it is AMAZING. Thank you!!!!! 🙂 I didn’t even add the chips and marshmallows, since I don’t have them yet, but oh wow. It’s a winner!!! Will be perfect for my half-coffee-half-cocoa drink too. 🙂

  6. wilhelmina says:

    This hot cocoa mix turned out so well! It is so creamy and delish! I am absolutely adding jars of this to my Christmas baskets!

    1. Kellie says:

      I’m so glad you loved it!

  7. Sue Clymer says:

    Do you use non-fat dry milk or whole powdered milk?

    1. Kellie says:

      I use whole powdered milk but non-fat dry milk will work, too!

  8. Toni says:

    This is so comforting! I need to try this ASAP!

    1. Kellie says:

      Yes! You really do!

  9. Jersey Girl Cooks says:

    Homemade holiday gifts are the best!

  10. Renee Goerger says:

    This looks good. I’m wondering about the cornstarch though? What would happen if I left that out?

    1. Kellie says:

      It would not get as thick and creamy.

      1. Michelle says:

        I’m not sure if it is just me or if I’m doing something wrong. This didn’t turn out very sweet or creamy, kind of watery with a slight cocoa taste. The only difference I can think of is I used non-fat dry milk instead of whole, but you said it would work. I also didn’t add chocolate or marshmallows, although I sprinkled in some dehydrated mini marshmallows.

        1. Kellie says:

          Non fat milk is definitely going to change the consistency as will the omission of chocolate and real marshmallows.