Take nutrition into your own hands in less than 30 days

Healthy Homemade Hot Chocolate

You won’t believe how easy it is to make a healthy homemade hot chocolate. This recipe is for a single cup but you can easily make this into a homemade hot chocolate mix for future use.

healthy homemade hot chocolate recipe

Homemade Hot Chocolate

Disclosure: This post contains affiliate links for your convenience. As an Amazon Associate, I earn from qualifying purchases.

Click here to subscribe

This healthy hot chocolate is a rich and deep winter drink that I have fallen in love with.

I have been sipping on this cocoa every day for the past week as a pick me up treat after school pick up, it’s amazing.

homemade hot cocoa mix in a mug ready for water

I top it with coconut whip cream for an added treat and serve it with a mid-afternoon snack.

As I said, it’s rich and deep. It’s more cocoa-y than the store-bought hot chocolates so if you are used to a supersweet version, you may have to add a little extra coconut sugar.

I highly recommend adding a little cinnamon (this helps you reduce your sugar intake) if you’re not into a deep chocolate taste. This cinnamon sugar reducing hack is something I teach in the 30 Days to a Healthier You Challenge and it works every time when I need to train my tastebuds to crave less sugar.

Another tip: add a tablespoon or two of whipped coconut cream (more details on what I used below).

Give it a few goes and soon you’ll be enjoying this recipe as is.

healthy hot chocolate in a white cup

Sugar Free Hot Chocolate

This recipe for homemade hot cocoa is refined sugar free since it uses coconut sugar but here are a few other variations you can use if you want to use natural sugars:

  • Swap the coconut sugar for honey
  • Swap the coconut sugar for maple syrup

I’ve tried all three (over the last few days – yum) and my favorite way to make this healthy hot chocolate mix is with coconut sugar, but to each their own.

Try all three and let me know what you prefer.

If you use the coconut sugar you can store this homemade hot cocoa mix in a mason jar and just scoop out two tablespoons for your serving.

healthy hot chocolate with coconut whipped cream

I know a lot of you are wondering where I got this mug. My amazing hairstylist gifted it to me. I can’t find it on Amazon but I did find these cute lash mugs.

Toppings for Hot Chocolate

I recently tried the So Delicious coconut whipped cream (find it in the freezer area of the natural section) and its hands down the best hot chocolate topping, but you can also try the following:

whipped coconut on top of cocoa in a mug
Delicious coconut whipped cream is my favorite hot chocolate topping

Snacks to Serve with Homemade Hot Cocoa

Click here to subscribe

What’s Vanilla Powder?

With the cost of pure vanilla extract reaching insane prices (my once $8.99 bottle from Costco is now over $40), I’ve decided to get creative.

I now substitute vanilla powder for vanilla extract in my baking and sweet recipes. Yes, there is a subtle difference (vanilla bean powder has the beans grounded in whereas extract is vanilla beans soaked in alcohol) but I find this works fine.

1/2 tsp of vanilla bean powder is the same as 1 tsp of vanilla extract.

I bought this vanilla bean powder off Amazon and I love it.

homemade hot cocoa in a pink glam mug

How to make healthy hot cocoa

I personally make this with boiled water from a kettle but I have also tried it with unsweetened almond milk for a slightly creamier version.

No almond milk? Use cashew milk, oat milk, soy milk, etc.

Click here to subscribe
homemade hot cocoa in a pink glam mug
Print Pin
0 from 0 votes

Healthy Homemade Hot Chocolate

Course Drinks
Cuisine American
Keyword healthy, hot chocolate, sugar free
Prep Time 2 minutes
Total Time 2 minutes
Servings 1 serving
Calories 87kcal


  • Kettle
  • Mug


  • 1 tbsp cocoa powder
  • 1 tbsp coconut sugar
  • 1/2 tsp vanilla bean powder
  • 1-1/2 cups unsweetened almond milk or water (depends on how strong you like it)
  • coconut whip cream option topping


  • Add the cocoa, coconut sugar, and vanilla powder to your mug.
  • Bring the water to boil in a kettle, or if you're using almond milk bring to simmer in a saucepan or heat in the microwave for a minute.
  • Pour the water or almond milk (or half of each) into the cup and mix well. Top with coconut whip, cinnamon, shaved chocolate.


Add 1/4 tsp cinnamon if you’re new to using less sugar.


Serving: 1cup | Calories: 87kcal | Carbohydrates: 15g | Protein: 2g | Fat: 4g | Saturated Fat: 1g | Sodium: 351mg | Potassium: 76mg | Fiber: 2g | Sugar: 8g | Calcium: 300mg | Iron: 1mg
Tried this recipe and love it? Share a photo on IGTag me at @RandaDerkson
how to make homemade hot chocolate

Don’t forget to pin this recipe.

hot chocolate recipe

7 Day Weight Loss Jump Start

Meal Plan & Grocery List sent straight to your inbox

Privacy Policy

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Client Love

Randa's meal plan was great and so easy to follow! Having all of this on hand made my week easier...




Randa's meal plan was great and so easy to follow! Having all of this on hand made my week easier and less stressful plus I know that what my family and I are eating is healthy so it's a win-win!