Starbucks Mocha Frappuccino Recipe (2024)

06.20.2022 == 15 comments

Jump to Recipe Print Recipe

Do you love a cold, creamy Starbucks Mocha Frappuccino, but not the hefty price tag? This easy, delicious Starbucks Mocha Frappuccino recipe comes together in just minutes, saving you time AND money. This mocha frappe recipe has two versions – classic and a skinny option!

This post may contain affiliate links. Delightful E Made is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for us to earn fees by linking to Amazon.com and affiliated sites.

If your morning routine includes stopping by Starbucks for a mocha frappuccino, I’ve got a great way for you to save time, money and maybe even a few calories. My Starbucks Mocha Frappuccino recipe comes together in just minutes and tastes just like you got it from a barista in a green apron.

Made with simple ingredients that you likely already have at home, this simple mocha frappe needs seconds in a blender. Pour into a to-go cup and top with whipped cream for a just-like-Starbucks morning elixir.

What do I need to make a mocha frappe?

Here’s a quick-reference grocery check list of the ingredients you’ll need to make this easy mocha frappe. You can make this two ways: classic or skinny. Here are the ingredients for both options:

Classic Mocha Frappuccino ingredients:

Ice cubes
Whole Milk
Chocolate syrup (like Hershey’s)
Sugar or your preferred sweetener
Instant coffee granules or fresh brewed espresso
Whipped cream for topping (optional)

Skinny Mocha Frappuccino ingredients:

Ice cubes
Unsweetened vanilla almond milk
Unsweetened cocoa powder
Granular monk fruit sweetener or your preferred sweetener
Instant coffee granules or fresh brewed espresso
Whipped cream for topping (optional)

For exact ingredient amounts and full recipe instructions be sure to scroll down to the bottom of this post to the recipe card. Thanks!

How do I make a Starbucks mocha frappuccino?

To a blender jar, add the ice, milk, instant coffee, chocolate syrup (or cocoa powder) and sugar (or sweetener). Blend on medium-high speed for 30-45 seconds or until the ice is completely pureed and smooth.

Pour into your favorite glass and top with whipped cream and additional chocolate syrup or chocolate chips, if desired.

Helpful Tool: Blendtec Blender

I use and enjoy this Blendtec Designer Series Blender for all of my smoothies, frappuccinos and protein shakes. It has come to be a very versatile tool in my kitchen, as I make everything from blender muffins and pancakes and even nut butter with this powerful blender.

Blendtec 650 Designer Series Blender with Wildside Jar

This is the Blender I use almost DAILY! Everything from smoothies, to co*cktails, to waffle and muffin batter and even nut butter, this ultrapowerful blender creates an amazing puree every time. It’s very durable and made to last!

Get my Blendtec Blender HERE!

I also use my Blendtec to make the pumpkin foam for my Starbucks Pumpkin Spice Cold Brew recipe, Caramel Brulee Latte and my Chai Tea Latte recipe.

Ingredient Substitutions and Recommendations:

Milk: for the classic version, I list whole milk as the primary ingredient. You can substitute the milk of your choice, either dairy or plant-based milk instead of whole.
Sugar: for the classic version, I used regular granulated sugar. For the skinny version, I recommend a granular OR liquid sweetener. I use and enjoy Whole Earth granular monk fruit sweetener or Sweet Drops, Vanilla Cream liquid stevia drops. Both are great non-sugar options. Because personal preferences vary greatly, I recommend starting with a small amount of sweetener, and add more to reach your desired sweetness level.
Instant Coffee Granules: For both classic and skinny versions, using instant coffee provides a consistent coffee flavor that best matches Starbucks frappuccino recipes. This is because Starbucks uses instant coffee to make their Frappuccino recipes. Starbucks makes a Via Instant Coffee single serving packet that is great. Safeway stores also carry house blend instant coffee single-serving packet (pictured above) that has great flavor. NOTE: do not use coffee grounds, as this is NOT instant coffee. As a substitute to the instant coffee, you could also add a shot of freshly brewed espresso.

Nespresso Vertuo Coffee and Espresso Machine

Want to make both coffee AND espresso at home? This is the machine I use and LOVE. The fresh espresso is amazing and the brewed coffee tastes equally fantastic. I highly recommend!

Get the Nespresso Machine Here!

I use this Nespresso machine to make freshly brewed espresso at home. It’s fantastic for a quick and simple Iced Vanilla Latte, Iced Caramel Latte, Mocha Smoothie or a Baileys Espresso Martini.

Topping your Mocha Frappe:

Whipped cream is the most common topping for a mocha frappucino recipe. However, chocolate chips are a great addition or a drizzle of additional chocolate syrup.

If you’re making the skinny option, go light on the whipped cream, as it will quickly add calories, sugar and fat to your drink.

