Dairy-Free Chocolate Peanut Butter Hot Cocoa Recipe

This rich and creamy Chocolate Peanut Butter Hot Chocolate is sweetened with pure maple syrup and can be dressed up with your favorite toppings. Naturally gluten-free, dairy-free, and vegan.

Hot chocolate topped with marshmallows.

If you love peanut butter, this cozy hot cocoa tastes like a drinkable version of a peanut butter cup. Made with wholesome ingredients, it’s thick, comforting, and perfect for chilly afternoons or holiday evenings.

Why you’ll love this recipe

  • Quick and easy homemade hot chocolate
  • Simple, pantry-friendly ingredients
  • Gluten-free, dairy-free, and vegan-friendly

Ingredients and substitutions

Below are brief notes on the main ingredients. The full list and quantities appear in the recipe card further down.

Ingredients to make hot chocolate.

Natural peanut butter – Choose a natural, creamy peanut butter without added sugar or oils for the best texture and flavor. Almond or sunflower seed butter can work as substitutes (sunflower seed butter makes it nut-free).

Unsweetened cocoa or cacao powder – Cocoa gives deep chocolate flavor; use cacao for a more intense, slightly bitter chocolate note.

Plant milk – Unsweetened almond milk is recommended, but any non-dairy milk such as soy, oat, cashew, or canned coconut milk will create a delicious dairy-free result.

Maple syrup – Adds natural sweetness and depth. Agave, honey (if not vegan), or coconut sugar can be used instead if desired.

Pure vanilla extract – A small splash brightens the flavor—use pure vanilla for the best result.

Step-by-step instructions

Cocoa powder and milk in a saucepan.
Hot cocoa in a small saucepan.

Step 1: Pour the plant milk into a small saucepan and warm it over low to medium-low heat. After the milk is warm, whisk in the cocoa (or cacao), peanut butter, and a pinch of salt.

Step 2: Once large lumps have mostly dissolved, add the maple syrup and vanilla. Whisk frequently until the mixture is smooth and reaches your preferred drinking temperature. Taste and add more maple syrup if you prefer it sweeter.

To make an optional peanut butter drizzle, stir together the peanut butter and maple syrup, adding maple syrup a little at a time until you reach a pourable consistency.

How to serve

Adjust sweetness or peanut butter intensity before serving—add extra maple syrup for sweetness or another tablespoon of peanut butter for a bolder flavor. Pour into mugs and top with vegan marshmallows, a peanut butter drizzle, dairy-free whipped cream, chocolate shavings, or chopped peanuts for texture.

Hot cocoa in a glass mug.

FAQs

Can I mix peanut butter with hot milk?

Yes. Peanut butter blends well into warm dairy or plant-based milk—whisk it into gently heated milk until smooth.

Can you heat peanut butter to make it runny?

Yes. Brief heating on the stove or in short microwave intervals will loosen peanut butter for easier mixing.

Can I make this nut-free?

Yes. Use a nut-free milk and substitute sunflower seed butter in place of peanut butter for a nut-free version.

Warm drinks are a simple comfort on cold days—try this peanut butter hot chocolate for a cozy treat. Enjoy it with your favorite toppings and make it your own.

More drink recipes

  • Cacao Powder Hot Chocolate
  • Orange Hot Toddy with Tea
  • Toasted Coconut Hot Chocolate (Vegan)
  • Rhubarb Bourbon Sour Cocktail

Love this recipe? Please consider leaving a 5-star rating on the recipe card below and share your feedback in the comments!

📖 Recipe

Peanut butter hot chocolate in a clear mug.

Peanut Butter Hot Chocolate

This rich and creamy Peanut Butter Hot Chocolate is sweetened with maple syrup and is gluten-free, dairy-free, and vegan. Serve with marshmallows, whipped cream, or a peanut butter drizzle.
5 from 1 vote
Course: Drinks
Cuisine: American
Diet: Gluten Free, Vegan, Vegetarian
Prep Time: 5 minutes
Cook Time: 10 minutes
Total Time: 15 minutes
Servings: 2
Calories: 270 kcal
Author: Tessa

Ingredients

  • 2 ½ cups (655 ml) unsweetened almond milk
  • 4 tablespoons (25 g) unsweetened cocoa or cacao powder
  • 2 tablespoons natural creamy peanut butter
  • 2 pinches salt
  • 4 tablespoons maple syrup (or honey, if not vegan)
  • ¼ teaspoon pure vanilla extract

Peanut Butter Drizzle (optional)

  • 1 tablespoon peanut butter
  • 2–3 tablespoons maple syrup

Additional optional toppings

  • Vegan marshmallows
  • Coconut whipped cream
  • Chocolate shavings or cacao nibs
  • Chopped peanuts

Instructions

  1. In a small saucepan over low heat, warm the almond milk. After a few minutes, whisk in the cocoa powder, peanut butter, and salt.
  2. When the mixture is mostly smooth, whisk in the maple syrup and vanilla. Continue whisking until fully combined and heated to your liking. Taste and add more maple syrup if you prefer it sweeter.
  3. Remove from heat and pour into mugs. Top with marshmallows, whipped cream, or a peanut butter drizzle if desired.
  4. To make the peanut butter drizzle: combine the peanut butter and maple syrup, adding maple syrup gradually until you reach a pourable consistency.

Notes

If you like it sweeter, add more maple syrup to taste. For a stronger peanut butter flavor, stir in an additional tablespoon of peanut butter.

Nutrition

Serving: 2 | Calories: 270 kcal | Carbohydrates: 37 g | Protein: 8 g | Fat: 13 g | Saturated Fat: 2 g | Sodium: 873 mg | Potassium: 347 mg | Fiber: 5 g | Sugar: 26 g | Calcium: 439 mg | Iron: 2 mg
Tried this Recipe? Tag me Today!
Share your photos and feedback—I’d love to see how you customize it.