Homemade Hot Cocoa is so quick and easy to make! Made with just 3 simple ingredients, then stir into warmed milk, a cup of coffee, or hot water for a quick and easy hot cocoa!

Photograph of white mug filled with hot cocoa and a clear jar of hot cocoa mix behind it on a white counter. // addapinch.com

Hot cocoa has always been one of my favorite things! Rich and creamy, sweet and simple it is one of my favorite indulgences – especially during cooler months when all I want are cozy things.

Making homemade cocoa is really one of the simplest things to make too! With three ingredients you most likely keep on hand in your pantry, you can make your own hot cocoa mix to keep on hand for a quick and easy cup of hot cocoa or make a batch of the mix to share with friends for a thoughtful homemade gift!

This recipe makes 24 servings, which is perfect to keep beside the coffee maker for a quick cup whenever you feel the need.

Closeup photograph of hot cocoa in a white mug with a spoon. // addapinch.com

How to Make Homemade Hot Cocoa Mix

For the mix, you’ll need the following:

  • Cocoa Powder – use your favorite cocoa powder in this recipe. You can use either Dutch-processed or natural.
  • Sugar – use your favorite sugar or an equal replacement of your favorite sugar substitute or alternative.
  • Salt – just a little salt helps to round out the flavor

Photograph of hot cocoa mix in a glass jar. // addapinch.com

How to Make Homemade Hot Cocoa From This Mix

To make using this mix, for each cup:

Stir one to two tablespoons of this easy homemade mix into a cup of warmed milk, hot water, or even a cup of coffee for a quick mocha.

Flavors Variations You May Enjoy

  • Peppermint – add 1/2 teaspoon peppermint extract or 1 tablespoon crushed peppermint candies
  • Cinnamon – add a pinch of ground cinnamon
  • Spicy – add a pinch of cayenne pepper

Favorite Toppings

Here’s our favorite Hot Cocoa Recipe. I hope you love it as much as we do!

Homemade Hot Cocoa Recipe

5 from 2 votes
Homemade Hot Cocoa is so quick and easy to make! Made with just 3 simple ingredients, then stir into warmed milk, a cup of coffee, or hot water for a quick and easy hot cocoa!
Prep Time: 10 minutes
Total Time: 10 minutes
Servings: 24


  • 1 cup sugar
  • 1/2 cup unsweetened cocoa powder, Dutch-processed or natural
  • 1 teaspoon kosher salt

To Make Homemade Hot Cocoa from this Mix:

  • 1 cup warm milk, or water or coffee

Optional Toppings:

Hot Cocoa Variations:

  • 1/2 teaspoon peppermint extract, (Peppermint Hot Cocoa)


  • Mix together sugar, cocoa powder, and salt. Store in an airtight container.

To Make Hot Cocoa from this Mix:

  • Stir 1 to 2 tablespoons of hot cocoa mix into 1 cup of warmed milk, hot water, or coffee. Add ingredients for flavor variations and/ or optional toppings as desired.


Note: Nutrition information is calculated on  2 tablespoons of homemade hot cocoa mix. This recipe makes 12 to 24, 8-ounces servings of hot cocoa. 


Serving: 8ounces | Calories: 34kcal | Carbohydrates: 8g | Protein: 1g | Fat: 1g | Saturated Fat: 1g | Cholesterol: 1mg | Sodium: 81mg | Potassium: 33mg | Fiber: 1g | Sugar: 7g | Vitamin A: 13IU | Calcium: 11mg | Iron: 1mg

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

Robyn xo

Welcome to Add A Pinch

About Robyn

Robyn Stone is a cookbook author, wife, mom, and passionate home cook. Her tested and trusted recipes give readers the confidence to cook recipes the whole family will love. Robyn has been featured on Food Network, People, Southern Living, and more.

Leave a comment

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

Recipe Review


  1. Your Homemade Hot Cocoa Mix says it makes 30 servings. However, the recipe is for only one serving.
    Need the full recipe.

    1. Ann, the recipe gives amount of ingredients and instructions to make the mix which equals 24 servings. It also includes amounts and directions to make one serving under the title To Make Hot Cocoa from this Mix. Hope you enjoy!

  2. 5 stars
    Photos are Awesome !!! Thank You For Sharing this Wonderful and Healthy Hot Drink Recipe !!! This Recipe is Look So Fresh, Healthy and Delicious to Prepare. Nice Blog to Follow while Preparing Recipes. I’ll Definitely Try it.

  3. The calorie content is listed as 34kcal based on 8 oz whole milk and 2 Tbsp of mix. How can this be possible when 8 oz of whole milk alone has 150 kcal?

    1. I’m sorry, Lynn. The calorie count is just for a serving of the hot cocoa mix. You can make the hot cocoa with milk, water, or coffee.

  4. I make your hot chocolate mix in a diet version by replacing part or all of the sugar with an equivalent amount of artificial sweetener, most often equal. It helps to pour just a very small amount of hot milk into the cup and mix in the dry ingredients
    before filling up the rest of the cup with hot milk.

    1. Thanks, Sally, for telling us how you make this hot chocolate mix with less sugar for those who are restricting their sugar intake.