This post may contain affiliate links. Please read my disclosure and privacy policy.

The next time you want a warm and cozy mug of hot chocolate, try this easy recipe. It’s inspired by my date-sweetened hot chocolate, but I’ve recently started adding collagen for a protein boost. Paired with the fiber from the dates, it’s a treat you can feel good about!

The result is even creamier than the original, with extra protein in each sip. (And I love that you can’t taste the collagen at all.)

Once you try it, you’ll never want to go back to using a powdered hot chocolate mix again. I’ll also share an alternative sweetener, in case you don’t keep dates on hand.

collagen hot chocolate in a glass mug with whipped cream on top.

Ingredients for Collagen Hot Chocolate

  • Cacao Powder. I always keep raw cacao powder in my pantry, which may contain more antioxidants compared to Dutch-processed cocoa powder. Either option should work for this hot chocolate recipe, though, so use whatever you keep on hand.
  • Collagen Peptides. This recipe uses unsweetened collagen peptides, rather than a flavored option. Brands will vary in nutrition; the one I use has about 18 grams of protein and 70 calories per scoop.
  • Medjool Dates. These are my favorite natural sweeteners because they contain fiber and minerals and add a caramel-like sweetness. The best dates are usually found in the fresh produce section of your grocery store (not the bulk bin). They should be juicy and easy to split apart with your fingers.
  • Almond Butter. If you’ve ever tried making almond milk from almond butter, you know that adding a teaspoon of nut butter to a blender with water creates a creamy, dairy-free milk in seconds. I use almond butter instead of dairy-free milk, but you can use heated milk if you prefer.
  • Boiled Water. I think this recipe is the easiest to make when you start with boiled water. Pressing a button on my electric tea kettle feels much easier than bringing a pot of milk to a boil on the stove. But feel free to experiment with either option!
dates, almond butter, collagen, water, and cacao powder labeled on a white surface.

How to Make Hot Chocolate with Collagen

Step 1:

Bring water to a boil in a tea kettle. I usually boil about 3 cups of water at a time, but you won’t use all of it for this recipe.

While you wait for that, add 2 pitted Medjool dates to a high-speed blender, along with the almond butter, collagen peptides, and cacao powder.

When the water is boiling, pour it into the mug you plan on serving it in, about 10-12 ounces. Then pour that serving directly into the blender.

boiled water poured into a glass mug and into a blender with hot chocolate ingredients.

Step 2:

Secure the lid on the blender, then blend on low speed. Blending hot liquids can build up steam pressure in your blender, so it’s best to start on low and gradually increase to high. It should break down in about 60 seconds into a creamy texture.

Make sure your blender’s lid has a way to release steam. For example, my Vitamix has a removable center piece that lets steam escape as you blend hot foods. (You can lightly cover it with a thin towel to avoid any splatter.)

Safety Tip

Do NOT use a bullet-style or Beast blender for this recipe. Those blenders do not have a way to release steam and are not intended for blending hot foods.

blended hot chocolate served in a glass mug with a spoon.

Serving Tips

As soon as the hot chocolate is smooth and blended, it’s ready to serve warm. I recommend serving it with a spoon, as it will need stirring if left to rest for too long. (It will look like it’s starting to separate, but stirring it will make it perfectly creamy again.)

You can top this with whipped cream and chocolate shavings to make it look fancy, or just enjoy it plain. It has a rich chocolate flavor, without any refined sugar!

Collagen Hot Chocolate Recipe FAQs

Can I use milk instead of water?

Yes, you can warm your favorite milk (dairy-free, if needed), then blend it with the hot chocolate ingredients as directed. I find it easier to press a button on my electric tea kettle and walk away until it’s done, but either way works!

Do I have to use nut butter?

No, the collagen on its own will likely add enough creaminess, so the nut butter can be optional if you’d rather leave it out.

Can I use a different sweetener?

Yes, you can substitute the dates for 1 tablespoon of maple syrup instead. (Or, add it to taste.)

collagen hot chocolate in a glass mug with whipped cream on top.

Collagen Hot Chocolate (Fruit-Sweetened!)

When you want a sweet treat that doesn't make your energy crash later, try this collagen hot chocolate recipe. It's 100% sweetened with fruit and adds collagen for creaminess (plus added protein). It tastes like classic hot chocolate, but with up to 6 grams of fiber per cup. No dairy is required!
prep5 mins cook0 mins total5 mins
Servings:1

Ingredients
  

Instructions

  • Bring a kettle of water to a boil; I usually heat 3 cups at a time, but you won't need that much for this recipe. While you wait for the water to boil, add the collagen, almond butter, cacao powder, and pitted dates to a high-speed blender. The first time I made this, I used 1 tablespoon of collagen and couldn't taste it. You can build up to using 2 tablespoons if you prefer more protein.
  • When the water is boiling, pour it into your serving mug. (I usually use 10 to 12 ounces, but the mug can help determine the serving.) Pour the mugful of water into the blender, then secure the lid and blend until smooth, about 60 seconds. Safety Note: Be sure to use a blender that can vent steam through the lid as you blend. This is not the time to use a bullet-style or Beast blender, as there is no safe way for the steam pressure to escape.
  • Once the mixture is blended and no date pieces are visible, pour the hot chocolate into the serving mug and enjoy right away. Stir with a spoon as needed to help prevent separation.

Notes

Nutrition information is for the whole batch, assuming you use 2 tablespoons of collagen in this recipe. This information is automatically calculated using an online ingredient database, so it’s just an estimate and not a guarantee. 
Blender Note: This is not the time to use a Beast or bullet-style blender. (It’s not safe to blend a hot beverage in a blender with no vent.) I used the Explorian Vitamix in these photos, but I actually prefer the 5200 if you’re shopping for a new blender. Watch my YouTube Vitamix review video if you want to see them side by side. 
Sweetener Note: If you’d rather not blend dates, you can substitute a tablespoon of pure maple syrup instead. (Or sweeten to taste.)

Nutrition

Calories: 218kcal | Carbohydrates: 40g | Protein: 14g | Fat: 4g | Saturated Fat: 1g | Polyunsaturated Fat: 1g | Monounsaturated Fat: 2g | Sodium: 52mg | Potassium: 447mg | Fiber: 6g | Sugar: 32g | Vitamin A: 72IU | Calcium: 63mg | Iron: 1mg
Course: Drinks
Cuisine: American
Keyword: collagen hot chocolate

More Recipes to Try

If you try this collagen hot chocolate recipe, please leave a comment and star rating below to let me know how you like it.

Megan Gilmore leaning on her white countertop.

Megan Gilmore

Hi, I’m Megan. A former fast food junkie turned best-selling cookbook author. As a Certified Nutritionist Consultant (CNC), I love to make healthier food using simple ingredients. I test these recipes multiple times in my kitchen to make sure they will turn out perfectly for you.

Read More

You May Also LIke

Leave a Review!

I love hearing from you! Submit your question or review below. 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.