Homemade Hot Cocoa Mix

Megan Gordon
Megan Gordon
Megan is a freelance writer, recipe developer and cookbook writer. Her first book, Whole-Grain Mornings, (Ten Speed Press) is available in bookstores nationwide.
Jan Valdez
Jan ValdezAssistant Recipe Producer at The Kitchn
I cover recipe content on The Kitchn, write and update recipes and recipe roundups, and test recipes for the team. I have 10 years of experience working in R&D test kitchens, testing products and recipes, and at publishers including Serious Eats and EatingWell.
updated Sep 27, 2024
Post Image
Credit: Megan Gordon

This homemade hot cocoa mix is big on chocolate flavor.

Serves9

Makes1 3/4 cups

Prep5 minutes

Jump to Recipe
We independently select these products—if you buy from one of our links, we may earn a commission. All prices were accurate at the time of publishing.
Post Image
Credit: Megan Gordon

Editor’s Note: If you’ve cooked this beloved recipe before, it might look a little different these days! We recently improved it to make it even easier to follow and more delicious.

I secretly love those little packets of hot cocoa mix. All winter, I’ve been sipping Theo’s drinking chocolate. I initially fell for it because it contains actual chunks of chocolate — it’s not just a dusty, dry powder. But I recently decided to start making my own cocoa mix. For my homemade recipe, I went with hand-chopped chocolate so it would be more in line with Theo’s delicious mix.

Here’s my recipe for homemade hot cocoa mix, plus a few suggestions for mix-ins that I’ve been loving lately. You can even use this mix in other fun recipes!

Why You’ll Love It

  • It’s so better than store-bought. The best thing about making your own hot cocoa mix is that you have free control over what goes into it (and what stays out of it).
  • It’s big on chocolate flavor. It contains actual chunks of chocolate and Dutch-process cocoa powder.
Credit: Megan Gordon

Key Ingredients for Hot Cocoa Mix

  • Bittersweet chocolate: Use bittersweet chocolate (60% or greater) or bittersweet chocolate chips.
  • Unsweetened Dutch-process cocoa powder: Look for unsweetened Dutch-process cocoa powder, which is darker and less bitter than natural cocoa powder.
  • Sugar: You can use either turbinado sugar, which has a light caramel flavor, or granulated sugar.
  • Powdered milk: Powdered milk is milk that’s been processed into a dry, shelf-stable powdered ingredient.

How to Make Hot Cocoa Mix

  1. Chop the chocolate and combine the ingredients. Finely chop bittersweet chocolate or chocolate chips. Place in a medium bowl, add unsweetened Dutch-process cocoa powder, turbinado sugar, powdered milk, and kosher salt. Stir to combine.
  2. Transfer to an airtight container. Store at cool room temperature for up to 3 months.

How to Make Hot Cocoa

  1. Heat milk and hot cocoa mix. Place 1 cup milk and 3 tablespoons of hot cocoa mix in a small saucepan. Place over medium heat and heat, whisking often, until starting to bubble around the edges.
  2. Pour into a mug. Top with whipped cream and ground cinnamon if desired.

Helpful Swaps

  • Richer hot chocolate: If you want a richer hot chocolate more in the style of a drinking chocolate, use 3/4 cup milk instead of 1 cup.
  • Flavor variations: Top off your hot cocoa with a pinch of ground espresso, cayenne pepper, ground ginger, or ground cardamom.

Storage Tips

Store at cool room temperature in an airtight container for up to 3 months.

What to Serve with Hot Cocoa

Hot Cocoa Mix Recipe

This homemade hot cocoa mix is big on chocolate flavor.

Prep time 5 minutes

Makes 1 3/4 cups

Serves 9

Nutritional Info

Ingredients

For the hot cocoa mix:

  • 3 ounces

    bittersweet chocolate (60% or greater), or 1/2 cup bittersweet chocolate chips

  • 1/2 cup

    unsweetened Dutch-process cocoa powder

  • 1/2 cup

    turbinado sugar, or 1/3 cup plus 2 tablespoons granulated sugar

  • 3 tablespoons

    powdered milk

  • 1/8 teaspoon

    kosher salt

To make 1 cup hot cocoa:

  • 1 cup

    milk or unsweetened non-dairy milk, or 3/4 cup water

  • 3 tablespoons

    Hot Cocoa Mix

  • Whipped cream, for serving (optional)

  • Ground cinnamon, for serving (optional)

Instructions

Show Images

Make the hot cocoa mix:

  1. Finely chop 3 ounces bittersweet chocolate or chocolate chips. Place in a medium bowl. Add 1/2 cup unsweetened Dutch-process cocoa powder, 1/2 cup turbinado sugar, 3 tablespoons powdered milk, and 1/8 teaspoon kosher salt. Stir to combine.

  2. Transfer to an airtight container and store at cool room temperature for up to 3 months.

Make hot cocoa:

  1. Place 1 cup milk and 3 tablespoons hot cocoa mix in a small saucepan. Place over medium heat and heat, whisking often, until starting to bubble around the edges.

  2. Pour into a mug and top with whipped cream and ground cinnamon if desired.