Mocha Frappuccino

5 from 1 vote
Jump to RecipeJump to Video

This post may contain affiliate links. Please read our disclosure policy.

Today I am sharing how to make your own Mocha Frappuccino at home. No need for Starbucks when you can make this easy copycat recipe with just a few simple ingredients.

Love a Starbucks copycat recipe, be sure to try Vanilla Bean Frappuccino, Caramel Frappuccino and Caramel Latte

Frappuccino in glass

Some mornings I don’t want to get out of my pajamas to go to the coffee shop so I started making my own specialty drinks at home. It is way more cost effective and the taste is great!

Mocha Frappuccino is what my daughter orders every time we make a trip to Starbucks so I knew that we had to come up with a copycat version for her. After taking one sip of this she gave two thumbs up and declared it tastes just like what she orders. 

What is a mocha frappuccino?

Starbucks trademarked the name frappuccino. It’s a line of their blended ice coffee drinks. The mocha version has chocolate syrup, coffee. milk and ice.

Does it have coffee?

Yes, it has coffee or espresso so this drink does contain caffeine. The beauty of making it at home is that you could use decaf coffee. 

What does it taste like?

If you enjoy chocolate, you will love this frappuccino. It tastes like a icy milk shake with a hint of coffee. 

Ingredients needed

Ice – Ice gives this coffee drink it’s frozen 

Coffee – If you bought this at Starbucks, they typically use their Frappuccino Roast coffee for the base. I am using strong cold coffee. Feel free to use what you like best just make sure it’s cold. 

Milk – Feel free to use milk or half and half. 

Sugar – This will add a little extra sweetness to the drink. Depending on your taste you could leave this out or even add another teaspoon for extra sweetness.

Chocolate syrup – This is what puts the “mocha” in this frappuccino. 

Whipped cream – This ingredient is optional but I would recommend using it to top the drink. 

How to make mocha frappuccino

Scroll to the bottom for full printable recipe, ingredients and video. 

  1. Blend: Add ice, milk, coffee, sugar and chocolate syrup to blender. Blend until combined and ice is crushed.
  2. Serve: Pour in a glass and top with whipped cream and chocolate syrup. 

Blender with ice, coffee, milk, chocolate syrup, sugar

Recipe tips

  • If you would like to make more than one serving, double the recipe.
  • If you would like your drink a little stronger, add extra coffee and less milk.  

How to thicken a frappuccino

Starbucks uses a base that makes their drink a little thicker. You could possible add a small scoop of ice cream or even 1/4-1/2 package of chocolate pudding mix. 

frappuccino in glass

More delicious drink recipes

*** If you made this recipe, please feel free to leave a comment and star rating below. 

Mocha frappuccino in a glass
5 from 1 vote

Mocha Frappuccino

By Heather
Starbucks Mocha Frappuccino copycat recipe
Prep: 5 minutes
Total: 5 minutes
Servings: 1


  • 1 1/2 cups ice
  • 1/2 cup strong cold coffee
  • 1/2 cup milk or half and half
  • 1 tablespoon sugar
  • 1/4 cup chocolate syrup
  • whipped cream optional


  • Place ice, coffee, milk, sugar, and chocolate syrup in blender. Blend until ice is crushed.
  • Pour in glass and top with whipped cream. Serve immediately.


YouTube video


Calories: 331kcal | Carbohydrates: 67g | Protein: 6g | Fat: 5g | Saturated Fat: 3g | Cholesterol: 12mg | Sodium: 127mg | Potassium: 387mg | Fiber: 2g | Sugar: 55g | Vitamin A: 198IU | Calcium: 159mg | Iron: 2mg

Nutrition information is automatically calculated, so should only be used as an approximation.

Additional Info

Course: Drinks
Cuisine: American
Like this? Leave a comment below!


Thank you for visiting Food Lovin’ Family! With 3 kids I know it can be hard getting food on the table. Here you will find easy and delicious recipes that the whole family will enjoy.

Leave a comment

Your email address will not be published. Required fields are marked *

Recipe Rating


  1. This sounds like such an awesome drink! I can imagine so many people would love to grab a cup and sitback and relax.

  2. What a graet idea to make the mocha frapucinno instead. Cheaper and slightly healthier 🙂 Thanks for sharing the recipe.

  3. I like learning how to make my favorie coffee shop drinks at home. It is wonderful to be able to have your favorite drink at home when you want it, just the way you want it.

  4. I only started drinking coffee a year ago, and haven’t had a lot of iced coffee, but this looks like something I would love!

  5. I never knew Frappacino was trademarked. Your version does look amazing so i will have to make this for myself and my daughter who loves Starbucks drinks.

  6. 5 stars
    Oh girl. I love these and I didn’t need to know the recipe because I am making one of these today, tomorrow and forever!!!!! 🙂