Iced Dark Chocolate Mocha: Vegan & Non-Vegan Recipe

There’s nothing better than enjoying a cool refreshing drink on a hot summer day.

To be fair, you will enjoy this iced dark chocolate mocha no matter the season.

Therefore I wholeheartedly recommend trying out this recipe.

If you follow my ingredient recommendations and instructions, you will easily get to have a homemade dark chocolate iced coffee that’s even better than the one at Starbucks or your local café.

When it comes to calories, if you make your drink non-vegan (with whole milk), it will contain 230 kcal.

The number of calories found in the vegan version depends on the calorie content of the plant-based milk you use.

I often use this almond milk by Califia Farms and my DIY iced mocha coffee has 164 kcal.

Now, without further ado, let’s dive in.


Homemade Dark Chocolate Mocha Ingredients
For your iced dark chocolate mocha you will need the following ingredients:

  • Ice Cubes.
  • Espresso or brewed coffee.

    I recommend using a double espresso shot which is around 2 fl. oz. (60 ml) for a better-pronounced coffee flavor and an overall stronger drink.

    If you don’t have an espresso machine use a Moka pot to brew some coffee and add 2 fl. oz. (60 ml) of it to your drink.

    You can also use a French press, your single-serve coffee maker, or a drip coffee maker.

    You may even dissolve 1 or 2 teaspoons of instant coffee in 2 fl. oz. of water and use it for your homemade drink.

    But keep in mind that if you substitute the espresso, your dark chocolate mocha iced coffee would be different than one, made in a café or at Starbucks.

  • Dark Chocolate Sauce – 2 tablespoons or 2 pumps.

    I use Monin’s Dark chocolate gourmet sauce and it’s definitely the best one I’ve tried (and I’ve tried quite a few).

    It’s vegan, so it’s perfect for those who are on a plant-based diet.

    It’s often used in cafes and restaurants. By implementing it in the making of your iced chocolate mocha, you will take this homemade drink to the next level.

    It has a rich flavor so 1 tablespoon would also be enough.

    Here you can find out how much Monin’s gourmet sauce costs on Amazon.

    Of course, if you don’t have the sauce at hand, you can add 1 teaspoon of cocoa powder and sugar (to taste) to the drink to give it a nice chocolate flavor.

    Making your own dark chocolate sauce is also an option.
  • Milk – 4 to 6 fl. oz. (120 to 180 ml).
  • Cocoa Powder/Whipped Cream (optional) as a topping.

How to make an Iced Dark Chocolate Mocha – Instructions

Now that you know the ingredients let’s see the instructions.

To make an Iced Dark Chocolate mocha, do the following:

  1. Pour the dark chocolate sauce in a glass filled with ice cubes.
  2. Add coffee on top.
  3. Pour the milk on top of the coffee.

By following these steps you will see the dark chocolate sauce on the sides of your glass cup and on the inside – beige-colored milk and espresso mixture.
Adding milk to a glass to make a dark chocolate mocha
This look is quite cool and it’s perfect for those who want an instagrammable coffee drink.

To fully experience the taste you need to stir the drink with a straw so that the dark sauce dissolves.

In case you don’t want to do that, you can make your dark chocolate iced mocha coffee by mixing the sauce with the milk first.

If you ask me, the easiest way to do that is by using an affordable battery-operated drink mixer like this one by Zulay.
Mixing dark chocolate mocha with a drink mixer

When it comes to toppings you can either use whipped cream, cocoa powder, or both, as seen in the following photo:
Iced Dark Chocolate Mocha Toppings
You can also top off your drink with dark chocolate sauce, if you wish.
Whipped cream and chocolate sauce topping
Of course, if you’re a vegan, skip the whipped cream or use plant-based whipped cream, such as this one, made of coconut.

If you ask me, you don’t really need the whipped cream topping as this homemade mocha is perfect even on its own.


Over to you

I hope that you like this recipe and that you’ll try it out at home.

The taste of the iced chocolate mocha you’ll get to have will make you feel like you’ve bought it from a fancy cafè or from Starbucks.

Drop me a comment below if you have any questions.

Yield: 1 serving

Iced Dark Chocolate Mocha

Iced Dark Chocolate Mocha

This refreshing dark chocolate mocha iced coffee is very delicious and at the same time - easy to make. You can effortlessly make it vegan if you wish, so if you're on a plant-based diet, you'll definitely be more than happy with how it turns out.

Prep Time 2 minutes
Cook Time 1 minute
Total Time 3 minutes


  • Dark Chocolate Sauce - 2 tablespoons*
  • Espresso - 1 double shot (around 2 fl. oz., 60 ml.) *
  • Milk - 4 to 6 fl. oz. (120 to 160 ml.) *
  • Ice Cubes
  • Whipped Cream (optional, as a topping)


  1. Add the dark chocolate sauce to a glass filled with ice cubes.
  2. Add coffee.
  3. Pour the milk on top.
  4. Add toppings of choice.


*I recommend using Monin's Dark Chocolate Gourmet Sauce, which you can find in the Recommended Products section. Not only is it rich and flavorful, but also 100% vegan, so it's perfect if you're preparing a mocha with plant-based ingredients. If you don't want to buy dark chocolate mocha sauce, you can add 1 teaspoon of cocoa powder, and 2 teaspoons of sugar to your beverage. Using a homemade dark chocolate sauce is also an option.

*If you don't have an espresso machine, feel free to use 2 fl. oz. (60 ml) of moka pot coffee. If you don't own a Moka pot too, use 2 to 4 fl. oz. (60 to 120 ml) of cold brew concentrate, French press coffee, AeroPress coffee, or the coffee, made in your single-serve coffee maker. With all being said, the best alternative to espresso for homemade mochas and lattes is the Moka pot brew.

*Of course, if you want to make a vegan dark chocolate iced mocha, use plant-based milk of choice. Unsweetened almondmilk is my go-to whenever I make this drink for myself.

Leave a Comment

Skip to Recipe