Healthy Hot Chocolate Recipe



This is the ultimate healthy hot chocolate recipe! This is such a delicious hot chocolate and it’s super easy to make! It has a decadent chocolate flavor and I have lightened it up. It tastes like classic hot chocolate, but it’s healthier, has less sugar, and has fewer calories! I hope you enjoy this wonderful hot chocolate all season long!

Why You Will Love This Hot Chocolate

  • You can make this hot chocolate dairy-free and vegan.
  • It is easy to make and packed with chocolate flavor.
  • It is the perfect holiday treat!
  • This hot chocolate is decadent and incredibly delicious.
  • It is healthier and lightened up.

Ingredients Needed For Healthy Hot Chocolate

Ingredients for healthy hot chocolate
  • Milk: We used unsweetened almond milk.
  • Cocoa Powder: Use Dutch-processed cocoa powder or cacao powder.
  • Vanilla: Add a splash of vanilla extract.
  • Salt: Just a pinch of salt.
  • Sweetener: Use your sweetener of choice.
  • Chocolate Chips: The mini chocolate chips add chocolate flavor.

How To Make Healthy Hot Chocolate

Step 1: Thoroughly whisk together all the ingredients in a saucepan while they are cold.

Ingredients in saucepan for hot chocolate

Step 2: Place the saucepan on the stove over low heat. Whisk and warm until all ingredients are combined and the mini chocolate chips have melted.

Hot chocolate in a saucepan

Step 3: Pour the hot chocolate into a heat-safe mug. Then, let it slightly cool and enjoy.

How To Serve Hot Chocolate

Enjoy this hot chocolate in your favorite heat-safe mug, cup, or glass. Let it slightly cool down before enjoying it. As an option, top it with your favorite whipped cream and mini marshmallows. You can even grate some chocolate or sprinkle some crushed peppermint on top.

Expert Tips

  • Don’t Burn Your Hot Chocolate: Whisk the hot chocolate while you warm it up on the stove so it doesn’t burn.
  • Melt The Chocolate: Make sure all the mini chocolate chips are melted into the hot chocolate before serving.
  • Heat On Low: Heat your hot chocolate in a saucepan over low heat and whisk it. You don’t want it to burn or boil.
  • Use A Heat-Safe Mug: Pour the warm hot chocolate into a heat-safe mug or cup.
  • Let It Cool Slightly: Let the hot chocolate cool slightly so you don’t burn yourself when enjoying it. You want to enjoy it warm, but not immediately after pouring it into the mug when it is too hot.

Hot Chocolate Variations

  • Milk To Use: Make this hot chocolate with your favorite milk. Some great options are almond milk, oat milk, cashew milk, soy milk, 2% milk, 1% milk, and non-fat milk.
  • Make It Vegan: To make this hot chocolate dairy-free and vegan, use dairy-free milk and vegan chocolate chips.
  • Chocolate Chips: If you don’t have mini chocolate chips, you can use regular chocolate chips. Just make sure to melt them in the hot chocolate. Also, you can use sugar-free chocolate chips.
  • Sweetener To Use: Use your sweetener of choice in this recipe. Some options are sugar, a 1:1 sugar-free sweetener, maple syrup, or honey.
  • Mexican Hot Chocolate: Add a sprinkle of cinnamon and a pinch of cayenne pepper.

Frequently Asked Questions

Is Hot Chocolate Healthy?

This hot chocolate is a healthier version of the classic holiday treat. You have control over what milk and sweetener you use. You can make it sugar-free, dairy-free, and vegan. It is made with simple ingredients. We used almond milk instead of full-fat milk, which helps lighten it up.

What Is Hot Chocolate Made Of?

Hot chocolate is usually made with milk, cocoa powder, chocolate, and sugar. We have lightened it up while keeping the rich chocolate flavor. You can use dairy-free milk in this recipe. We used a small amount of chocolate chips for chocolate flavor. Also, you can use your sweetener of choice.

Is This Hot Chocolate Gluten-Free?

This hot chocolate is naturally gluten-free!

More Recipes To Try Next!

If you try this recipe please be sure to leave us a comment and star rating ★★★★★ letting us know how it turns out for you. We hope you enjoy this hot chocolate!


Recipe by Shawna
5.0 from 3 votes
Course: DessertCuisine: AmericanDifficulty: Easy


Prep time


Cooking time





This is the ultimate healthy hot chocolate recipe! This is such a delicious hot chocolate and it’s super easy to make! It has a super chocolatey flavor and I’ve lightened it up. I hope you enjoy this wonderful hot chocolate all season long.

Cook Mode

Keep the screen of your device on


  • 1 CUP unsweetened almond milk or milk of choice

  • 1 tablespoon Dutch-processed cocoa powder or cacao powder

  • 1/4 TSP vanilla extract

  • a pinch of salt

  • 1 tablespoon and 1 teaspoon sweetener of choice

  • 2 grams of mini chocolate chips


  • Add the almond milk, cocoa powder, sweetener, vanilla extract, mini chocolate chips, and a pinch of salt to a saucepan.
  • Combine all of the ingredients as much as you can while they are cold and then transfer the saucepan to the stove.
  • Heat the hot chocolate over low heat on the stove. Make sure all of the ingredients are combined and that the mini chocolate chips are melted. Also, keep an eye on it and whisk so you don’t scold the milk.
  • Once done, pour the hot chocolate in a heat-safe mug or cup, let it slightly cool, and enjoy. Optional: Add your favorite toppings.

Recipe Video

YouTube video


  • If you want to make Mexican hot chocolate add a sprinkle of cinnamon and a pinch of cayenne pepper. 
  • WW Points™: 2 points  *if you use a sugar-free sweetener
  • To see your WW Points™ in the WW app for this recipe click here! Or, please manually add the ingredients to the recipe builder.
  • Nutritional information is provided as a reference, using an online calculator. We recommend verifying the information independently. It could vary based on cooking methods and ingredients used.

Did you make this recipe?

Tag @wwhealthyfoodiegirl on Instagram and hashtag it with #healthyfoodiegirl

Like this recipe?

Follow @healthyfoodiegirl on Pinterest

Join our Facebook Group!

Follow us on Facebook

Nutrition Facts

1 servings per container

  • Amount Per ServingCalories66
  • % Daily Value *
  • Total Fat 3.8g 5%
    • Saturated Fat 0.9g 0%
  • Cholesterol 0mg 0%
  • Sodium 308mg 13%
  • Potassium mg 0%
  • Total Carbohydrate 8.3g 3%
    • Dietary Fiber 2.9g 8%
    • Sugars 4.3g
  • Protein 2.2g 4%

    * The % Daily Value tells you how much a nutrient in a serving of food contributes to a daily diet. 2,000 calories a day is used for general nutrition advice.

    Leave a Comment

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