Bone Broth Hot Cocoa Recipe: Creamy Collagen Hot Chocolate

This Bone Broth Hot Cocoa is a rich, chocolatey treat packed with gut-friendly collagen and 24 g of protein per cup. Gluten free with an easy dairy-free option, it’s the perfect way to relax at the end of a long day.

bone broth hot chocolate in a glass mug topped with marshmallows

What Makes This Recipe Great

Bone broth and hot cocoa might sound like an unlikely pairing, but the result is surprisingly comforting and delicious. The deep cocoa flavor and a touch of maple syrup balance the savory notes of the broth, leaving a smooth, velvety hot drink. It’s nourishing — rich in collagen and protein — and works as a satisfying evening treat or a cozy pick-me-up on chilly nights. This version keeps the recipe gluten free and offers a simple dairy-free swap so everyone can enjoy it.

Recipe Highlights

  • Gluten free with a dairy-free option
  • Approximately 24 g protein per cup
  • Rich in collagen and essential nutrients
  • Supports gut-friendly nutrition
  • Quick and easy to prepare
  • Ready in about 5 minutes
  • Comforting for movie nights or snowy days

Ingredient Notes

ingredients for bone broth hot chocolate

Chicken Bone Broth: Use a high-quality, nutrient-dense bone broth. Beef bone broth can be substituted if you prefer. Some brands sell ready-to-drink broth that is convenient and flavorful.

Milk: Any milk works here. For extra protein, higher-protein dairy milks like 2% or whole milk are great. Dairy-free options such as oat, almond, coconut milk, or coconut cream also work well and keep the drink smooth.

Raw Cacao Powder: Choose unsweetened raw cacao or unsweetened cocoa powder for the deepest chocolate flavor and antioxidant benefits.

Maple Syrup: Use 100% pure maple syrup for natural sweetness; honey can be used as an alternative.

Collagen (optional): A scoop of powdered collagen boosts protein and adds gut-supporting amino acids. This is optional but recommended if you want the extra protein.

Toppings: Whipped cream or marshmallows make it feel indulgent. Use dairy-free whipped topping or gluten-free marshmallows to keep the recipe allergen-friendly.

How To Make Bone Broth Hot Cocoa

Step 1

Measure and combine all ingredients in a small saucepan: 1 cup bone broth, 1/2 cup milk of choice, 2 tbsp raw cacao powder, 1 1/2 tbsp pure maple syrup, and 1 scoop collagen if using.

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

Step 2

Warm the mixture over medium heat, whisking until the cacao dissolves and the drink is heated through. Avoid bringing it to a full boil to preserve delicate nutrients and to keep the texture smooth.

bone broth hot chocolate in a sauce pan

Step 3 (Optional)

For extra froth and a lighter texture, carefully blend the hot liquid briefly in a blender, or use a handheld frother. When blending hot liquids, take precautions to avoid steam buildup and splashing.

frothy hot chocolate in a blender

Step 4

Pour into a favorite mug, top with whipped cream or marshmallows if desired, and enjoy warm.

hot chocolate being poured into a mug

Tips & Tricks

Blending: Blending creates a frothy top and a creamier mouthfeel. Be cautious with hot liquids—vent the blender lid slightly and pour slowly.

Scaling Up: To make multiple servings, multiply the ingredients by the number of cups you want. Heat in a larger saucepan and whisk well before serving.

Dairy-Free Option: Replace dairy milk with oat, almond, or coconut milk. For those with celiac disease, choose certified gluten-free oat milk.

Flavor Variations: Add a pinch of cinnamon, a splash of vanilla extract, or a drop of peppermint extract for a seasonal twist.

Storage: Store any leftover hot cocoa in an airtight container in the refrigerator for up to 4 days. Reheat gently on the stovetop or in the microwave, stirring to recombine.

bone broth hot chocolate in a glass mug topped with marshmallows

Recipe FAQs

Can you put bone broth in coffee?
Yes. If you want a mocha-style drink, add a shot of espresso to this bone broth hot cocoa for a savory-sweet mocha latte.

What are the potential benefits of bone broth?
Bone broth is commonly valued for its collagen content and amino acids. Many people use it to support joint comfort, skin elasticity, and gut health. It also contributes minerals and protein to the diet. Individual results vary, and bone broth can be a nourishing addition to a balanced diet.

Does heating bone broth destroy nutrients?
To preserve delicate nutrients and keep the best texture, heat the drink gently and avoid prolonged boiling. In this recipe the broth is warmed just until hot and mixed with the other ingredients.

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

Ingredients (per serving)

  • 1 cup chicken bone broth (or beef bone broth)
  • 1/2 cup milk of choice (dairy or non-dairy)
  • 2 tbsp raw cacao or unsweetened cocoa powder
  • 1 1/2 tbsp pure maple syrup (or honey)
  • 1 scoop powdered collagen (optional)
  • Whipped cream or marshmallows for topping (optional)

Instructions (brief)

  1. Combine bone broth, milk, cacao, maple syrup, and collagen in a small saucepan.
  2. Whisk over medium heat until smooth and heated through, but not boiling.
  3. Optionally blend briefly for a frothy finish.
  4. Pour into a mug, top as desired, and serve warm.

Nutrition (approximate per serving)

Calories: 199 kcal | Carbohydrates: 32 g | Protein: 24 g | Fat: 4 g | Sugar: 24 g | Fiber: 4 g | Sodium: 153 mg | Potassium: 385 mg

Nutrition estimates are approximate and depend on the specific ingredients you use. For the most accurate results, weigh ingredients and calculate based on exact product labels.