Mocha Frappuccino Starbucks Copycat


Share The Love!


We have lightened up the classic Starbucks mocha frappuccino. This copycat recipe is easy to make at home and is just as delicious! Our recipe has fewer calories and has no added sugar! Also, it’s dairy-free and vegan! Now that’s a win! Once you try this copycat mocha frappuccino, you will want to make it all the time. It has become Ella’s new favorite coffee drink!

Why You Will Love This Recipe

  • It is super easy and quick.
  • There is no added sugar and this recipe is vegan.
  • You only need three ingredients.
  • This recipe is lightened-up so you can enjoy it all the time!

Ingredients For Copycat Mocha Frappuccino

Ingredients For Mocha Recipe
  • Coffee: Brew a cup of your favorite coffee for this recipe and freeze it overnight in an ice cube tray.
  • Milk: Feel free to use your milk of choice in this recipe. We used unsweetened vanilla almond milk to keep this recipe vegan. Some other great options are regular unsweetened almond milk, unsweetened oat milk, or regular milk.
  • Chocolate Protein Powder: We used Orgain creamy chocolate protein powder in this recipe.

Which Chocolate Protein Powder To Use

Mocha With Protein Powder

We used Orgain creamy chocolate fudge protein powder in this recipe. I absolutely love Orgain protein powder! Most Orgain products are gluten-free, non-GMO, certified organic, and made without soy or artificial ingredients. I have partnered with Orgain and got you a great discount if you choose to buy their protein powder or any Orgain product. You can get 30% off Orgain products when you use code HEALTHYFOODIEGIRL at checkout.

How To Make This Copycat Mocha Frappuccino

First, brew the coffee and let it cool. After that, pour it into an ice cube tray and freeze it overnight.

Copycat Mocha Frappuccino Recipe

Once frozen, add the coffee ice cubes to a blender.

Frozen Coffee

Next, add the milk and chocolate protein powder to the blender.

Easy Mocha Frappuccino Copycat

After that, thoroughly blend these ingredients, pour your mocha frappuccino into a cup, and enjoy!

How To Serve It

This copycat mocha frappuccino can be served in a tall glass.


To make this mocha frappuccino the ultimate treat and just like the Starbucks version, we love adding some light whipped cream on top and some chocolate sauce. We used a dairy-free coconut whipped cream. Also, you can drizzle some chocolate sauce inside the cup before pouring the mocha frappuccino into it.

What Does It Taste Like?

This mocha frappuccino tastes like the Starbucks mocha frappuccino. However, we have lightened it up and there is no added sugar. Also, we have used coffee instead of espresso in this recipe. It tastes like an icy mocha! It is packed with creamy chocolate flavor.

How To Meal Prep This Recipe

This recipe is great because you can make as many servings as you would like. We made this a single-serve recipe so you can make it whenever you want a mocha frappuccino. Also, feel free to make more than one at a time.

I love enjoying this Starbucks copycat mocha frappuccino as my morning coffee. I love this copycat recipe so much that I like to brew and freeze extra coffee so I have frozen coffee ready to go each morning. To make extra coffee cubes, brew more cups of coffee, let them cool, and fill multiple ice cube trays.

Once frozen, you can leave the coffee cubes until you are ready to use them or remove them from the ice cube trays and place them in Ziploc bags. Just make sure to store the Ziploc bags with coffee ice cubes in the freezer until you use them. I like to do this so that I can free up my ice cube trays for something else.

More Recipes To Try Next!

Please note that some of the links on this post are affiliate links and we will earn a commission if you purchase through those links. Thank you for supporting us!


5 from 2 votes
Recipe by Shawna Course: DrinksCuisine: AmericanDifficulty: Easy


Prep time


Cooking time





We have lightened up the classic Starbucks mocha frappuccino. This copycat recipe is easy to make at home and is just as delicious! Our recipe has fewer calories and has no added sugar! Also, it’s dairy-free and vegan!

Cook Mode

Keep the screen of your device on


  • 1 CUP brewed coffee, which becomes 1 ice cube tray of frozen coffee

  • 1 CUP unsweetened vanilla almond milk or milk of choice

  • 1 scoop of chocolate protein powder, we used Orgain


  • The day before you would like to make this recipe, brew 1 cup of coffee. Let the coffee cool. Then, pour it into an ice cube tray. Fill the ice cube tray with the coffee and place the lid on the tray. Place the ice cube tray in the freezer to freeze the coffee overnight.
  • Once the coffee has frozen, remove the frozen coffee cubes from the tray and add them to a blender. Then, add your milk of choice and the chocolate protein powder to the blender.
  • Thoroughly blend the ingredients. Once blended, pour your mocha frappuccino into a cup and enjoy! Optional: Top it with light whipped cream and chocolate sauce.

Recipe Video


  • This recipe makes one serving.
  • WW Points™: 2 points
  • To see your WW Points™ in the WW app for this recipe click here! Or, please manually add the ingredients to the recipe builder.
  • Nutritional information is provided as a reference, using an online calculator. We recommend verifying the information independently. It could vary based on cooking methods and ingredients used.

Did you make this recipe?

Tag @wwhealthyfoodiegirl on Instagram and hashtag it with #healthyfoodiegirl

Like this recipe?

Follow @healthyfoodiegirl on Pinterest

Join our Facebook Group!

Follow us on Facebook

Nutrition Facts

1 servings per container

  • Amount Per ServingCalories157
  • % Daily Value *
  • Total Fat 6.1g 10%
    • Sodium 278mg 12%
    • Total Carbohydrate 12.2g 5%
      • Dietary Fiber 4.9g 20%
      • Sugars 1.8g
    • Protein 17.4g 35%

      * The % Daily Value tells you how much a nutrient in a serving of food contributes to a daily diet. 2,000 calories a day is used for general nutrition advice.

      Comments are closed.