Skip to Content

Collagen Hot Chocolate Recipe

Sharing is caring!

Did you know that most Mesoamerican cultures had and still have some sort of foaming ritual surrounding the preparation of drinking chocolate? Those charged with preparing the sacred cacao beverages would pour the mixture from one vessel to another in order to produce a thick foam on top. This collagen hot chocolate recipe will allow you to do the same thing from the comfort of your home, and likely with even more skin-protecting benefits than those ancient botanicals offered.

But why take collagen each day, and why in this form?

Well, collagen is a protein found in abundance in your body, but natural production of it slows down around age 25, and drops precipitously after you turn 40. Supplemental collagen can combat that loss, however. Powdered collagens are animal-derived, so they provide complete proteins, but they’re also great for the skin because this pre-formed collagen gives your skin the material it needs to build its own. I just prefer to drink mine in this hot cocoa collagen latte because it tastes good and it’s a healthy ritual to build my day around.

I like Vital Proteins collagen powder for its added vitamin c and hyaluronic acid, and the general quality of the product & reputation of the brand.

Collagen Hot Chocolate FAQ

Is collagen hot chocolate keto?

Yes it is, if you use sugar-free chocolate and a keto-approved mylk, like almond milk.

Is collagen hot chocolate vegan?

Sorry, nope! Collagen is derived from animals (bovines, in my case), so it’s not a vegan-friendly supplement.

Is this a high protein hot chocolate recipe?

There are about 11g of protein per serving, give or take one gram depending on the cacao percentage.

Can I use cocoa powder instead of chocolate?

This recipe derives its richness from cacao in its whole form, so I really encourage you to use dark chocolate. That said, vital proteins hot cocoa mix came out awhile back and it was very popular, so if you want to use cocoa powder then make sure you add more fat to compensate.


  • heavy mug
  • milk frother
  • metal pan for heating milk/water


  • 4oz milk (or mylk)
  • 1-2 tbsp. heavy cream
  • 1oz to 2oz high quality dark chocolate (70%+ is best, and the source of the cacao is important, as some companies use beans that make a very bitter chocolate)
  • 1 scoop collagen powder/10g collagen in any form (I like and have been using Vital Proteins brand)


  1. Heat your 4oz. of a liquid of choice over medium heat until slightly bubbling.
  2. While the liquid heats, chop your chocolate into chocolate chip-sized pieces and put it in a heat-proof mug.
  3. If your chocolate comes out still chunky after a couple minutes, you can microwave your whole mug for 20 seconds, then take it out and let it sit for an additional 2 minutes. This will allow the chunks to melt into the liquid so that you can then finish blending it.
  4. Pour your near-boiling liquid into the cup, on top of the chocolate, letting the hot liquid melt your chocolate for two full minutes.
  5. Add in your scoop of collagen and your heavy cream, and quickly blend it into the hot chocolate and voila! All done. Adding mint oil or ginger puree or even lemon zest would be a beautiful mix-up if you plan to make this a regular part of your routine.

Recipe Notes

  • Remember to use a high-percentage craft chocolate in your hot cocoa! Otherwise your chocolate will end up flatter-tasting rather than complex.
  • Whip up your drink with an extra 30 seconds on the frother; it really makes a difference!
  • If you’re going to use a non-dairy milk in your cocoa, I’d recommend using a creamier option, like macadamia or coconut milk, rather than the more common finds like oat or almond milk.
  • You can also prepare this collagen hot chocolate ahead of time— sans milk— by chopping up the chocolate and measuring out 1-2 Tbsp. of heavy cream powder + the collagen. Just add milk & voila!
What could happen if you forget to wait for the chocolate to melt!

Sharing is caring!

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

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