Dark Chocolate Mocha Frappuccino: Simple Recipe

There’s no better feeling than taking a sip from a cool refreshing drink while sitting relaxed on your couch at home. It’s not often that we get to do that, so said drink should definitely be hella good.

By following this Dark Chocolate Mocha Frappuccino 5 ingredient recipe, you will get to have an extremely tasty homemade beverage.

If you’re a fan of McDonald’s Mocha Frappe or Starbucks’ Mocha Frappuccino, you will love this version. I’m about to show you how to easily make it. But first, let’s take a look at its calorie count.

A serving of this DIY Dark Chocolate Mocha Frappuccino contains 345 kcal without the whipped cream topping (if you follow my ingredient recommendations). With whipped cream, the calories go up to 370.

Now let’s dive in.


Dark Chocolate Mocha Frap Ingredients
For a Dark Chocolate Mocha Frappuccino, you’ll need the following ingredients:

  • Ice Cubes. Make sure you have your serving glass filled with ice cubes to the top. This is the amount you’re going to need to make a blended drink with a smooth icy texture.
  • Half & half: 6 fl. oz. (180 ml).

    This will make your Mocha Frappuccino creamy and extremely satisfying. If you want your frappe even creamier, use heavy cream instead.

    On the other hand – you might want to substitute the half & half with whole milk or nonfat milk to reduce its calories.

    But bear in mind that this will alter the Frappuccino’s signature texture and make it a bit more watery.

    If you want to make a skinny Mocha Frappuccino with thinner milk, such as non-fat or, say, almond milk, you can use a quarter of a teaspoon of xanthan gum to make your drink thicker. To be fair, virtually all Frappuccinos at Starbucks contain xanthan gum. So no matter if you use half-and-half for your blended beverage or not, feel free to add a bit of this thickening agent if you prefer your drink more viscous. By clicking here you can check out an 8 oz. package of xanthan gum and how much it costs on Amazon.

  • Dark Chocolate Sauce: 2 tablespoons.

    I use Monin’s dark chocolate gourmet sauce and it’s the best one I’ve ever tried. I have a large bottle with a pump at home. Each pump equals 1 tablespoon and contains 52 kcal (according to my calculations). It’s rich and tasty and by using it I make the best homemade mochas.

    It’s also vegan, so it’s perfect for those who are on a plant-based diet. You can check it out on Amazon by clicking here.

    Nevertheless, if you have other dark chocolate sauce recommendations, share them in the comment section.
  • Instant coffee: 2 teaspoons.

    It’s worth noting that I often make my Frappuccinos with a double espresso shot, but at Starbucks, they don’t use espresso for most of their iced blended beverages.

    The only one that is originally made with espresso is the Espresso Frappuccino. If you order a Mocha one, it will be made with Frap Roast (unless you tell the barista that you want it with espresso instead).

    Essentially, Frap roast (or Frappuccino roast) is instant coffee powder, dissolved in room temperature water. Each drink contains a certain number of frap roast pumps, depending on its size (a grande contains 3 pumps).

    That’s why my take on this copycat Mocha Frappuccino recipe includes instant coffee, not espresso.
    That being said, you can always switch things up and make it with espresso, cold brew, or whatever kind of coffee you want. But bear in mind that this may make your DIY drink slightly different than the original in terms of overall mouthfeel.
  • Whipped cream/cocoa powder (optional as toppings).


To make proper Frappuccinos, you need to have a blender. I use a NutriBullet for smoothies and iced blended beverages.
It’s also quite affordable.
NutriBullet blender
Check out its price and more photos on Amazon. There are some models that aren’t that sturdy, but I made sure to link to one that’s of high quality and that’s also extremely efficient.

How to Make a Dark Chocolate Mocha Frappuccino – Recipe Instructions

Now that you know what you’re going to need, it’s time to move on to the recipe directions.

To make a Dark Chocolate Mocha Frappuccino do the following:

  1. Pour all of the ingredients in the blender
  2. Making dark chocolate mocha frappuccino: step 1

  3. Blend until it gets smooth
  4. Making dark chocolate mocha frappuccino: step 2

  5. Pour the drink into a glass
  6. Making dark chocolate mocha frappuccino: step 3

If you take advantage of the aforementioned ingredient recommendations and follow the instructions above, you will get to have one of the best Mocha Frappuccinos you’ve ever had.

Homemade dark chocolate mocha frap in a glass
You can also top off your drink with whipped cream and cocoa powder:
Dark chocolate mocha frap with whipped cream and cocoa topping

If you want, you can add a bit of dark chocolate sauce on top instead of cocoa, which will make it more similar to McDonald’s mocha frappe.

Nevertheless, even without a topping, this cool drink is very, very tasty.

Related Recipes:

Yield: 1 serving

Dark Chocolate Mocha Frappuccino

Dark Chocolate Mocha Frappuccino

Make a delicious Dark Chocolate Mocha Frappe at home by following an Easy Copycat Starbucks Frappuccino recipe. This coffee drink is a perfect treat for anyone who needs to have a yummy and refreshing beverage.

Cook Time 3 minutes
Total Time 3 minutes


Toppings (optional)

  • Whipped Cream
  • Cacao/Cocoa Powder


  1. Add all of the ingredients (except for toppings) into a blender.
  2. Blend until smooth.
  3. Pour the blended Frappuccino into a glass.
  4. Add toppings of your choice.


*Coffee Frappuccinos at Starbucks are made with Frap Roast, which is basically instant coffee, dissolved in room-temperature water. In case you want, you can make your homemade Frappuccino with 2 fl. oz. (60 milliliters) of cold brew concentrate, Moka pot coffee, or, say, espresso.

*I prefer my Frappuccinos with half-and-half, as I like them creamier. Nevertheless, feel free to use whole, non-fat, or plant-based milk of your choice for this recipe instead.

Over to You

I hope you liked my take on this recipe. The Dark Chocolate Mocha is my favorite type of coffee drink (when I don’t have my coffee black, as I usually do) and its Frappuccino version is simply fantastic. I recommend trying it out at home.

You might as well be interested in making a Caramel Frappuccino, so you can check out its recipe with photos here.

Drop me a comment below to share your thoughts or questions.

Leave a Comment

Skip to Recipe