FAQ’s on making a Starbucks Mocha Frappuccino:

Does a Starbucks mocha frappuccino have coffee in it?

Yes, a Starbucks mocha frappucino does contain coffee. It includes coffee, espresso, a frappuccino coffee syrup, along with ice and milk.

How many calories does a Starbucks mocha frappuccino have?

A grande (medium) Starbucks mocha frappuccino has 370 calories, 51 grams of sugar and 15 grams of fat.

Does Starbucks use instant coffee in their Frappuccino’s?

Yes. Starbucks uses instant coffee to make many of their frappuccino recipes in-store.

Do all Frappuccino’s at Starbucks have coffee in them?

Many Starbucks Frappuccino’s DO contain coffee, but not all. The coffee, caramel, mocha, java chip and mocha cookie crumble Frappuccino’s contain coffee. However, the vanilla bean, strawberry and chai Frappuccino’s do not contain coffee.

Be sure to check out my Google Web Story on making this delicious Starbucks Mocha Frappuccino Recipe.

I wrote the book on smoothies…literally!

Yes, that’s right! I’m the author, photographer and creator of The Protein Smoothie Bible cookbook.

It offers simple, 5-minute smoothie recipes that are perfect for quick, healthy breakfasts, snacks, or post-workout recovery.

I’ve even got a chapter all for kids! That’s right! Simple, easy, kid-friendly smoothie recipes that will get your kids and grandkids excited about making healthy food.

Get The Protein Smoothie Bible Here!

If you loved this Starbucks frappuccino recipe, check out some of my other similar recipes:

What snacks go well with a mocha frappuccino?

Here are some of my favorite snacks and muffins that go great with a blended mocha frappe:

Starbucks Pumpkin Scones
Better Than Starbucks Pumpkin Loaf
Copycat Cranberry Bliss Bars
Copycat Starbucks Lemon Loaf
Zucchini Banana Bread
Healthy Blueberry Muffins Recipe
Healthy Chocolate Muffins
Double Chocolate Banana Bread
Purple Ribbon Banana Bread
Sugar-Free Healthy Chocolate Oatmeal Cookies
White Chocolate Chip Cranberry Oatmeal Cookies

Starbucks Mocha Frappuccino Recipe

Erin Indahl-Fink

If you love a cold, creamy Starbucks Mocha Frappuccino, you've got to try this mocha frappuccino recipe at home. This mocha frappe is made with simple ingredients and comes together quickly and easily in minutes.

Print Recipe Pin Recipe

Prep Time 5 minutes mins

Total Time 5 minutes mins

Course Drinks and co*cktails

Cuisine American

Servings 1 drink

Calories 322 kcal

Equipment

blender I use and LOVE my Blendtec Designer Series Blender! We use it daily!
Smoothie Tumbler These smoothie tumblers are fantastic for taking your smoothie on-the-go!

Ingredients

Classic Option:

1 1/2 cup ice cubes
1 cup whole milk
2 Tablespoons chocolate syrup
2 teaspoons sugar or Granular Monk Fruit Sweetener
1 1/2 teaspoons instant coffee granules or 1 single serving packet, instant coffee
Whipped cream and/or chocolate chips for topping

Skinny Option:

1 1/2 cups ice cubes
1 cups unsweetened vanilla almond milk
1 Tablespoon unsweetened cocoa powder
2 teaspoon granular monk fruit sweetener
1 1/2 teaspoons instant coffee granules or 1 single serving packet, instant coffee
Whipped cream optional topping

Instructions

To a blender, add the ice, milk, chocolate syrup (or cocoa powder, skinny version), sugar (sweetener, skinny version) and instant coffee. Blend on medium-high speed until ice is completely blended and smooth.
Pour into glass and top with whipped cream or my Homemade Cool Whip recipe and/or chocolate chips, if desired. Enjoy right away while cold.

Notes

Nutrition for Classic: 322 calories, 11.4 g Fat, 40.2 g Sugar

Nutrition for Skinny: 85 calories, 6.4 g Fat, 1 g Sugar

(MyFitnessPal calculator was used to calculate both of these versions. For exact nutrition, be sure to use a calculator that reflects the exact ingredients you are using in your frappuccino.)

Nutrition

Serving: 1drinkCalories: 322kcalCarbohydrates: 46.4gProtein: 9.4gFat: 11.4gSaturated Fat: 7.2gPolyunsaturated Fat: 10gCholesterol: 46mgSodium: 138mgFiber: 1gSugar: 40.2g

Keyword mocha frappe recipe, Starbucks mocha frappuccino recipe, mocha frappuccino recipe, homemade mocha frappuccino, mocha frappe

Tried this recipe?Let us know how it was!