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!
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 cocktails, 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!
I also use my Blendtec for my Caramel Brulee Latte, Birthday Cake Milkshake 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!
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:
Yes, a Starbucks mocha frappucino does contain coffee. It includes coffee, espresso, a frappuccino coffee syrup, along with ice and milk.
A grande (medium) Starbucks mocha frappuccino has 370 calories, 51 grams of sugar and 15 grams of fat.
Yes. Starbucks uses instant coffee to make many of their frappuccino recipes in-store.
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.
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
Want to Save This Recipe?
Enter your email & I’ll send it to your inbox. Plus, get great new recipes from me every week!
By submitting this form, you consent to receive emails from Delightful E Made.
Starbucks Mocha Frappuccino Recipe
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
I also would never refuse good cup of coffee 🙂
These caught my eyes on the weekend retreat link party! I’ve been on an iced mocha kick but it gets so expensive! Can’t wait to try it. Pinned!
love coffee and chocolate will be making this soon pinned to my board have a great 3 day weekend and thanks for sharing
Oh my goodness these look like a dream! This would have been perfect for the back to work morning. 🙂
Trish
I would love one of these! 🙂 Thanks so much for linking up to Freedom Fridays! 🙂
Oh yummy, I could sip one of these right now 🙂 Thanks for sharing!
Great recipe – looking forward to trying it. Found you on the Sewlicious Home Decor Sat. link up – have a good weekend.
Mmmm! I love coffee but you are right about it getting so hot during the summer. Iced coffee (with extra chocolate) sounds wonderful.
Thank you so much for sharing your creativity with us at Show-Licious Craft & Recipe Party! Join us again this Saturday morning!
~ Ashley
Well, now I’m co-hosting Best of the Weekend! So glad you party over there and this tasty beverage caught my eye – pinned to our party board. Hope to see you on Friday!!
I often get cravings for a cup of coffee in the late evening. If I have to work the next day, I must refrain. So hard to do!
I love this coffee concoction, Erin! Perfect for the hot muggy days here in Florida.
Yum I only added 1 tbs of chocolate syrup and I added half cup milk half cup peppermint creamer then I had hazelnut chocolate in my freezer threw some chunks and some ice no extra sugar it tasted Devine 😍😍😍😍loved this.