Skip to content

Healthy Starbucks Mocha Frappuccino

    Once you see how easy it is to make a rich and creamy Starbucks Mocha Frappuccino at home you’ll never miss the fat and calories you’re saving.

    Healthy Mocha Frappucino Recipe 3 glasses

    Coffee and chocolate are a flavor match made in heaven which is why it is no surprise that the Starbucks Mocha Frappuccino is so popular. Cool, creamy, rich and chocolately – what’s not to love?

    Liz Making Frappucino
    Liz Pouring Mocha Frappucino

    Confession: I’ve never actually ordered a Frappuccino at Starbucks before. While there are many unhealthy foods I can’t resist, Frappuccinos fall into my “off limits” category which means I never order them.

    Skinny Mocha Frappucino Recipe

    The same can be said for a McDonald’s Big Mac, General Tso’s Chicken at a mall food court or a donuts from Dunkin’ Donuts.

    Healthy Mocha Frappuccino Recipe and Calorie Comparison - The Lemon Bowl

    It all goes back to my 80’s childhood during the fat-free craze followed by my overweight adolescence in the 90’s/00’s. I didn’t grow up eating these heavy foods so to eat them now would pretty much be a guaranteed stomach ache.

    Healthy Mocha Frappucino Recipe

    Psychologically, consuming them would immediately bring me to a dark place so for these reasons, I avoid them.

    Liz Garnishing Mocha Frappucino

    The fact is, I’ve worked too hard to achieve weight loss success and I’ve also learned a lot about making smarter food choices over the years. By using ingredients I can pronounce such as cocoa powder, half and half, and strong coffee plus a few drops of my favorite chocolate stevia, I end up with a frothy, decadent frozen drink that is sheer perfection.

    Frequently asked questions:

    What if I don’t have liquid stevia?

    If you don’t have liquid stevia, honey or pure maple syrup work just as well.

    Can you make these drinks ahead of time?

    Yes, they last up to 1 month in the freezer. Put into individual freezer-safe cups with lids before freezing for convenience.

    What other flavors can I make?

    Substitute chocolate stevia for regular, and omit the cocoa powder and you have a vanilla frap. Add crushed peppermints for a peppermint mocha, swap for white chocolate, or toasted coconut shavings.

    Homemade Starbucks Mocha Frappucino Recipe

    Your straw is waiting.

    Healthy Mocha Frappucino Recipe 3 glasses

    Healthy Starbucks Mocha Frappuccino

    4.42 stars average
    Frothy chocolate and coffee perfection – this healthy knock-off of the Starbucks mocha frappuccino has all the flavor, none of the guilt.
    PREP: 5 mins
    TOTAL: 5 mins
    Servings: 2


    • 2 cups strong brewed coffee (chilled)
    • ¼ cup half and half (or almond milk)
    • 2 tablespoons cocoa powder
    • 1 tablespoon maple syrup
    • 1 teaspoon vanilla extract
    • 1 pinch sea salt
    • ice
    • whipped cream and dark chocolate shavings (optional garnish)


    • Combine coffee, half and half, cocoa powder, vanilla, maple syrup and salt in a blender. Puree until smooth about 30-60 seconds. Add a scoop or two of ice and puree for additional 45-60 seconds on high.
    • Pour into a glass and garnish with whipped cream and dark chocolate shavings.


    For a thicker consistency, add more ice.
    Stevia has no calories so if you swap with honey or another sweetener please note that the calorie total will increase a bit.


    Serving: 1glassCalories: 78kcalCarbohydrates: 9gProtein: 2gFat: 4gSaturated Fat: 3gPolyunsaturated Fat: 0.2gMonounsaturated Fat: 1gCholesterol: 11mgSodium: 25mgPotassium: 251mgFiber: 2gSugar: 6gVitamin A: 107IUVitamin C: 0.3mgCalcium: 51mgIron: 1mg

    SHOW AND TELL ON INSTAGRAM!Show me your creation and rate it below! Mention @thelemonbowl or tag #thelemonbowl! I would LOVE to see!

    Want more delicious drink recipes? Check out my Pinterest board!


    Liz DellaCroce

    Liz Della Croce is the creator and author of The Lemon Bowl, a healthy food blog. Since 2010, Liz has been sharing delicious recipes that just so happen to be healthy. By using real ingredients with an emphasis on seasonality, Liz has built a growing audience of loyal readers who crave good food for their families. Click Here To Subscribe to my newsletter:


    1. This was delicious! I’ve been making an iced mocha version for a while, but I loved this blended version (the vanilla was a superb addition). I used whole milk instead of half and half and 1/2 tbsp of sugar. I think the key is using good cocoa powder – I use extra dark cocoa powder from Amazon. My only problem was that the drink kept separating (the drink and the ice) – any tips on having that not happen? Thanks for the recipe!

      1. Oh I’m so glad you loved it!! The vanilla really is a great complement to the cocoa and I agree with you on high quality cocoa. If you’re looking for the drink to keep from separating, one tip is to add a pinch of xanthan gum. It’s a bit pricey so I rarely have it on hand but if you’re looking for the drink to keep from separating I’ve read it works well! I’ve also heard of people using powdered pectin – the stuff used when making jams or jellies. I hope that’s helpful!

    2. Glad you made this over as I had a number of the ones at Starbucks and they are to die for! Literally…. too many of those in life and I would die from a fat attack!

    3. Have you tried this with fat-free half-and-half, Liz? That would make it even healthier–but would the texture and taste be the same?

      1. Thanks for the prompt reply, Liz, and education! I will read my labels carefully before buying fat-free in the future! And 1/4 cup of half and half, for 2 servings, is not much fat. Besides, we all need a little fat in our diets.

    4. thanks ! This sounds yummy!!
      I have to confess that I go to Starbucks regularly. Im actually sitting in one right now !! My fav is Grande light coffee frappuccino w sugar free hazelnut (or vanilla or caramel syrup. Its under 200 cals and artificial sweetener be damned. lol! I love this, tastes great & lets me think im having a high calorie ice cream treat !!!
      It does get a bit pricey so will have to make your version for a lot less money !!!

    5. YUMMY! This is so similar to how I make my iced coffee in the summer. I do recommend using full cream, it makes it taste like ice cream! I suppose that adds calories but it’s low carb and sugar-free still! :)

    6. Oh YUM! I have everything to make this, including a chocolate honey. Liz, you never cease to amaze me with your better versions of decadent recipes!

      1. Oooo I love a good iced latte!!! I also love the passion fruit iced tea unsweetened…ok you have me craving Starbucks! :)

        1. Do you happen to know the calorie / sugar / carb count in a Venti low fat, sugar free mocha frappacino from Starbucks? I just put another $25 on my Starbucks app and drink at least one if these a day. Dying to try your recipe.

    7. mm mm mm When I was in college I drank Starbucks every single day and then I got a job there and probably drank it 2-3 times a day. I will admit that I LOVE Starbucks, but making them at home (and ones that are better for me) would be 100% better!

    8. I absolutely love this, Liz! Such a great guilt-free treat. In high school and college I had no problem throwing back fraps on a regular basis. I probably haven’t had one in 10 years….it just feels like a lot of empty calories that I can’t justify. If I’m gonna splurge, pass me an ice cream cone :)

      1. “Throwing back fraps” – I LOVE THAT PHRASE!! I work remotely from my Starbucks a lot and I always see skinny kids sucking them back like candy. Oh to be young. :)

    9. Maegan @ The BakerMama

      You made my morning! I love Mocha Frappuccinos in the summer, but they are way too expensive and unhealthy to drink everyday. I can’t wait to try your healthy homemade version!

    10. Liz, I love this. Every time I walk into a starbucks (which is rare, but still) I stand there at look longingly at the Frap board, then remind myself I’d rather have a milkshake…and that $6 the frap would set me back. So excited to see this recipe–my wallet (and my waistline) thank you!

    11. this is awesome! I occasionally order the “light” mocha frap from starbucks, but I love the idea of making your own and knowing exactly what goes into it. so many calories, fat grams, and sugar grams saved — not to mention $$! Mmm can’t wait to try :)

      1. I know – the light drinks are tempting but often that means they are made with even more chemicals/artificial sweeteners. I hope you enjoy this version!!

    12. Funny, I don’t go for donuts either – not worth the calories in my opinion! I don’t order the fancy drinks at Starbucks anymore for the same reason (I used to be a sucker for pumpkin spice latte & I always have a dilemma with the artificial sugar free options). The calories in those drinks are a killer!! I can’t wait to try this, I’ve been wondering about those flavored stevia drops, I saw them at my health food store, will pick up chocolate next time! :)

      1. I feel the same way!! I remember in college I would get caramel macchiatos all the time. Now that I’ve lost the weight I just can’t go there mentally. The stevia drops are a life saver!! You can buy them all on amazon (link in the recipe) if you don’t have a store near you that sells them. That’s usually what I do since I hate shopping with the little one – hahah.

    Leave a Reply

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

    Your feedback is important to us. Rate what you thought of this.

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