Homemade Hot Chocolate Mix Recipe

Make your own hot cocoa mix to keep on hand all winter long.

overhead view of two mugs of hot cocoa

Serious Eats/Vicky Wasik

Why This Recipe Works

  • Toasted sugar is more flavorful and soluble than white sugar. It creates a smooth and mellow drink.
  • White chocolate adds richness, body, and aroma.
  • Dutch cocoa is more soluble than natural styles, for a creamier mix.

Purists will tell you hot cocoa is a sweet, light-bodied beverage made primarily from cocoa powder, often aimed at children, while hot chocolate is stronger and richer due to melted chocolate and generally meant for adults.

Both styles have merit. The starchiness and solubility of Dutch cocoa powder give flavor and body to the drink, while the cocoa butter in melted chocolate creates a more luxurious mouthfeel. As with most things chocolate, I avoid the either/or debate and jump in with a selfish demand for both—and more.

Why Not Use Both Cocoa and Chocolate?

Instead of reaching for Dutch cocoa powder or dark chocolate alone, my hot chocolate draws on the strength of both, and then goes a step further by adding good-quality white chocolate for an extra dose of cocoa butter, dairy solids, and vanilla to give the hot chocolate more richness, aroma, and body.

What truly sets my recipe apart, however, is my favorite ingredient: toasted sugar. It's a type of light caramel that dissolves more readily in hot liquids than plain white sugar and tastes less sweet. It also brings some nice caramel notes into play, adding a layer of familiar but complex flavor to the drink, while keeping the powdered format.

A scoop of homemade hot cocoa mix in glass jar.

Serious Eats/Vicky Wasik

I've previously covered my six favorite brands of high-fat Dutch cocoa as well as six best supermarket dark chocolates, which means there are quite a few Serious Eats–approved options to mix and match, and no two combinations will taste quite the same.

Food Processor Makes It Easy

That makes it a fun recipe with which to explore new ingredients and a solid excuse to sip more hot chocolate all winter long. And because it's so easy, it won't take much effort to do just that.

Because this recipe contains such a high percentage of chocolate, not just cocoa powder, I use a food processor to pulverize the ingredients into a dry, powdery mix. Aside from bringing the cocoa mix together in mere seconds, a food processor creates a powder so fine that it can dissolve in hot milk with nothing more than a few twirls of a spoon—a great advantage when preparing a single mug of hot cocoa.

If you like, each mug of cocoa can be doctored with a drop or two of vanilla extract to taste. Or, after processing, the mix can be stored in an airtight container along with a split vanilla bean (preferably one left over from another project, as a simple cocoa mix would not be the most effective use of a brand-new vanilla bean, given its expense).

Adding a vanilla bean to hot cocoa mix.

Serious Eats/Vicky Wasik

The finished mix can be stored at cool room temperature (anything below, say, 75°F) up until the date stamped on the white chocolate, the most perishable ingredient of the lot; make a big batch to get you through winter, or dole out smaller portions as gifts.

Preparing Hot Chocolate For A Crowd

When preparing hot cocoa for a crowd, the easiest method is to heat up a saucepan of milk on the stove (about six ounces per serving).

Heating up milk on the stove with hot cocoa mix on the side.

Serious Eats/Vicky Wasik

Once the milk comes to a simmer, add the hot cocoa mix. I use about one ounce per serving along with 1/8 teaspoon of vanilla extract, but those amounts can be adjusted to taste (along with any additional salt).

Once the cocoa has dissolved, keep whisking until frothy and very hot, though not quite boiling.

Collage of whisking hot cocoa mix into saucepan of hot milk.

Serious Eats/Vicky Wasik

Ladle the cocoa into mugs, or pour directly from the saucepan if the batch size is manageable.

frothy hot cocoa being poured into a cup

Serious Eats/Vicky Wasik

With notes of caramel from toasted sugar, creaminess from white chocolate, bitterness from dark, and a full-bodied mouthfeel from Dutch cocoa, it's a hot cocoa mix that's simple and sophisticated all at once.

While it doesn't need dressing up, you can finish it off with a dollop of whipped cream, a pair of marshmallows, or a generous splash of booze—it's your call.

Hot cocoa with marshmallows.

Serious Eats/Vicky Wasik

February 2019

Recipe Details

Homemade Hot Chocolate Mix Recipe

Active 5 mins
Total 5 mins
Serves 20 servings

Make your own hot cocoa mix to keep on hand all winter long.


  • 6 ounces moderately toasted sugar (about 1 cup minus 2 tablespoons; 170g)

  • 5 ounces white chocolate, 30 to 35% cocoa butter (about 3/4 cup, finely chopped; 140g)

  • 4 ounces dark chocolate, 75 to 80% cocoa solids (about 2/3 cup, finely chopped; 115g)

  • 3 ounces Cacao Barry Extra Brute (about 1 cup; 85g)

  • 2 ounces malted milk powder, such as Carnation or Hoosier Hill Farm (about 1/2 cup; 55g)

  • 1 teaspoon instant espresso powder, not ground coffee, such as King Arthur

  • 1 teaspoon (4g) Diamond Crystal kosher salt; for table salt, use about half as much by volume or the same weight

  • 1/2 teaspoon pure, ground vanilla bean powder, such as Heilala, or 1 leftover vanilla pod; (see note for more details)


  1. In the bowl of a food processor, combine toasted sugar, white chocolate, dark chocolate, Dutch cocoa, malted milk powder, instant espresso, salt, and vanilla powder (if using). Pulse until chocolate is fully ground and mixture looks powdery and dry. Transfer to an airtight container and add the leftover vanilla bean pod (if using). Store at cool room temperature up until the date stamped on the package of white chocolate.

    The cocoa mix ingredients placed inside of a food processor.

    Serious Eats / Vicky Wasik

  2. To use, stir about 1 ounce (2 tablespoons; 28g) of the mix into 6 ounces hot milk. Season to taste with additional salt or vanilla, and serve hot.

    A collage showing the cocoa mix being added to a ceramic cup, with milk being added and then stirred together.

    Serious Eats / Vicky Wasik

Special Equipment

Food processor


In place of ground vanilla powder or a vanilla bean, the hot chocolate mix can be flavored with vanilla extract added along with the milk. Start with about 1/8 teaspoon per mug, and adjust to taste.

Make-Ahead and Storage

In an airtight container, the hot chocolate mix will keep at cool room temperature until the date stamped on the package of white chocolate.

Nutrition Facts (per serving)
134 Calories
5g Fat
20g Carbs
2g Protein
Show Full Nutrition Label Hide Full Nutrition Label
Nutrition Facts
Servings: 20
Amount per serving
Calories 134
% Daily Value*
Total Fat 5g 7%
Saturated Fat 3g 14%
Cholesterol 2mg 1%
Sodium 90mg 4%
Total Carbohydrate 20g 7%
Dietary Fiber 2g 6%
Total Sugars 16g
Protein 2g
Vitamin C 0mg 0%
Calcium 20mg 2%
Iron 2mg 13%
Potassium 79mg 2%
*The % Daily Value (DV) tells you how much a nutrient in a food serving contributes to a daily diet. 2,000 calories a day is used for general nutrition advice.
(Nutrition information is calculated using an ingredient database and should be considered an estimate.)