• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

COOKTORIA logo

  • Recipes
    • Breakfast
    • Lunch
    • Dinner
    • Vegan
    • Quick Dinners
    • Sweet treats
  • About
  • Quick Dinners
  • Nav Social Menu

    • Facebook
    • Instagram
    • Pinterest
menu icon
go to homepage
search icon
Homepage link
  • Lunch
  • All Recipes
  • Dinner
  • Side dish
  • Quick Dinners
  • Healthy Recipes
  • Comfort Food
  • About
  • Free E-Book
    • Facebook
    • Instagram
    • Pinterest
    • YouTube
  • ×

    Home » Drinks

    Starbucks Mocha Frappuccino Recipe

    Oct 12, 2021 by Tania Sheff · This post may contain affiliate links

    Jump to Recipe Jump to Video
    Bittersweet coffee, mixed with smooth chocolate and blended with milk and ice to a frozen perfection... That's right, you can make your favorite Starbucks Mocha Frappuccino at home!  ❤ COOKTORIA.COM
    Bittersweet coffee, mixed with smooth chocolate and blended with milk and ice to a frozen perfection... That's right, you can make your favorite Starbucks Mocha Frappuccino at home!  ❤ COOKTORIA.COM #frappuccino # starbucks #frappe
    Bittersweet coffee, mixed with smooth chocolate and blended with milk and ice to a frozen perfection... That's right, you can make your favorite Starbucks Mocha Frappuccino at home!  ❤ COOKTORIA.COM

    Bittersweet coffee, mixed with smooth chocolate, and blended with milk and ice to  frozen perfection... That's right, you can make your favorite Starbucks Mocha Frappuccino at home! 

    Bittersweet coffee, mixed with smooth chocolate and blended with milk and ice to a frozen perfection... That's right, you can make your favorite Starbucks Mocha Frappuccino at home!  ❤ COOKTORIA.COM

    Great news for all Starbucks Frappuccino lovers! Following my simple step-by-step instructions (or video), you can now make your favorite drink at home. Save some money and a trip to Starbucks, and make this scrumptious Mocha Frappuccino yourself. Are you in?

    I thought so. 🙂 Before we start blending, let's discuss the ingredients.

    WATCH HOW TO MAKE MOCHA FRAPPUCCINO

    COFFEE

    It's simple. We use instant coffee at Starbucks for frappuccinos. You may buy Starbucks Via Instant Coffee, or use your favorite kind. Frankly, I don't notice a difference in taste between most common instant coffee brands, so I usually buy the cheapest, like this Nescafe Clasico.

    MILK

    The best milk for making a frappuccino is whole milk. Because the recipe requires a lot of ice, skip the reduced fat or nonfat milk, so your Mocha Frappuccino will be smooth and creamy. You may even want to try using Half & Half, if you are not scared of the extra calories.

    If you prefer a dairy-free option, then Vanilla Soy Milk will work well. I have used Sweetened Almond Milk in the past, too.

    CHOCOLATE SAUCE

    My favorite ingredient! After trying so many brands, Ghirardelli Chocolate Sauce is my favorite kind. That said, you may use HERSHEY'S or Torani Chocolate Sauce, if they’re easier for you to find, or you happen to have them on hand. Psst... I am planning to try Nutella next time. It should taste great, too!

    XANTHAN GUM

    You probably didn't expect to see this ingredient here. However, it is a very important one. Xanthan gum is what makes frappuccinos smooth and binds the ice and milk together. Without it, your frappuccino would look like this:

    Just so you know, every Starbucks frappuccino has this ingredient. We use "Frappuccino Base" and it's made out of water, sugar, and xanthan gum. The good news is that it is a harmless food additive. If you’d like to find out more about xanthan gum, please check out this article:  What Is Xanthan Gum? Is It Healthy?

    Xanthan gum can be found at Walmart (baking aisle) and many other big supermarkets. Of course, you can find it on Amazon. I recommend Bob’s Red Mill Gluten Free Xanthan Gum.

    The price may seem a bit high, but when you compare the price and the amount used (¼ tsp. per drink) to the price of a Starbucks Frappuccino, you’ll realize that’s not the case. It’ll cost you about two Mocha Frappuccinos to buy xanthan gum, but you’ll be able to make over 100 of them with only one package.

    Bittersweet coffee, mixed with smooth chocolate and blended with milk and ice to a frozen perfection... That's right, you can make your favorite Starbucks Mocha Frappuccino at home!  ❤ COOKTORIA.COM

    Once you have all of these ingredients ready, it's time to do some blending. 🙂 The ingredients below will make two 16 oz. (grande) Mocha Frappuccinos.

    MOCHA FRAPPUCCINO INGREDIENTS:

    • 3 tbsp. of instant coffee
    • ½ tsp. of xanthan gum
    • 3 tbsp. of water
    • 2 cups of ice
    • 1 cup of milk
    • 6 tbsp. of chocolate sauce
    • whipped cream, to garnish

    INSTRUCTIONS:

    1. Prepare the coffee roast, by mixing the instant coffee with 2 tbsp. of water.

    preparing coffee roast for caramel frappuccino

    2. Prepare the frappuccino base by mixing the xanthan gum with 1 tbsp. of water. (It’s okay to have lumps. They’ll disappear once blended.)

    making xanthan gum mixture for caramel frappuccino

    3. Place the coffee roast, xanthan gum mixture, ice, milk, and chocolate sauce into a blender. Blend on low speed for a few seconds, then on a max speed for about 10 seconds, or until the frappuccino is smooth.

    Bittersweet coffee, mixed with smooth chocolate and blended with milk and ice to a frozen perfection... That's right, you can make your favorite Starbucks Mocha Frappuccino at home!  ❤ COOKTORIA.COM

    4. Pour into cups and top with whipped cream. You can even drizzle some chocolate sauce on top of the whipped cream, although at Starbucks, we don't do that. Enjoy!

    Bittersweet coffee, mixed with smooth chocolate and blended with milk and ice to a frozen perfection... That's right, you can make your favorite Starbucks Mocha Frappuccino at home!  ❤ COOKTORIA.COM

    More Tasty Starbucks Recipes:

    • Green Tea Frappuccino
    • Caramel Frappuccino
    • Starbucks Pumpkin Spice Latte
    • Starbucks Iced Caramel Macchiato

    Why do I share Starbucks recipes? Read my Starbucks Journey. 🙂

    Bittersweet coffee, mixed with smooth chocolate and blended with milk and ice to a frozen perfection... That's right, you can make your favorite Starbucks Mocha Frappuccino at home!  ❤ COOKTORIA.COM

    Starbucks Mocha Frappuccino Recipe

    Tania Sheff
    Bittersweet coffee, mixed with smooth chocolate, and blended with milk and ice to frozen perfection… That’s right, you can make your favorite Starbucks Mocha Frappuccino at home! 
    4.58 from 26 votes
    Print Recipe Pin Recipe
    Prep Time 7 mins
    Total Time 7 mins
    Course Dessert
    Cuisine American
    Servings 2 servings
    Calories 302 kcal

    Ingredients
      

    • 3 tbsp instant coffee
    • ½ tsp xanthan gum
    • 3 tbsp water
    • 2 cups ice
    • 1 cup milk
    • 6 tbsp chocolate sauce
    • whipped cream to garnish

    Instructions
     

    • Prepare the coffee roast, by mixing the instant coffee with 2 tbsp. of water.
    • Prepare the frappuccino base by mixing the xanthan gum with 1 tbsp. of water. (It’s okay to have lumps. They’ll disappear once blended.)
    • Place the coffee roast, xanthan gum mixture, ice, milk, and chocolate sauce into a blender. Blend on low speed for a few seconds, then on a max speed for about 10 seconds, or until the frappuccino is smooth.
    • Pour into cups and top with whipped cream. You can even drizzle some chocolate sauce on top of the whipped cream, although at Starbucks, we don’t do that. Enjoy!

    Nutrition

    Calories: 302kcalCarbohydrates: 47gProtein: 7gFat: 9gSaturated Fat: 4gCholesterol: 12mgSodium: 275mgPotassium: 588mgFiber: 2gSugar: 26gVitamin A: 200IUCalcium: 176mgIron: 1.1mg
    Tried this recipe?Leave a comment below, I can't wait to hear from you!

    If you try a recipe, please use the hashtag #cooktoria on INSTAGRAM I am dying to see what you cook!

    FOLLOW COOKTORIA ON FACEBOOK | INSTAGRAM | PINTEREST | FOR ALL OF THE LATEST RECIPES AND UPDATES.

    More Drink Recipes

    • Apple Oat Smoothie
    • Copycat Starbucks White Mocha
    • This Simple & Tasty Spinach Smoothie is made with banana, frozen mango, baby spinach, and almond milk. It is incredibly delicious and it could be easily customized to your liking. 
      Spinach Smoothie Recipe (VIDEO)
    • Red Beet Smoothie - A delicious and healthy smoothie made with bananas, beets, pineapple and yogurt. Perfect for breakfast, or as an afternoon treat.
      Red Beet Smoothie
    768 shares
    • Share

    Filed Under: Drinks, Starbucks, Sweet treats

    Reader Interactions

    Comments

    1. Michael J Farley says

      September 10, 2022 at 7:22 pm

      Nice recipe, but my wife and I thought that there was too much coffee. 3 Tablespoons of Starbuck's Instant Coffee, the medium roast that you recommend, was too much. We will try 2 Tablespoons next time. Also the Starbuck's VIA Instant coffee sells between $6.99 to $9.99 for 8 packages, and it takes over 5 packages to get 3 Tablespoons. So about $5 worth.

      Reply
      • Tania Sheff says

        September 11, 2022 at 1:33 pm

        Wow! Yes, this does sound very expensive, Michael! You can definitely adjust the amount of coffee in the frappuccino. Thanks for stopping by!

        Reply
    « Older Comments

    Leave a Reply Cancel reply

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

    Recipe Rating




    This site uses Akismet to reduce spam. Learn how your comment data is processed.

    Primary Sidebar

    SEARCH COOKTORIA

    Hello friend!

    My name is Tania. I create quick, healthy, and wholesome meals. Let's get to know each other, shall we? Read More…

    BEST HEALTHY RECIPES

    No Oil Balsamic Salad Dressing

    Apple Oat Smoothie

    Roasted Asparagus

    Easy Fajita Vegetables

    This is a simple, flavorful, and easy Baked Okra recipe. Seasoned with paprika, salt, and a pinch of cayenne, this okra makes a great snack or side dish.  ❤ COOKTORIA.COM

    Easy Baked Okra

    Ahi Tuna Steak Recipe

    More Posts from this Category

    LET'S KEEP IN TOUCH

    • Facebook
    • Instagram
    • Pinterest
    • YouTube

    POPULAR RECIPES

    Chicken Angel Hair Pasta

    Shrimp Fajitas

    Parmesan Mashed Potato Cakes

    Easy Baked Cabbage Steaks

    Baked Cod on a tray topped with breadcrumbs

    Baked Cod

    Quick & Easy Creamy Spinach Orzo

    More Posts from this Category

    Footer

    ↑ back to top

    Privacy Policy

    Privacy Policy

    Newsletter

    Sign Up! for emails and updates

    Get in Touch

    Contact

    As an Amazon Associate I earn from qualifying purchases.

    Copyright © Cooktoria LLC 2021

    768 shares