Homemade Hot Cocoa Mix

There is something so nostalgic about hot cocoa in the winter, especially the kind you can make in seconds. This homemade hot cocoa mix is the recipe I come back to every single year. It has the perfect balance of chocolatey richness, creamy texture, and just the right amount of sweetness. It’s simple, cozy, refined-sugar-free, and the kind of thing everyone actually uses once it’s gifted. And the best part? Since it’s made with powdered milk, all you need is hot water — no milk required, which makes it perfect for camping, travel, or gifting to someone who might not have milk on hand.

As part of my Gifts You Can Make series, this mix is one of my favorite edible gifts alongside my vanilla bean sugar and candied pecans. It looks beautiful layered in a jar, takes less than 10 minutes to assemble, and feels thoughtful without requiring anything complicated. Paired with a printed tag and a ribbon, this little jar looks like something from a boutique holiday market but with ingredients you trust and a truly delicious result! This recipe makes about 4 cups of dry mix, which is enough for roughly 16 servings, or two generous 24-32 oz gift jars.

Why You’ll Love This Recipe

• Just add water. Thanks to the powdered milk, you don’t need milk on hand to make a rich cup of hot cocoa. A cup of hot water works perfectly.
• It tastes like a high-end sipping chocolate. Smooth, creamy, indulgent—but made with simple ingredients.
• Refined-sugar-free. Naturally sweetened with coconut sugar, which gives the mix a warm, caramel-like flavor.
• Perfect for gifting. Layers beautifully in jars and stays fresh for months.
• Customizable. Add cinnamon, vanilla bean powder, or chocolate chips for extra richness.
• Quick to assemble. Each jar takes around 5 minutes.
• Kid-approved. My kids love this hot cocoa mix recipe, using it to make rich hot cocoa and pairing it with Christmas treats like Christmas muddy buddies or kitchen sink cookies. It’s a fun holiday tradition! 

Ingredients You’ll Need

• Cocoa Powder: Unsweetened cocoa powder gives this mix its deep chocolate flavor. I recommend Dutch-processed cocoa powder for a smoother flavor and less acidity. However, regular unsweetened cocoa powder works well, too.
• Coconut Sugar: A refined-sugar-free sweetener, this adds warmth and complexity.
• Powdered Milk or Coconut Milk Powder: Makes the cocoa creamy without needing milk on hand. Use whole milk powder for the richest taste. 
• Mini Chocolate Chips: Optional but recommended for a richer, café-style result. Look for refined sugar-free chocolate chips if desired. Or, use mini marshmallows. When gifting, I like to make homemade marshmallows to pair with the jars! 
• Salt: Just a pinch enhances the chocolate flavor and balances the sweetness.

Ingredient Substitutions

• No coconut sugar? Swap for maple sugar for a cleaner flavor and lighter color.
• Dairy-free? Use coconut milk powder instead of powdered milk.
• Want it richer? Add 2-3 tablespoons mini chocolate chips to the jar.
• No chocolate chips? Mix in 1 teaspoon vanilla bean powder for a gourmet boost.
• Want it spicier? Add ½ teaspoon cinnamon or a pinch of cayenne.
• Prefer it less sweet? Reduce the coconut sugar to ¾ cup per jar.

Equipment You’ll Need

24–32 oz glass jar (wide-mouth is best)

Funnel (helps keep the layers neat)

Measuring cups

Spoon for leveling each layer

Small bowl (for combining salt + optional spices)

Gift tags + twine or ribbon

How to Make Homemade Hot Cocoa Mix

This recipe fits perfectly in a 24-32 oz jar with room for layering. Here’s how to assemble the ingredients: 

Step 1: Layer the ingredients. Add the coconut sugar to the bottom of the jar first, followed by the powdered milk, then the cocoa powder. This order creates clean, heavy layers. To achieve defined aesthetic layers, use a dry funnel! 

Step 2: Add the extras. Sprinkle the salt on top of the cocoa layer. Add mini chocolate chips as the final top layer.

Step 3: Prevent clumps. If you’re making this to use right away rather than gift in layers, whisk the ingredients together thoroughly, or pulse them in a food processor for a few seconds. This keeps the mix smooth and clump-free from the start.

Step 4: Seal and Shake (optional). If giving as a gift, keep the layers intact for presentation. If using immediately, shake to combine.

Step 5: Label. Attach gift tags with instructions for how to make the cocoa.

How to Use the DIY Hot Cocoa Mix to Make Hot Chocolate 

1. Add 2 tablespoons of the cocoa mix to a mug.
2. Pour in 1 cup of hot milk (or hot water). 
3. Stir until creamy and fully dissolved.
4. Garnish with whipped cream, marshmallows, chocolate shavings, or cinnamon. For extra richness, add an additional tablespoon of mix or stir in a few chocolate chips while hot.

Jar Layering Instructions (Gift-Worthy & Clean)

To achieve defined, aesthetic layers:

• Use a dry funnel for every ingredient to keep jar walls clean.
• Add the coconut sugar first—its weight creates a solid base.
• Add powdered milk next, tapping the jar lightly to level it.
• Spoon the cocoa powder slowly to avoid dusting the jar.
• Add the salt and vanilla bean powder (optional) as a thin line.
• Finish with chocolate chips for a pretty top layer.

How to Store

Once assembled, store this homemade hot cocoa mix in an airtight container at room temperature away from humidity for up to 6 months. Dairy-free versions last even longer, because coconut milk powder is shelf-stable!

Troubleshooting

• Mix is clumpy: Add a splash of hot milk first to make a paste, whisking to eliminate clumps in the mix, then pour the rest of the milk. 
• Cocoa doesn’t dissolve fully: Water wasn’t hot enough; use steaming-hot milk or water.
• Layers got messy: Wipe jar walls with a dry paper towel between layers.
• Mix tastes too rich: Reduce cocoa powder to ¾ cup next time.
• Mix too sweet: Decrease coconut sugar to ¾ cup.