This post may contain affiliate links. Please read our disclosure policy.

This Bone Broth Hot Cocoa is a rich and chocolatey treat packed with gut-friendly collagen and 24g of protein! It is gluten free with a dairy free option. The perfect way to wind down at the end of a long day!

bone broth hot chocolate in a glass mug topped with marshmallows

What Makes This Recipe Great

I know you may be thinking…bone broth? In hot chocolate? I know it may sound like a strange combo, but just trust me! This Bone Broth Hot Cocoa is rich and delicious. The cocoa and maple syrup mask the flavor of the chicken broth, so you’re left with a velvety smooth liquid dessert. It’s packed with nutrients, collagen, and protein. It’s also kid-friendly! This Bone Broth Hot Chocolate is sure to become your new favorite snack or treat. I love winding down with a cup at the end of the day. It’s super comforting and it’s a treat I can feel good about having!

Want to save this recipe?
Just enter your email and get it sent to your inbox! Plus you’ll get new recipes from us every week!

Recipe Highlights

  • Gluten free with dairy free option
  • 24g protein in one cup of hot chocolate!
  • Rich in collagen and essential nutrients
  • Promotes gut health
  • Easy to make
  • Ready in 5 minutes
  • Perfect for movie nights and snowy days

Ingredient Notes

ingredients for bone broth hot chocolate

Chicken Bone Broth: I love Kettle & Fire Brand. You can use code MARY for 20% off! Beef bone broth will also work for this hot cocoa recipe. Make sure to look for a good, nutrient dense bone broth.

Milk: You can use any type of milk for this hot chocolate recipe. I like Fairlife 2% milk for the extra protein, but whole milk, oatmilk, unsweetened almond milk, coconut cream, or coconut milk will also work!

Raw Cacao Powder: This cocoa powder in its raw form. It is an excellent source of antioxidants and gives this bone broth hot cocoa a super rich chocolate flavor. Make sure to look for unsweetened cocoa powder.

Maple Syrup: Make sure to look for 100% pure maple syrup. You can also use honey if you prefer.

Collagen: This is optional but I like to add a scoop of collagen for an extra boost of protein. I like the Thrive Market powdered collagen.

Whipped cream: This is optional.

Marshmallows: Also optional. My Dandies makes great gluten & dairy free mini marshmallows!

How To Make Bone Broth Hot Cocoa

Step 1

Combine all of the ingredients in a small saucepan.

a small sauce pan with collagen, broth, cocoa powder, and maple syrup in it

Step 2

Whisk over medium heat until combined and heated through.

bone broth hot chocolate in a sauce pan

Step 3

You can blend it to make it extra frothy, but this is optional.

frothy hot chocolate in a blender

Step 4

Pour into your favorite mug, top with whipped cream or marshmallows, and enjoy!

hot chocolate being poured into a mug

Mary’s Tips & Tricks

Blending: This can help to make your hot cocoa extra frothy. You will be blending hot liquid, so be sure to be careful when blending and pouring.

Multiple servings: If you want to make a large batch of bone broth hot chocolate, simply hit “print recipe” on the recipe card below. Change the quantity to the number of people you want to serve, and it will change the quantities of each ingredient needed!

Dairy Free: To make this dairy free, use coconut milk, oat milk (look for gluten free for Celiac), or almond milk.

Variations: To add more flavor to this hot chocolate, add in a dash of cinnamon, a little vanilla extract, or a bit of peppermint extract!

Storage Store any leftover bone broth hot cocoa in an airtight container in the fridge for up to 4 days.

bone broth hot chocolate in a glass mug topped with marshmallows

Recipe FAQs

Can you put bone broth in coffee?

Absolutely! In fact, if you want to turn this into a mocha latte, simply add 1-2 shots of espresso to your bone broth hot cocoa!

What are the health benefits of bone broth?

Bone broth is rich in collagen and is known to promote a healthy gut microbiome, improve joint pain, and support skin health. It also contains healthy minerals.

Does boiling bone broth destroy the nutrients?

This is a good question. I usually just heat the hot chocolate ingredients over medium for a few minutes and serve it before it reaches its boiling point to avoid this.

