Coconut Mocha (Vegan Chocolate Coffee Drink)

Name: Coconut Mocha (Vegan Chocolate Coffee Drink)
Prep time: 10 min
Total time: 10 min
Ingredients: 3 cups coconut milk; 2 tablespoons instant coffee (or two shots of espresso); 1 tablespoon unsweetened cocoa powder; 1 teaspoon vanilla extract; 1 tablespoon brown sugar; whipped coconut cream; grated dark chocolate

Jump to Recipe Print Recipe

Skip the line at your local coffee shop, and make this delicious and creamy coconut mocha at home in minutes. This vegan chocolate and coffee drink is perfectly cosy and warming, and feels like a real treat!

This post may contain affiliate links. Read my privacy policy here.

If you are looking for a drink to cosy up with as the cooler weather sets in, then I've got you covered with this delicious coconut mocha coffee.

The perfect balance of sweet and bitter, this vegan mocha recipe is the perfect way to warm up this fall and winter. Make a cup, sit back and cuddle up under a blanket!

Be sure to try my Mocha Milkshake and Baileys Dalgona Coffee too!

Why you will love this recipe!

Quick and easy: It takes no more than 10 minutes to make this drink. Just pop everything into a pot, heat and pour!
Simple ingredients: You only need 5 ingredients to make this hot drink, and you're likely to have most of them to hand already.
Vegan: Made with coconut milk and topped with coconut whipped cream this coffee drink is vegan friendly.

Two coconut mochas served in glass cups.

Ingredients

Coconut milk: Make this mocha with cartoned coconut milk rather than canned. Canned will be fairly thick in consistency. Cartoned coconut milk also contains less fat and calories so it's a healthier option for a mid afternoon drink.
Coffee: You can use instant coffee, or your favorite brewed espresso for this recipe.
Cocoa powder: Use unsweetened cocoa powder for that rich chocolatey flavor that works so well with the coffee.
Vanilla extract: This is optional, but a little vanilla adds a nice flavor and also adds a little sweetness.
Sugar: Brown sugar works great in this recipe, as the molasses adds a rich and complex flavor. You could use white sugar in a pinch, or maple syrup works as a great natural sweetener.

How to make a coconut mocha

Be sure to scroll down for the full recipe!

Add all of the ingredients to a pot (photo 1).
Heat on the stovetop and whisk the ingredients together (photo 2).

Two step by step photos to show how to make the recipe.

Frequently Asked Questions

Can you make this drink with other milks?

You can easily make this coconut mocha with other plant based milks like almond or soy, or you can use a dairy milk for a creamier coffee drink.

Can you make it ahead of time?

If you have leftovers, transfer them to an air tight container and keep refrigerated for a few days. You can reheat the drink on the stovetop to serve.

Can you make it caffeine free?

Yes, you can easily make this drink caffeine free, simply use your favorite decaf coffee. You'll still get the coffee flavor but without the caffeine hit.

A coconut mocha topped with grated chocolate.

To Serve

You can of course enjoy this coconut mocha as it is, but adding some coconut whipped cream and a grating of dark chocolate really brings it to life. The vegan whipped cream helps to enhance the coconut flavor and adds some extra sweetness.

Recipe Notes and Tips

If you prefer your coffee on the sweeter side, you can add more sugar or your preferred sweetener.
When heating the ingredients, don't let the milk boil. It should be steaming and hot, but not boiling.

Overhead shot of whopped cream on top of the coconut mocha.

More Drinks Recipes

I love hearing from you!! If you have tried this coconut mocha coffee drink, be sure to scroll down, give them a star rating and let me know what you thought!

For more tasty treats, food inspiration and fun, be sure to follow me on Facebook, Instagram, Twitter and Pinterest – come say hi!

Be sure to keep in touch and sign up to Slow The Cook Down to grab your free e-book ‘Stress Free Recipes Made For Sharing’