• Skip to main content
  • Skip to header right navigation
  • Skip to after header navigation
  • Skip to site footer
Plant Based And Broke logo

Plant Based And Broke

Cheap and Easy Plant-Based Recipes

  • Home
  • Subscribe
  • Recipes
  • About
  • Contact
Home » Recipes » Desserts

Creamy Coconut Hot Chocolate with Coffee

Perfectly creamy, rich, and 100% VEGAN, this Coconut Hot Chocolate with Coffee is the perfect mix between caffeine and cocoa to start or end your chilly day!

Creamy coconut milk hot chocolate with coffee in a clear glass mug. Topped with marshmallows, sprinkled with cinnamon.
by Aly Michell Dated: December 2, 2021 Last Modified: August 28, 2023 Leave a Comment
145 shares
(This post may have affiliate links. Please see my disclosure.)
Jump to Recipe Print Recipe
Jump to:
  • Why You’ll Love This 
  • Ingredients & Substitutions 
  • Recipe FAQs
  • How To Store 
  • Recipe Tips 
  • Creamy Coconut Hot Chocolate With Coffee

It’s beginning to taste a lot like Christmas - and I am here for it! 

A healthy pour of Creamy Coconut Hot Chocolate with Coffee is the perfect, pick-me-up that’s perfect for the holiday season. 

Why You’ll Love This 

  • This recipe is made with only 6 simple, easy-to-find ingredients. It’s also dairy-free vegan, gluten-free, and delicious! 
  • If you’re looking for a THICK & CREAMY hot chocolate recipe, this is it! With the help of cornstarch and some simmering, you have the perfect cup of hot chocolate. 
  • This is for coffee lovers! If you’re into a mix between black coffee and bitter-sweet chocolate, you’re going to LOVE this recipe. 
  • The recipe is ready in MINUTES! It’s also customizable with different toppings and mix-ins.  

Want more Christmas recipes to serve with your hot cocoa? Check out our chewy vegan chocolate chip cookies, cinnamon brown sugar snowball cookies, and coconut dulce de leche. 

Ingredients & Substitutions 

  • Coconut Milk - You’ll want to go with full-fat canned coconut milk! Nothing else will live up to the hype in this hot chocolate! No worries if the coconut milk has solidified a bit. Scrap the bit out from the can and it will turn smooth once heated in the saucepan. 
  • Semi-Sweet Chocolate Chips - Go for semi-sweet chocolate chips. For vegan chocolate chips, Enjoy Life semi-sweet chocolate chips are my favorite to use. They can be found at Target or online at Amazon. 
  • Brown Sugar - Light or dark brown sugar will work. If you prefer to use white sugar, that’s fine too. Maple syrup can also be used in place of sugar. Feel free to measure out what your taste buds like. 
  • Black Coffee - Be sure to use fresh black coffee. Cold or hot is fine. It will warm up with the rest of the ingredients. 
  • Cocoa Powder - Dutch-process or natural cocoa powder both work fine. Use what you have or prefer. However, I recommend Dutch-process cocoa for more of an intense chocolate flavor. Also, its acidity has been neutralized. 
  • Cornstarch - For a thick and creamy hot chocolate, you’re going to need a thickener and that’s where cornstarch comes in. Cornstarch is naturally gluten-free. 

If you’re a coffee-lover, check out our sugar-free iced coffee popsicles and coffee banana smoothie bowl! 

Recipe FAQs

Top view of hot cocoa with large marshmallows, sprinkled with ground cinnamon.

How to Make Hot Chocolate Creamy

First, you’ll want to make sure your dry ingredients are clump-free. This includes your sugar, cocoa powder, and cornstarch. 

To make these ingredients clump-free, use a sifter. Either while prepping your ingredients, or while being poured into the saucepan. This step is very important. If skipped, you’ll be left with a coffee hot chocolate that's lumpy. 

Additionally, when adding the chocolate chips, be sure to stir continuously, to fully incorporate them into the coconut milk. 

How to Thicken Hot Chocolate

Cornstarch and a soft simmer are all you need for a thick hot chocolate. When simmering the hot chocolate, be sure to simmer without a lid to help evaporate some of the liquid.

