Skip to Content

Homemade Mocha Frappuccino

Of all the frappuccino recipes on this blog, it was extremely necessary to add a mocha frappuccino. One can even call it a mocha chip frappuccino.

My goal is to be able to make all my favorite frappuccinos from home. As much as I love to support my local coffeehouse, I want the trip to be optional.

two mocha frappuccinos in glasses

Blended coffee cravings

As the weather sneaks in a couple of nice days here and there, I instantly crave icy coffee drinks. We’ve been cleaning up the yard and it’s becoming a nice place to hang out again.

I cannot wait to show everyone what my husband made in the yard, but it’s not quite ready yet. That will have to be in another post. But, it’s going to be awfully nice to look at while sipping a cold coffee drink in a comfy seat!

ingredients for mocha chip frappuccino

Mocha frappuccino ingredients

(Exact measurements are in the recipe card below)

  • Coffee
  • Milk
  • Sugar
  • Chocolate syrup
  • Mini chocolate chips
  • Ice
  • Whipped cream

How to make a mocha frappuccino

Brew strong coffee and let cool.

coffee into blender

Pour the cooled strong coffee into your blender.

milk into coffee

Add milk or milk substitute to the blender with the coffee.

syrup into coffee

Pour in the chocolate syrup, sugar, and mini chocolate chips. Keep some syrup and chips out for the topping if you choose.

ice into blender

Add the ice to the blender.

blended coffee drink in blender

Blend into icy deliciousness.

blended drink in glasses

Pour into glasses to serve.

whipped cream on top of blended frappuccino

Top with whipped cream, chocolate syrup, and mini chocolate chips.

Serves 2-4

Lighten it up

If you’d like to make a lighter version of this drink, you can easily do so by using skim milk or another milk alternative with fewer calories.

Use sugar-free chocolate syrup, sugar-free chips, and even sugar-free whipped cream should you choose to do so.

mocha chip frappuccinos in glasses

Yum! Enjoy your homemade mocha chip frappuccino.

Yield: 2

Mocha Frappuccino Recipe

two mocha frappuccinos in glasses

Make a delicious mocha chip frappuccino at home. Even better than the coffeehouse!

Prep Time 10 minutes
Total Time 10 minutes


  • 1 cup strong brewed coffee, cooled or chilled
  • 1 cup milk
  • 2 tablespoons sugar
  • 1/3 cup chocolate syrup, plus extra for garnish
  • 1/4 cup mini chocolate chips, plus extra for garnish
  • 2-3 cups of ice
  • whipped topping for serving


  1. Add coffee, milk, chocolate syrup, and mini chocolate chips to the blender.
  2. Add ice and blend well.
  3. Pour into serving cups and top with whipped topping, chocolate syrup, and mini chocolate chips. 
  4. Serves 2-4

Nutrition Information:



Serving Size:


Amount Per Serving: Calories: 368Total Fat: 10gSaturated Fat: 6gTrans Fat: 0gUnsaturated Fat: 3gCholesterol: 10mgSodium: 112mgCarbohydrates: 66gFiber: 3gSugar: 50gProtein: 6g

Nutrition facts are an estimate only.

Did you make this recipe?

I'd love to see your recreation. Tag me in your photos!

More frappuccinos to make at home

mocha frappuccino drinks in glasses

Please subscribe to the blog for more recipes like this one.

Which coffeehouse drinks would you love to make at home?

Let me know if you try this mocha frappuccino!

Skip to Recipe