Coconut Milk Hot Cocoa {dairy-free}

Coconut Milk Hot Cocoa {dairy-free}

One of the best coffee shop beverages I ever had was a Coconut Cream Mocha.  I love coconut and I love the combination of coconut and chocolate.  The coconut flavor was so strong and I loved it.  I later learned that the strength of the flavor came from a coconut-flavored syrup, but there is still something so appealing about coconut cream.  Even though it doesn’t bring a strong coconut flavor, I love that it adds just a hint of it.

In one of my many Whole30 adventures I learned that if you refrigerate a can of coconut milk, the milk and cream separate.  The cream sits on top, and if you scoop it out the milk is sitting underneath.  It reminds me of my middle school science class where the teacher dyed hot water red and cold water blue, and when she poured them together, the hot water sat on top of the cold water.  I was amazed!!! (tbh, I still am.) But now I’m just amazed with coconut milk.

Coconut Cream being whisked into hot coconut milk
Look at that thick, creamy coconut cream!

Every time I open a can that’s been in the fridge I have this sense of anticipation as to whether the cream will have separated to the top.  And it always successfully separates.  But I still have that anticipation every time. Clearly there is so much excitement in my life!

I hope to share with you more allergen-friendly recipes in the coming year. It’s something I’m still learning a lot about, but I know there are a lot of great substitutes so I hope if you have ingredient limitations, you’re still able to enjoy most of the recipes I share.  If you have any tips or suggestions for allergen-free baking, I’d love to hear them! (share in the comments!) But otherwise, I’ll keep researching and learning as much as I can about allergen-sensitivities and allergen-free ingredients and do my best to share as much as I can.

Dairy Free Coconut Milk Hot Cocoa

In the meantime, cozy up with this slightly coconutty, dairy-free (but definitely NOT Whole30) hot cocoa, and keep the Hot Cocoa Month hygge going!

Super easy, made from scratch dairy-free coconut milk hot cocoa! Recipe on @flour_de_liz #dairyfree #vegan #coconutmilk #hotchocolate #hotcocoa #recipe #flourdeliz

Coconut Milk Hot Cocoa {dairy-free}

Prep Time5 mins
Total Time5 mins
Servings: 1 mug


  • 1 can coconut milk refrigerated and separated
  • 1/4 cup dairy-free dark chocolate chips or chopped
  • 1/2 cup dairy-free sweet chocolate chips or chopped
  • 2 tablespoons sugar
  • 2 tablespoons brown sugar
  • pinch kosher salt Diamond Crystal


  • Place both chocolates, both sugars, and the cream from the top of the coconut milk in a heatproof bowl (preferably with a spout), and set aside.
  • Pour coconut milk and any residual cream into a small saucepan and heat over medium-low heat, whisking frequently. (The faster you whisk, the foamier the milk will be.)
  • When the coconut milk begins to boil, remove from heat and pour into bowl over the chips and coconut cream.
  • Let sit about 1 minute, then add a heavy pinch of salt and whisk until completely smooth.
  • Pour into a mug and enjoy!


Leave a Reply

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

Recipe Rating

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