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, this dark chocolate mocha you’ll enjoy no matter the season, so I wholeheartedly recommend trying out its recipe.

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

When it comes to calories, if you make your drink non-vegan (with whole milk) it will contain 230 kcal. How many would there be in a vegan dark chocolate mocha, 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 calorie count drops down to 164 kcal.

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


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 might even dissolve 1 or 2 tsp of instant coffee in 2 fl oz of water and use that. But bear in mind that by substituting the espresso the dark chocolate mocha iced coffee would differ from one that’s 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, and 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.

  • Milk – 6 fl oz (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 stuck on the sides of your glass cup and on the inside – beige-colored milk and espresso mixture.

This look is quite cool and it’s perfect for those who want an Instagram-worthy coffee drink. To fully experience the taste you need to stir up the drink with a straw so that the dark sauce becomes one with the rest.

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.

When it comes to toppings you can either use whipped cream, cocoa powder, or both, as seen on the following photo:

Of course, skip the whipped cream, if you’re a vegan. But even if you aren’t – you don’t truly need it, as this homemade mocha is perfect even on its own.

Related: Iced Caramel Mocha – Coffee Recipe

Over to you

I hope that you like this recipe and you’ll try it out at home. The taste of the iced chocolate mocha you’ll get to have at home would make you feel like a true barista at Starbucks or at a fancy cafè.

Drop me a comment below if you have any questions.

1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 5.00 out of 5)

You may also like

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Notify of