Irresistible Mocha Frappuccino Recipe!

Mocha Frappuccino with Whipped CreamIt’s so easy to make your own mocha frappuccino at home and save some money!

I don’t usually have syrups here at home to use for sweetening, so instead I use vanilla extract to add to the flavor if I’m just making a mocha frappuccino, or I use real peanut butter for a simply divine peanut butter frappuccino! You can also use cinnamon, almond extract or any other kind of extract you may have on hand.

So here’s what you’ve been waiting for!

(There are a couple affiliate links to in the recipe, but they are both products that I use or have used and highly recommend. Plus they are a pretty decent price on Amazon if you can’t find them in a grocery store)

Mocha Frappuccino Recipe

Category: Mouthwatering Frappuccino Recipes You Must Try!

Mint Mocha Frappuccino


  • ¾ cup Half & half (you can use lower fat milk too if you want.)
  • 9 ice cubes or aprox. 1 & ¼ cup
  • 1 heaping tbls Powdered cocoa-Much better than Hersheys syrup!(you can omit the cocoa if you don‘t want a mocha frappuccino) Try Ghirardelli Chocolate Sweet Ground Chocolate. That's what I use and I really like it and you can find it at the grocery store usually.
  • Sugar (if using unsweetened cocoa) start with 3 tablespoons and go from there.
  • 2 oz or 6 pumps, Any flavored syrup if you want a flavored frappuccino or flavored mocha frappuccino. Or 1-2 teaspoons of Vanilla extract or some other flavor extract.
  • 1 or 2 oz Espresso shots, (or if you’re like me and don’t have an espresso maker, you can just use strong black coffee.)


  1. Fill a 16oz cup with ice cubes just below the top of the cup and pour them into the blender.
  2. Add the cocoa powder, sugar and any flavored syrups you might be using.
  3. Pour in cooled espresso shots. You can either brew it ahead of time and cool it in the fridge, or mix fresh brewed espresso or coffee with some of the half and half and then an ice cube before pouring it over the ice in the blender.
  4. Next add the half n half or milk to the blender.
  5. Now blend for 30 seconds or until nice and smooth.
  6. Top with whipped cream and enjoy!

Nutrition Facts

Mocha Frappuccino Recipe

Serves 1

Amount Per Serving
Calories 362
% Daily Value*
Total Fat 21 32.3%
Saturated Fat 0
Trans Fat
Cholesterol 0
Sodium 97 4%
Total Carbohydrate 38 12.7%
Dietary Fiber 0
Sugars 28
Protein 6
Vitamin A Vitamin C
Calcium Iron

* Percent Daily Values are based on a 2,000 calorie diet. Your daily values may be higher or lower depending on your calorie needs.

recipe image
Recipe Name
Mocha Frappuccino
Published On
Preparation Time
Cook Time
Total Time
Average Rating
3.51star1star1star1stargray Based on 72 Review(s)


  1. Great recipe idea and alterations. May I suggest adding a few whole coffee and cocoa beans before blending?

  2. Anyomyous says

    I love this recipe I make t every singe morning!!!!!

  3. felicity says

    Very good recipe. I just added another half teaspoon of cocoa powder and 2 more sugars. Thank you.

  4. You didn’t specify, is the milk blended in the blender , or mixed in after blended?

    • Oh, wow! Thanks for catching that, I can’t believe I left that part out lol You would add the milk to the blender 🙂

      • That is what I thought, just wanted to make sure. I made this tonight, it was delicious. My wife loved it, looks like I’ll be making it quite often for her !!! Thanks for the recipe

  5. How much peanut butter would you use?

  6. I’m lactose intolerant so I will try this with almond milk which is much sweeter and flavorful thanks for this awesome recipe! Can’t wait to try it!

  7. yummy! thanks so much this really made my mouth water! making my second helping right now!

  8. Jenny Galiz says

    How many servings does this make?