What To Add To Hot Chocolate 

Feel free to add whatever topping or mix-ins you love. I opted for vegan marshmallows along with a sprinkle of cinnamon. 

Here are other mix-in ideas: 

  • Whipped cream 
  • Chocolate chunks 
  • Cinnamon sticks 
  • Chocolate chips 
  • Caramel 
  • Dulce de leche 
  • Ground nutmeg 
  • Candy cane

How To Store 

Once cooled down to room temperature, transfer the hot chocolate into a mason jar or air-tight food storage container. Refrigerate for up to 4 days. 

To reheat, transfer the coconut hot chocolate with coffee into a saucepan. Reheat over medium-low, until heated through. 

Recipe Tips 

  1. Feel free to add more or less sugar, depending on your preferences.
  2. To thicken up the hot chocolate, simmer for a few minutes longer without a lid, or add more cornstarch. 
  3. Prepare the coffee beforehand - leaving it black and unsweetened. You can also use pre-made cold brew. 
  4. Some canned coconut milk may separate. Either shake the can beforehand or whisk until uniform and cream.  

Need some ideas for Christmas morning? Check out our 31 Vegan Christmas Breakfast Recipes. 

Tried out this Creamy Coconut Hot Chocolate With Coffee recipe?

Please leave a comment below, share it, rate it, or tag a picture @plantbasedandbroke on Instagram and hashtag it #plantbasedandbroke. Show off that creation with us.

Vegan, hot chocolate in a clear mug.
Creamy coconut milk hot chocolate with coffee in a clear glass mug. Topped with marshmallows, sprinkled with cinnamon.

Creamy Coconut Hot Chocolate With Coffee

Aly Michell
Perfectly creamy, rich, and 100% VEGAN, this Coconut Hot Chocolate with Coffee is the perfect mix between caffeine and cocoa to start or end your chilly day!
5 from 1 vote
Print Recipe Pin Recipe
Cook Time 8 minutes mins
Total Time 8 minutes mins
Course Breakfast, Dessert
Cuisine Dairy-Free, Gluten-Free, Vegan
Servings 2 servings
Calories 590 kcal

Ingredients
  

  • 13.5 ounces full-fat unsweetneed coconut milk canned coconut milk
  • ¼ cup semi-sweetened chocolate chips 28 grams
  • 5 tablespoons brown sugar
  • 1 cup black coffee
  • 3 tablespoons cocoa powder sift with a sifter
  • 2 teaspoons cornstarch sift with a sifter
  • Add topping of choice optional

Instructions
 

  • In a saucepan over medium heat, add the canned coconut milk. Simmer for 3 minutes.
  • Add the semi-sweet chocolate chips into the saucepan and stir continuously until chocolate has melted into the coconut milk.
  • Add the brown sugar, black coffee, sifted cocoa powder, and sifted cornstarch. Stir until well-combined and dissolved.
  • Simmer without a lid, for an additional 5 minutes

Notes

  1. Feel free to add more or less sugar, depending on your preferences.
  2. To thicken up the hot chocolate, simmer for a few minutes longer without a lid, or add more cornstarch. 
  3. Prepare the coffee beforehand - leaving it black and unsweetened. You can also use pre-made cold brew. 
  4. Some canned coconut milk may separate. Either shake the can beforehand, or whisk until uniform and cream.  
 

Nutrition

Serving: 1-ServingCalories: 590kcalCarbohydrates: 50gProtein: 6gFat: 46gSaturated Fat: 39gPolyunsaturated Fat: 1gMonounsaturated Fat: 2gCholesterol: 4mgSodium: 43mgPotassium: 633mgFiber: 3gSugar: 38gVitamin C: 2mgCalcium: 71mgIron: 8mg
Tried this recipe?Tag @plantbasedandbroke on Instagram and show it off to us!

Did you try out this Creamy Coconut Milk Hot Chocolate recipe?

Please leave a comment below, share it, rate it, or tag a picture @plantbasedandbroke on Instagram and hashtag it #plantbasedandbroke. Show off that creation with us.

