Your #1 Online Baking Destination!

Homemade Starbucks Mocha Frappuccino - Want to save your money and your waistline? make homemade Starbucks Frappucinos!!!

Starbucks Mocha Frappuccino

Save Recipe

Hi Bold Bakers!

Starbucks Mocha Frappuccino is my go-to Frapp. You get the boost from the coffee and at the same time satisfy your sugar craving with the chocolate. Like a lot of people Starbucks is part of my everyday routine. In the morning I go for a tall Flat White to wake me up and then on birthdays and special occasions I get a Frappuccino. The reason I reserve them for these times is because they can tend to be heavy on the caloric side. Now I’m sure you know me well enough by now to know I’m not a calorie counter, but after a few regular visits to Starbucks those calories start to add up.

So, what is the obvious solution for us Bold Bakers? We make our own from scratch that’s what! In my opinion, my Frappuccinos taste just like the real thing but without the pumps of syrups and artificial flavors. We are going all natural here so we can enjoy more and pay for it less. Our waist lines that is, not to mention our wallets.

Fun factoid, Starbucks Mocha Frappuccino is their 3rd most popular Frappuccino flavor AND Frappuccinos actually make up 20% of Starbucks total coffee sales. Crazy, I know. I wonder how much % of those sales are my purchases?

Like a lot of my recipes these are customizable to suit you. If you don’t like strawberries, use raspberries. If you don’t eat dairy use dairy-free milk like almond or soy. There really aren’t any strict rules you have to follow when it comes to these drinks. And on that note, come up with your own flavors, nothing is written in stone, get creative.

Homemade Starbucks Mocha Frappuccino, Starbucks Frappuccino, Mocha Frappuccino, Starbucks Frappuccinos,Starbucks Frappuccino, starbucks drinks, blended drinks, milkshakes, frozen drinks, starbucks

If you like this then check out my Homemade Starbucks Green Tea Frappuccino recipe and Starbucks Strawberries and Cream Frappuccino.

Sugar Substitutes, Sugar Alternatives, How to Substitute Sugar, Sugar Substitutes for Baking

4.3 from 67 votes
Starbucks Mocha Frappuccino
Prep Time
10 mins
Total Time
10 mins
Servings: 16 oz
Author: Gemma Stafford
  • 10 ice cubes
  • 1 cup (8oz/240 ml) full fat milk
  • 1 teaspoon vanilla extract
  • 3 tablespoon powdered sugar
  • 3 tablespoon Chocolate sauce
  • ¼ cup (2oz/60ml) strong brewed coffee
  1. Blend ice, milk, sugar, vanilla and cooled brewed coffee
  2. Add chocolate sauce



6 Images
Submit Your Photos
Shruthi Achut
Elise Davis
Katherine Cowgill by Teren Oddo Oct. 2015

Meet Gemma

Hi Bold Bakers! I’m Gemma Stafford, a professional chef originally from Ireland, and I’m passionate about sharing my years of experience to show you how to make game-changing baking recipes with over-the-top results! Join more than 1 Million other Bold Bakers in the community for new video recipes every week!

Have you made a recipe? Share photos on my website or across social media with the hashtag #boldbaker.

And don't miss my NEW Bold Baking recipes and tips. Sign up for my weekly email newsletter.


