Copycat Starbucks Mocha Frappuccino

filed under: Food + Drink · Miscellaneous on March 4, 2021

Copycat Starbucks Mocha Frappuccino is a caffeinated, blended beverage made with ice, espresso, chocolate syrup, and milk, topped with whipped cream. For another treat made with coffee and chocolate, try my Mocha Brownies!

Copycat Starbucks Mocha Frappuccino

Frappucinos are iced, blended drinks trademarked by Starbucks that can be made with or without coffee. This cold and refreshing drink has espresso in it, so it will give you a boost of energy from caffeine. With the added chocolate syrup, you will get that mocha flavor in every sip!

Copycat Mocha Frappuccino Recipe in Jar

Copycat Starbucks Mocha Frappuccino Ingredients

Espresso: Espresso is a concentrated form of coffee. It’s made with finely-ground coffee beans and an espresso machine that blasts boiling water through the ground coffee. It is served in shots (about 1 ounce per shot). It can be made with any kind of coffee, from light roast to dark roast. You can also buy espresso ground coffee and even espresso K-cups you can make in a Keurig coffee maker. If using regular coffee, the coffee flavor will be less intense.

Chocolate SyrupOf course, the blend of chocolate and coffee is the definition of mocha. So, make your own chocolate syrup to have on hand for this, and other recipes like my Chocolate Syrup Mug Cake.

Milk: Whole milk will give you the creamiest drink; but, you could definitely use any milk you have on hand. For a drink with fewer calories, use skim milk or 1% milk.

Whipped CreamThis drink is topped off with whipped cream, or cool whip. Make your own homemade whipped cream to use.

Ingredients for Copycat Mocha Frappuccino

How to Make a Mocha Frappuccino

To make this blended drink, first, get out your blender and the ingredients. Next, simply add the ice, espresso, chocolate syrup, milk, and sugar to the blender. Puree until smooth. Then, pour the frappuccino into two tall glasses. Finally, top the drink with whipped cream, or cool whip, and more chocolate syrup. Enjoy!

Piping Frosting on Copycat Mocha Frappuccino

Looking for More Drink Recipes?

Homemade Chocolate Milk

Ultimate Chocolate Milkshake

Frosted Lemonade

Strawberries and Cream Milk

5 from 1 vote
Copycat Starbucks Mocha Frappuccino
Prep Time
5 mins
Total Time
5 mins

Copycat Starbucks Mocha Frappuccino is a caffeinated, blended beverage made with ice, espresso, chocolate syrup, and milk, topped with whipped cream.

Course: Drinks
Cuisine: American
Keyword: Copycat Starbucks Mocha Frappuccino
Servings: 2 drinks
Calories: 372 kcal
Author: Amanda
  • 2 cups ice
  • 4 shots espresso
  • ½ cup chocolate syrup, plus extra for topping
  • ¼ cup milk
  • 3 tablespoons granulated sugar
  • whipped cream, or cool whip for topping
  1. Add ice, espresso, chocolate syrup, milk, and sugar to a blender and puree until smooth.

  2. Pour equally into two tall glasses.

  3. Top each drink with whipped cream and more chocolate syrup.

Leave a Reply

Your email address will not be published.

Recipe Rating

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


  • Azanalidza says:

    Love all the recipes

  • Denisse Corpuz says:

    Thanks for this recipe! Anyway, can I use different type of milk?

  • Patty says:

    I follow you on Facebook and earlier you posted this recipe. We got a craving tonight so I looked it up. So glad I did. Yummy and delightful. Simple and quick.

  • Teresa Jeffery says:

    Is expresso just regular coffee

    • Elizabeth Keeney says:

      Hi, Teresa! I work with iambaker and am happy to help with questions. Espresso is a concentrated form of coffee that is served in shots. I hope this helps, and have a great day!

  • Jenny says:

    What espresso maker do you have? I do not own one but would love one. I akways have espresso powder on hand though, could I use that for drinks??

  • Isabelle says:

    It might be the most stupid question ever… but how much is a shot?
    Thank you

    • Amanda Rettke says:

      Not stupid! It is 1 ounce. 🙂

  • Cindy says:

    Alternative to making it healthier, say like for a diabetic.How much stevia would you use to replace the regular granulated sugar and is that possible and still get the same reat taste. By cheeks any one know what brand coffee to use? I’m not a coffee drinker so when you put me on the aisle at the grocery store, I get overwhelmed with anxiety trying to figure out which coffee to buy! THERE’S SO MANY OPTIONS…

  • I Am Baker Logo

    Brand new recipes that people find kinda acceptable.