145 shares
Category: All, Breakfast, Desserts, Fall Recipes, Holiday, Plant-Based Christmas Recipes, Snacks, Valentine's Day

About Aly Michell

Over 10+ years of plant-based eating and cooking on a budget!

Previous Post:Bitten chocolate chip cokies with a jar of milk and a stack of more cookies in the background.Chewy Vegan Chocolate Chip Cookies
Next Post:How to Toast Walnuts in a Pan (in 3 minutes) Stovetop toasted walnuts in a small, white bowl.

Reader Interactions

5 from 1 vote (1 rating without comment)

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Recipe Rating




Sidebar

Hi, My name is Aly Michell! I create plant-based recipes that are easy, accessible, using everyday cookware.

More about me →

Vegan Fall Recipes 🍂🍁

  • Homemade date-sweetened applesauce in a mason jar served with an apple slice and a spoon.
    Homemade Sugar-Free Applesauce 
  • Bowl of chickpea sweet potato curry over white rice.
    One-Pot Chickpeas and Sweet Potato Curry
  • Air fryer sweet potatoes cubed and served with a yogurt-based dip.
    Herbed Air Fryer Sweet Potato Cubes
  • Apple slice with homemade date paste
    3-Ingredient Cinnamon Date Paste
  • Sweetened, cooked red split lentils with a drizzle of coconut milk and crushed walnuts in a bowl.
    Breakfast Lentils With Cinnamon Brown Sugar
  • Bowl of vegan macaroni and cheese.
    Dairy-Free Mac and Cheese
  • Zucchini stuffing casserole with carrots, corn, and stale bread in a casserole dish.
    Zucchini Casserole with Stuffing
  • Five fluffy chia seed pumpkin muffins on parchment paper
    Vegan Pumpkin Muffins with Chia Seeds

Popular Posts

  • Noor dates in a bowl
    How To Soften Dates (3 Easy Ways)
  • Tofu Chicken chunks on a white platter
    How To Make Tofu Taste Like Chicken
  • Cream of rice topped with walnuts, cinnamon, maple syrup, and shredded carrots
    Easy Cream of Rice Recipe with Cinnamon Brown Sugar
  • Puerto Rican arroz con habichuelas in a small bowl
    Puerto Rican Rice with Beans (Arroz Con Habichuelas)
  • Sweetened, cooked red split lentils with a drizzle of coconut milk and crushed walnuts in a bowl.
    Breakfast Lentils With Cinnamon Brown Sugar
  • Tofu butter chicken or murgh makhani topped with chop cilantro. With a side of rice.
    31 Plant-Based Dinner Recipes
  • Strips of veggie bacon against parchment paper
    Crispy Mushroom Bacon
  • Puerto Rican yellow rice in dutch oven.
    Puerto Rican Yellow Rice (Arroz Con Gandules)

Just Published

Slice of vegan lentil pastelon topped with chopped cilantro

Vegan Pastelón (Puerto Rican Plantain "Lasagna")

Pastelón was always one of those dishes that made our kitchen feel alive. I remember the smell of sweet plantains caramelizing, the laughter in the background, and the excitement of a big family meal. …

2-Minute Oatmeal Mug Cake

I often choose healthier options for breakfast, but sometimes I just want cake. This oatmeal mug cake is the PERFECT way to satisfy that sweettooth, while also adding in fiber and wholesome …

Meta

  • Log in
  • Entries feed
  • Comments feed
  • WordPress.org

Recent Posts

Vegan pumpkin pancakes with a pour of maple syrup, topped with vegan butter and chopped walnuts.
Closeup of cooked mushrooms in a sauce.
Bowl of creamy quinoa porridge topped with berries, sliced almonds, and a splash of coconut milk.
A scoop of saucy black beans from a pressure cooker.
Whole wheat spaghetti with zucchini pasta sauce, basil, and red pepper flakes on a white plate.

Disclaimer | Privacy Policy | Sitemap | Accessibility

Copyright © 2025 · Plant Based And Broke · All Rights Reserved · Powered by Mai Theme

Rate This Recipe

Your vote:




A rating is required
A name is required
An email is required

Recipe Ratings without Comment

Something went wrong. Please try again.