Write a Comment and Review

  1. Porshbaby on July 19, 2019 at 8:07 am

    I made the mocha frappucchino. I must confess, it was so yummy. I’ve never had the courage to go into Starbucks. since I live in china, Starbucks is extremely expensive. this made my evening. Thanks Gemma

    • Gemma Stafford on July 21, 2019 at 5:07 pm

      I’m delighted to hear that!!! Thanks for trying it out and letting me know :).


  2. Julie12 on June 18, 2019 at 1:03 am

    This recipe is incredible! I never had a frappuccino in my life because they were so costly and I tried these and they are so, so good. The perfect balance of chocolate and coffee! Thank you for this wonderful recipe. I really appreciate it! My friends loved it too. Can you post more frappuccino recipes?

    • Gemma Stafford on June 18, 2019 at 2:15 am

      Hi Julie,
      thank you! I am delighted you have found this recipe to your taste. Well done for sharing it too, you will be popular!
      I have a whole list here ( I hope you enjoy all of these,
      Gemma 🙂

  3. Mary love on June 6, 2019 at 1:33 pm

    I love the strawberry frac, and everything at Starbucks is expensive. I just made your recipe, and do like it. Just want more strawberry taste. I also used chocolate syrup for drizzle. Starbucks strawberry is in a box, perhaps a syrup, Any input with this?

    • Gemma Stafford on June 7, 2019 at 11:18 am

      Hi Mary,
      there is a good chance that there is a flavor enhancer in the Starbucks mix.
      Strawberry is a soft enough flavor. ( here is my recipe. What would pick up the flavor here would be additional fresh strawberries, pureed with a little powdered sugar and a few drops of lemon or lime juice. You can press this through a sieve too to remove the seeds if you wish, then swirl it through.
      I hope this is of help,
      Gemma 🙂

  4. Beth on June 6, 2019 at 12:53 pm

    I added a half teaspoon of coco powder and extra ice. Turned out great!

    • Gemma Stafford on June 7, 2019 at 11:09 am

      Beth, I am really happy to hear this, you made it your own. Thank you for letting us know,
      Gemma 🙂

  5. Sarah on May 18, 2019 at 6:47 am

    I used almond milk instead, cocoa powder instead, and granulated sugar. Turned out BOMB

    • Gemma Stafford on May 19, 2019 at 2:09 am

      Hi Sarah,
      good woman, you made this your own. Thank you for telling us about it,
      Gemma 🙂

  6. Denise Curls on May 1, 2019 at 4:55 am

    Hi! I made this as a larger batch for my three kids. It was very watery and mostly just tasted like milk.

    • Gemma Stafford on May 1, 2019 at 6:33 pm

      I’m sorry to hear that Denise. If you were to try again I would suggest maybe less milk and more mixin’s.

      Thanks for letting me know,

    • Yvonne Bunce on June 9, 2019 at 12:23 pm

      I have made this several times. While it tasted very good, mine wasn’t very thick. So in playing with it a bit I put in 1/2 cup coffee, 3/4 cup milk and closer to 18 ice cubes, it is now my favorite coffee drink. A little thicker with more coffee flavor, yummy!

      • Gemma Stafford on June 10, 2019 at 4:18 am

        Hi Yvonne,
        yummy is right, I can almost taste it!
        Thank you for adding this information here, I appreciate all the input from the bold bakers, we learn so much from each other,
        Gemma 🙂

  7. Dana on March 6, 2019 at 6:18 am

    Hey! I want to try this recipe. But…..what’s chocolate sauce?

  8. Meraru on January 12, 2019 at 2:04 pm

    Just made it! It does taste like the real thing!

    • Gemma Stafford on January 12, 2019 at 4:06 pm

      Love to hear that!!!

      Thanks for trying it out 🙂

  9. Barb on December 7, 2018 at 5:07 pm

    Love your mocha frapp video!
    I need to save money (mom of 3… and just got laid off after 16yrs at my job,, so Starbucks is definitely no longer in my budget…). ☹️
    Your instructions are super easy.

    Thank you.

    • Gemma Stafford on December 8, 2018 at 3:52 am

      Hi Barb,
      Oh dear! that is so difficult. Three kids are an expensive business. I do hope you find another job, a better one, soon.
      Thank you for your kind words, I am happy that you like this recipe,
      Gemma 🙂

  10. Corinthian on November 15, 2018 at 1:32 pm


    This recipe is awesome! It saves me the drive to Starbucks, and it is so much cheaper! When I make it, I use chocolate almond milk and instead of the strongly brewed coffee, I use my Nespresso machine to make 2 shot of espresso, and I freeze it for about nine minutes. If you ever have the chance to use a Nespresso machine, take it! Thanks for the recipe!

    • Gemma Stafford on November 16, 2018 at 3:04 pm

      I’m delighted to hear that!

  11. Jodi on November 9, 2018 at 7:02 am

    what is the recipe for strong brewed coffee water mixture?

    • Gemma Stafford on November 9, 2018 at 12:52 pm

      You can use instant coffee for this, or brew a fresh cup of coffee. For instant i use 1 teaspoon of instant coffee. Enjoy!

  12. Michael Brubaker on September 19, 2018 at 5:35 pm

    Thank you for this recipe. I would crave fraps but never could afford them as often as i like. Now i can have them whenever i want and cheaper. I used the starbucks cold coffee that you can buy in stores as my coffee base. I think i’m going to buy there pumpkin spice already made coffee, and hope it taste like there pumpkin spic frap.

    • Gemma Stafford on September 22, 2018 at 9:54 am

      Hi Michael,
      I know, these are expensive treats. I think that is a great idea, thank you for the tip. Other bold Bakers will be inspired.
      Good to have you here with us,
      Gemma 🙂

    • Ange on October 4, 2018 at 11:46 am

      Try adding this for PSL
      1/2 tsp Cinnamon
      1/2 tsp Ground Cloves
      1/2 tsp Ground Ginger
      1/4 piece Ground Nutmeg
      3 Tbsp Pumpkin Purée

      • Gemma Stafford on October 5, 2018 at 3:13 am

        Thank you Ange,
        Gemma 🙂

  13. Glynn on August 27, 2018 at 12:21 pm

    Hi! Can I add more than 1/4 cup of coffee to the recipe? Or would that be too much thank you!

    • Gemma Stafford on August 28, 2018 at 9:41 pm

      Yes you can, no problem.


  14. KirN on August 16, 2018 at 5:44 am

    Tried the mocha frap recipe and it turned out exactly as the one at starbucks!!

    • Gemma Stafford on August 17, 2018 at 4:19 pm

      Yay, I’m so glad to hear you enjoyed this recipe!

  15. Pari on July 21, 2018 at 1:54 pm

    Hi Gemma,
    I want to try this recipe. Just curious about the cream on top. Is it just simple whipped cream. Thanks for your recipes.

    • Gemma Stafford on July 22, 2018 at 3:24 pm

      Yes it’s just simple whipped cream, Pari 🙂


  16. Karen on July 5, 2018 at 10:07 am

    I’ve made my Starbucks Frappuccinos and hot drinks for years. Starbucks does sell mocha syrup mix/hot chocolate powder. It’s around$10 and makes quite a bit. I love there espresso also.

    • Gemma Stafford on July 5, 2018 at 1:16 pm

      Hi Karen,
      Thank you for this input. They do a great range of product for sure. I love a visit every now and then!
      Gemma 🙂

  17. Linda on June 12, 2018 at 2:44 pm

    Hi Gemma!
    I spend way too much moneyat Starbucks and always go for low fat and soy. Any idea of calories in your recipe?
    I’m guessing less than Starbucks. I never get the whip.
    But, need this to survive daily life. 😂

    • Gemma Stafford on June 14, 2018 at 7:05 pm

      I too get Starbucks on the daily. It part of my routine and I like it 🙂

  18. Ira on May 24, 2018 at 3:05 am

    Thanks Gemma

    Im absolutely want to make this!

    • Gemma Stafford on May 26, 2018 at 2:49 pm

      Good, I hope you do,
      Gemma 🙂

  19. Fatema on May 24, 2018 at 2:32 am

    Can I have the recipe of the chocolate sauce?

    • Gemma Stafford on May 26, 2018 at 2:57 pm

      Hi there,
      You can use my ganache recipe for chocolate sauce, or you can try this :
      (1 oz unsalted butter
      1/4 cup (2oz) full fat milk
      4 oz of dark 70%ish, cocoa solids chocolate. Proceed as per my Ganache recipe.
      I hope this helps you,
      Gemma 🙂

      • Pritha on May 29, 2018 at 12:55 am

        According to your ganache-cum- chocolate sauce recipe, how many days can I store that in refrigerator ?

        • Gemma Stafford on May 29, 2018 at 2:14 am

          Hi Pritha,
          Remember this has cream, it will keep very well for about 5 days. I would not keep it longer. Make in small amounts as you need it, fresh is best,
          Gemma 🙂

  20. Beth on March 16, 2018 at 8:59 am

    I made this, subbing a sugar-free chocolate sauce for regular, and powdered Swerve sweetener for the sugar, and it made a delicious diabetic-friendly Frappuccino! This is HUGE for me because I love Frappuccinos and even the “light” version at Starbucks has 30 or more grams of sugar. I’ve tried adapting other recipes but this one is the best! Just thought I’d share for other diabetics to enjoy. Thanks for the recipe!

    • Gemma Stafford on March 16, 2018 at 11:00 am

      Beth, thank you.
      This is such an important health issue, I am always happy to know how you manage the recipes.
      Other Bold Bakers will be really happy to hear this,
      Gemma 🙂

  21. Fahad khan on March 12, 2018 at 8:38 pm

    Hi Gemma
    How r u. I m again thanking you for your awesome recipes. Plz explain 1/4cup coffee in mocha frappuccino ?
    and also tells that if we are not using ice cream in milkshake and use ice what about its taste. Waiting for u
    Take care

    • Gemma Stafford on March 13, 2018 at 9:00 am

      Hi there,
      I am not sure what you mean!
      1/4 cup coffee, is 1/4 measure using a US measuring cup. This is equal to 2ozs/64ml.
      This is not so much a milk shake, but a frappe. It is light in taste.
      ( these are ice cream milkshakes.
      I hope this helps,
      Gemma 🙂

      • Fahad khan on March 17, 2018 at 6:57 am

        Thanks a lot

  22. Ellie on March 10, 2018 at 2:30 pm

    Hey Gemma! I changed the recipe a bit because I’m not a huge coffee fan, here is what I changed: instead of coffee I used chocolate milk. same amount and i didn’t have any chocolate syrup so I used 3 tbsp of dark chocolate and a tsp of coconut oil. it tasted amazing I just didn’t blend it enough there was still a lot of ice. but no biggy. other then that it tasted great!!! will be using this recipe again in the future.

    Would recommend.

    Thanks Gemma!!!

    • Gemma Stafford on March 11, 2018 at 5:51 am

      Wow Ellie!
      You invented your own recipe, well done, and thanks for sharing it,
      Gemma 🙂

  23. clperrault89 on January 5, 2018 at 7:29 am

    What blender do you use? My blender tends to heat to fast causing my ice to instantly melt leaving me with less of a frappe and more of a overly complicated iced coffee taste and feel.

    • Gemma Stafford on January 5, 2018 at 10:55 am

      Hi there,
      I need a really good, strong blender, and I have two. The favorite is KitchenAid Torrents blender, and the other, really good too is Cuisinart. These have strong and powerful motors, and work every time. These are expensive enough, but last a lifetime. IHope this is of help to you,
      Gemma 🙂

  24. Ismat on October 30, 2017 at 12:02 am

    Hello Gemma, I love your recipes. They are easy to follow. For the mocha frappuchino, can I use instant coffee and how much should I use? Thank you.

    • Gemma Stafford on October 30, 2017 at 4:45 am

      Hi Ismet,
      Yes, you can use an instant coffee. buy the best quality you can afford/find. Us one heaped teaspoon per portion, as you would for hot coffee. Mix with 2ozs of hot water, as per the recipe. That will do it! You can of course use a de-cafinated coffee too, or more coffee if you like. thank you for the question.
      Gemma 🙂

      • Ismat on October 30, 2017 at 8:54 am

        Thank you so much 😊

  25. Lian Arguin-Laverdière on April 19, 2017 at 7:14 am

    How much ice do we need to make it (weight)? Thank you for the recipe.

    • Gemma Stafford on April 20, 2017 at 11:57 am

      The recipes are here Lian!
      Gemma 🙂

      • Mal on May 23, 2017 at 4:21 pm

        Can I replace the full fat milk with non fat

        • Gemma Stafford on May 23, 2017 at 6:42 pm

          sure, that will work 🙂

  26. Alna on January 26, 2017 at 11:16 am

    Hey Gemma ?
    I made the mocha frappuccino and strawberries and cream frappuccino.
    As a coffee lover, I loved the mocha frappuccino more. It’s so easy and delicious.
    Love all your recipes and your channel!!??

    • Gemma Stafford on January 27, 2017 at 3:07 am

      Good, I am happy that OYU ARE ENJOYING THESE RECIPES,
      Gemma 🙂

  27. Hoor on January 23, 2017 at 5:08 am

    Hi, Gemma i am from Dubai i really liked the recipe i did it today the especially the mocha

    • Gemma Stafford on January 25, 2017 at 5:39 am

      Hi there,
      That is great, it is good to have you with us, all the way from Dubai!
      Gemma 🙂

  28. Chiko on January 23, 2017 at 3:49 am

    Hello Gemma! I am 12 years old and I think that am not supposed to drink coffee. So how can I make this recipe without coffee?

  29. Danielle Cruz on January 20, 2017 at 8:41 pm

    Hi Gemma!
    Nice recipe,I will do these when I don’t have a cold now,thanks for the easy recipe!?

    • Gemma Stafford on January 21, 2017 at 2:11 am

      Ah! poor you, I am sorry to hear that you are not feeling well.
      You should make yourself some lovely fruit smoothies, these will speed up your recovery,
      Gemma 🙂

      • cdfrenc on October 26, 2018 at 9:47 pm

        I love you and your show. Do you have a frozen cold-brew coffee recipe with mocha?

        • Gemma Stafford on October 27, 2018 at 7:21 am

          Thank you so much! Not yet on the cold brew coffee. I will add it to my list. 🙂

  30. Anna Kenward on January 18, 2017 at 8:30 am

    Hi! Gemma.

    This is my favourite Summer drink. 🙂 However do you really mean 3 tablespoons of sugar?!!! That seems an awful lot. I wondered if you meant teaspoons instead. I normally only add one or two sachets of demerera to my coffee, lol. Anyway, I am very keen to try this when the hot weather comes back round again. Many thanks for the recipe.

    Anna x

    • Gemma Stafford on January 19, 2017 at 11:38 am

      Hi Anna,
      This is what i used. remember this is powdered/icing sugar, so it corresponds to about 4 teaspoons of granulated sugar. I suggest you adjust this to your own taste, add a little and taste, then see how it feels to you,
      Gemma 🙂

  31. Danielle Kerwin on January 17, 2017 at 2:47 pm

    Next time can you make the coffee frappe, the double chocolatey chip, the vanilla bean, and the cotton candy?

    Thank you!!!!!

    • Gemma Stafford on January 18, 2017 at 7:57 am

      Hi Danielle,
      Haha! thank you for these great suggestions, I will add these to my list,
      Gemma 🙂

  32. Nidhi singh on January 16, 2017 at 12:53 am

    Oh my god . These were irresistibly good m in love with these homemade frappuccinos

    • Gemma Stafford on January 16, 2017 at 11:48 am

      Good, that is the idea!
      Gemma 🙂

    • nabeel ahmad on January 17, 2017 at 7:53 am

      are u an indian

  33. Krujuta on January 15, 2017 at 8:07 am

    Gemma tell me how many does it serve?

    • Gemma Stafford on January 15, 2017 at 11:02 am

      Ah! I would have a full one, or sometimes, I may be in clined to share it with Kevin, but not often, lol,
      Gemma 🙂

  34. Sadao on January 14, 2017 at 3:34 am

    Hi Miss Gemma I’ve learned a lot from you I would like to thank you a lot for that! BTW you are very beautiful please keep up the amazing channel and site going 😀

    • Gemma Stafford on January 14, 2017 at 11:54 am

      Thank you for your lovely comments, I am happy that you are finding my recipes useful,
      Gemma 🙂

  35. nabeel ahmad on January 14, 2017 at 1:48 am

    I am not getting Chocolate sauce
    can I use melted chocolate instead

    • Gemma Stafford on January 14, 2017 at 12:26 pm

      Check out the ganache recipe here on my website, you can thin this down a little to make a great chocolate sauce.
      Here is one just for you: 2 oz unsalted butter, 1/2 cup (4oz) full fat milk, 8 oz of dark 70%ish, cocoa solids chocolate.
      This is a great chocolate sauce, ganache, which you can thin down if you need to, or reduce if you need to to,
      Gemma 🙂

      • nabeel ahmad on January 17, 2017 at 3:09 am

        very very thank you
        now it can make this tasty dish

      • nabeel ahmad on January 17, 2017 at 3:10 am

        thank you
        now I can make this delicious drink

  36. aayra on January 13, 2017 at 3:52 am

    I tried this. It tastes great!

    • Gemma Stafford on January 13, 2017 at 1:59 pm

      Good, this is what i love to hear,
      Gemma 🙂

  37. Artes Fatimah on January 12, 2017 at 7:44 pm

    Hi Gemma, Thanks for this recipe, I love frappucino especially mocha, I will definitely try this recipe at my home this weekend. thank you so much


    • Gemma Stafford on January 13, 2017 at 2:12 pm

      I know, mee too, irresistable, I am a little addicted to this one, I do hope you enjoy it too,
      Gemma 🙂

  38. Cindy Grice on January 12, 2017 at 4:03 pm

    Hi Gemma, I asked about the double choc? Well I went ahead and tried it myself using your basic recipe only leaving out the coffee, added my own homemade syrup and adding dark choc chips. It turned out perfect except if anyone else decides to do it I’d recommend they chop up the chips first THEN add to the mixture to be blended. Mine had a few large chunks that stopped up my straw. 🙂

    Soooo easy and soooo good AND SOOOOooo cheap! Loved it!!

    • Gemma Stafford on January 13, 2017 at 2:45 pm

      Great job Cindy, that is the idea, make these recipe your own. yes, you do noeed to get the chocolate really fine, but it is a great tip, thank you,
      Gemma 🙂

Write a Comment and Review

Leave a Reply

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

Pin It on Pinterest

Share This