an overhead shot of bone broth hot chocolate in a glass mug topped with marshmallows

Other Gluten Free Beverage Recipes

Peppermint Espresso Martinis

Christmas Hot Chocolate

Pina Colada Mocktails

Lemon Blueberry Mocktail

Iced Brown Sugar Oatmilk Shaken Espresso

Love this recipe? Please leave a 5-star 🌟🌟🌟🌟🌟 rating in the recipe card below & a review in the comment section. Or, follow me on Facebook, Pinterest or Instagram today!

4.72 from 25 votes

Bone Broth Hot Cocoa

Prep: 5 minutes
Cook: 5 minutes
Total: 10 minutes
Yield: 1 serving
This bone broth hot chocolate is a rich and chocolatey treat packed with gut-friendly collagen! Gluten free with a dairy free option. The perfect way to wind down at the end of a long day!

Video

Save this recipe!
Get this sent to your inbox, plus get new recipes from us every week!

Equipment

Ingredients 

  • 1 cup Kettle & Fire Chicken Bone Broth, or sub beef bone broth
  • ½ cup milk of choice, I used Fairlife 2%, but almond milk or coconut milk will also work
  • 2 tbsp raw cacao powder
  • 1.5 tbsp pure maple syrup
  • 1 scoop collagen, optional but I like to add for extra protein. Thrive Market brand is great.
  • Whipped cream or marshmallows, or dairy free whipped topping – optional. I like My Dandies brand for gluten free marshmallows!

Instructions 

  • Combine all of the ingredients in a small sauce pan.
  • Whisk over medium heat until combined and heated through.
  • Top with whipped cream and enjoy!

Notes

Blending: This can help to make your hot cocoa extra frothy. You will be blending hot liquid, so be sure to be careful when blending and pouring.
Multiple servings: If you want to make a large batch of bone broth hot chocolate, simply hit “print recipe” on the recipe card below. Change the quantity to the number of people you want to serve, and it will change the quantities of each ingredient needed!
Dairy Free: To make this dairy free, use coconut milk, oat milk (look for gluten free for Celiac), or almond milk.
Variations: To add more flavor to this hot chocolate, add in a dash of cinnamon, a little vanilla extract, or a bit of peppermint extract!
Storage Store any leftover bone broth hot cocoa in an airtight container in the fridge for up to 4 days.

Nutrition

Calories: 199kcal | Carbohydrates: 32g | Protein: 24g | Fat: 4g | Saturated Fat: 2g | Polyunsaturated Fat: 0.1g | Monounsaturated Fat: 1g | Trans Fat: 0.1g | Cholesterol: 9mg | Sodium: 153mg | Potassium: 385mg | Fiber: 4g | Sugar: 24g | Vitamin A: 120IU | Vitamin C: 0.2mg | Calcium: 187mg | Iron: 1mg

All nutrition facts are an estimate and automatically calculated. While I fact check them using My Fitness Pal, please note that they may not always be 100% accurate and depend on ingredients used. Weigh your total and divide by the number of servings for the most accurate grams per serving size.

Did you make this?Rate & comment below, and tag me on Instagram @maryswholelife

Leave a comment

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.

39 Comments

  1. Maggie McMahon says:

    Can I do this in a crockpot? Looking for maximum ease for a larger group.

    1. Mary says:

      yes definitely 🙂

  2. Laura Honea says:

    Thanks for sharing those basic recipe. I changed it up a little to make it carnivore.
    Added cream and butter instead of milk and stevia to sweeten… and a little coffee.
    So good!

  3. Laura Honea says:

    I made this but tweeted it a little to make it carnivore. So good!!!
    I used cream and butter instead of milk
    And pure stevia instead of maple syrup
    Took your advice and add a half cup of coffee. I might add peppermint next time.
    Thanks for sharing and giving me a base recipe to start with!!!

  4. Kim says:

    Absolutely so yummy! I also added some colostrum powder to mine and my 9 year old daughter’s hot chocolate and she loved it! You can’t taste the bone broth at all and my daughter had no idea that it was any different than the usual type that I make at home!

  5. Abright says:

    So yummy