This post may contain affiliate links.

During my junior and senior years of high school, my girlfriends and I would meet weekly before class at the Starbucks down the street from my school to sip Frapps and discuss the issues of the day (boys). This Starbucks Mocha Frappuccino recipe is a healthy, copycat version of the mocha Frappuccino I use to order every Friday.

healthy homemade Starbucks Mocha Frappuccino topped with whipped cream

Back then, I didn’t give a second thought to the nutritional value of what I was eating or drinking. As an adult, I am more aware of the ingredients I put into my body.

A few weeks ago on an especially hot day, I caught myself craving a mocha Frappuccino.

Rather than hitting the drive-thru, I decided to see if I could come up with my own healthy Starbucks Mocha Frappuccino recipe (just like I did with this Mint Smoothie that tastes just like a McDonald’s Shamrock Shake).

copycat Starbucks Mocha Frappuccino in a mason jar with whipped cream

5 Star Review

“I happened to be drinking a glass of homemade strong iced coffee when I read your post. Of course, I had to pour it straight into my Vitamix to try your recipe! It’s delicious!”

— Amy —

About This Mocha Frappuccino

The results of my Frappuccino experiment: success! This healthy Starbucks copycat recipe is:

  • Rich and chocolaty.
  • Just as refreshing as the original.
  • Made of wholesome, real ingredients.
  • Ready in less than 5 minutes (like these other quick smoothie recipes).
Healthy Copycat Starbucks Mocha Frappuccino surrounded by coffee beans

How to Make a Starbucks Mocha Frappuccino

Making a healthy, homemade mocha Frappucino couldn’t be easier. Keep some extra brewed coffee on hand in your fridge (I’ve started brewing a little extra in the morning) so you can whip one up anytime a Frapp craving strikes.

The Ingredients

  • Coffee. The coffee portion is nothing fancier than strong coffee that I brewed in my regular coffee pot then chilled in the refrigerator. Feel free to use regular or decaf to suit your preference.
  • Cocoa Powder. Unsweetened cocoa powder provides that essential chocolate flavor without adding sugar.
  • Banana. Used in place of sugary syrup, a frozen banana does a remarkable job making this Frappuccino thick, frothy, and naturally sweet.
  • Chia Seeds. These little nutritional powerhouses give the Mocha Frappuccino an extra boost.
  • Agave. Adds just enough extra sweetness to fool you into thinking your drinking the real thing.
  • Toppings. Customize your Frap just as you would at Starbucks with chocolate syrup, whipped cream, or even mini chocolate chips if you’re feeling extra indulgent.

Tip!

After a long workout, I’ll often add a scoop of chocolate protein powder and a handful of spinach to turn this mocha Frappuccino into a satisfying recovery smoothie.

This Peach Smoothie is another post-workout favorite.

Homemade Copycat Starbucks Mocha Frappuccino in a mason jar with two green striped straws

The Directions

  1. Combine all of the ingredients (except for the ice) into a blender.
  2. Blend until smooth. Then gradually add ice, blending after each addition, until the mixture becomes thick and reaches your desired consistency. ENJOY!

Make Ahead Tips

  • To Make Ahead. This mocha Frappuccino is best enjoyed immediately after its made. For a head start on the recipe, brew your coffee up to 1 day in advance and store it in the refrigerator in an airtight container.

Starbucks Mocha Frappucino

5 From 11 reviews . Help us out! Review HERE.Help out & review HERE

Prep: 3 minutes
Total: 3 minutes

Servings: 1 drink

Video

This easy copycat Starbucks mocha Frappuccino recipe is made with real ingredients so it's low-calorie while still rich and chocolaty!

Ingredients
  

  • 1 cup strong black coffee chilled
  • ½ medium banana cut into chunks and frozen
  • 2 tablespoons unsweetened cocoa powder
  • 2 tablespoons chia seeds
  • 1 tablespoon light agave plus additional to taste
  • 2 teaspoons pure vanilla extract
  • Ice
  • Optional for serving: whipped cream whipped coconut cream, chocolate shavings, chocolate syrup or mini chocolate chips

Instructions
 

  • Combine the coffee, banana, cocoa powder, chia seeds, agave, and vanilla extract in the bottom of a blender.
  • Blend until smooth, about 30 or so seconds depending upon your blender, then add a small handful of ice cubes, blending until the mixture becomes thick. Continue adding ice cubes until you reach your desired consistency (I like mine fairly thick). Pour into a glass. Garnish as desired and enjoy immediately.

Notes

  • This Mocha Frappuccino is best enjoyed immediately after its made. For a head start on the recipe, brew your coffee up to 1 day in advance and store in the refrigerator in an airtight container.

Nutrition

Serving: 1drink, without toppingsCalories: 262kcalCarbohydrates: 46gProtein: 9gFat: 7gSaturated Fat: 2gFiber: 15gSugar: 23g

Did you try this recipe?

I want to see!

Follow @wellplated on Instagram, snap a photo, and tag it #wellplated. I love to know what you are making!

You May Also Like

Free Email Series
Sign Up for FREE Weekly Meal Plans
Each includes a grocery list, budget, and 5 healthy dinners, helping you save time, save money, and live better! From time to time we’ll send you the best of Well Plated. You can unsubscribe anytime.

Erin Clarke

Hi, I’m Erin Clarke, cookbook author and the home cook behind Well Plated. I’ve helped millions of people cook healthier meals that actually taste amazing and sold over 190,000 books! I’m here to help you save time, dirty fewer dishes, and feel great about what you’re eating, without overthinking it. Welcome!

Learn more about Erin

Leave a Comment

Did you make this recipe?

Don't forget to leave a review!

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

Recipe Rating




The maximum upload file size: 5 MB. You can upload: image, video. Links to YouTube, Facebook, Twitter and other services inserted in the comment text will be automatically embedded. Drop files here