Skip to Content

Starbucks Dark Mocha Frappuccino CopyCat Recipe

If you love Starbucks but don’t love the price or the amount of sugar that goes into some of their drinks, you will love this Starbucks Dark Mocha Frappuccino copycat recipe.

Now you can enjoy the taste of Starbucks at home without the hefty price tag and with far fewer ounces of sugar and overall calories! 

Cinnamon Mocha Frappuccino Photo

Just what is a Frappuccino?

Many people wonder exactly what a Frappuccino is, so don’t worry you aren’t alone!

Frappuccino is actually trademarked by Starbucks and, more often than not, does not contain any coffee.

Most Frappuccinos are a blend of milk, sugar, flavored syrups and whipped cream blended together with ice. Coffee flavors are usually added with coffee powders rather than a shot of espresso.

Frappes, on the other hand, tend to contain instant coffee, sugar, and water and are shaken until a frothy layer is formed. Some places serve frappes that are more similar to a Frappuccino but with the addition of ice cream.

Cinnamon Mocha Frappuccino Picture

Whilst some people use the terms frappe or milkshake interchangeably, there are differences. So you may end up getting a drink completely different than you expected, depending on where you go! 

Starbucks Dark Mocha Frappuccino comes in at having nearly 3 ounces of sugar, making it a definite treat! To help cut back on sugar levels, this recipe uses a fat free chocolate syrup that you can make yourself.

You can bottle up this syrup and store it in the refrigerator to top ice cream and use in your homemade Frappuccinos. It will last for up to 6 weeks.

Dairy Free Coconut Mocha Frappe Photo
Dairy Free Coconut Mocha Frappe Photo

You can even make this a mocha sauce by replacing the water with coffee instead, perfect for topping the whipped cream you may use on your Frappuccino! 

For the following Frappuccino recipe you can use either a tablespoon of instant coffee dissolved in hot water or two espresso shots.

We prefer espresso shots as they really gives a punch of coffee flavor, but if you prefer a more subtle taste, opt for the instant coffee option.

You may also like…

Healthy Homemade Vanilla Frappuccino

Dairy Free Mocha Frappuccino

Homemade Starbucks Green Tea Frappuccino

Baskin Robbins Cappuccino Blast

Cinnamon Mocha Frappuccino Photo

Starbucks Dark Mocha Frappuccino CopyCat Recipe

Cyd Converse
Use this Starbucks Dark Mocha Frappuccino CopyCat Recipe to make your very own delicious coffee at home.
No ratings yet
Prep Time 2 minutes
Cook Time 2 minutes
Total Time 4 minutes
Servings 1 1 serving
Calories 586.14 kcal


  • 2 Strong Brewed Coffee or 1 tablespoon of instant coffee (dissolved in hot water) OR 2 shots of espresso
  • 2 Ice Cubes
  • 0.33 Chocolate Syrup
  • 0.33 Heavy Cream
  • 4 Unsweetened Cocoa Powder
  • 1 Granulated Sugar
  • 0.25 Pure Vanilla Extract


  • Place all of your ingredients into a blender and blend until smooth.
  • If you want to add some sweetness, top with whipped cream and drizzle over some chocolate syrup. 


Calories: 586.14kcalCarbohydrates: 70.33gProtein: 3.3gFat: 30.03gSaturated Fat: 18.15gSodium: 110.98mgFiber: 2.31gSugar: 48.84g
Keyword Coffee, Copycat, Drinks, Frozen Drinks
Tried this recipe?Let us know how it was!
Recipe Rating