Get your caffeine fix with our Mocha Frappuccino recipe

Welcome coffee lovers! As a barista, I know how important it is to start the day with a delicious cup of coffee. And what better way to enjoy your morning brew than with a homemade mocha frappuccino? But here’s the thing, ordering from Starbucks can be expensive, and not to mention high in calories. That’s why I’ve got a fabulous recipe that you can make at home – the lite mocha frappuccino recipe!

If you’re looking for a drink that’s low in calories but still packed with flavor, then this recipe is perfect for you. Plus, with just a few ingredients and a blender, you can whip up this delicious drink in no time. Whether you’re looking for an indulgent afternoon pick-me-up or a sweet treat for thirsty Thursday, this skinny mocha frappe has got you covered.

So skip the crowded coffee shops and make your own copycat Starbucks light mocha frappuccino at home. Not only will it save you money, but it’ll also give you control over exactly what goes into your drink. Trust me when I say, once you try this recipe, there will be no going back to those calorie-laden drinks from Starbucks. So grab your blender and let’s get started!

Why You’ll Love This Recipe

Lite Mocha Frappuccino
Lite Mocha Frappuccino

Looking for a healthy and delicious way to indulge in a mocha frappuccino? Look no further than this lite mocha frappuccino recipe! Here are just a few reasons why you’ll love it:

1. Lower in calories: With ingredients like stevia and 2% low-fat milk, this drink is a great option for anyone looking to cut back on sugar and calories without sacrificing the taste of their favorite coffee drink.

2. Perfectly balanced flavors: The combination of strong coffee, unsweetened cocoa powder, and chocolate syrup creates a rich and decadent flavor that will satisfy even the biggest sweet tooth.

3. Easy to customize: Whether you prefer almond milk, nonfat milk, or something else entirely, this recipe is easy to customize to your taste preferences. Add more or less cocoa powder to suit your tastes, and adjust the amount of sugar substitute as needed for sweetness.

4. Can be made ahead of time: Whether you’re planning for thirsty Thursdays or just want to have a batch on hand for whenever the craving strikes, this lightweight mocha frappuccino recipe can easily be made ahead of time and stored in the refrigerator until ready to enjoy.

5. Perfect for summer: With temperatures starting to rise, there’s no better way to cool down than with a refreshing mocha frappe. And at only around 100 calories per serving, you can enjoy it guilt-free!

So why settle for an unhealthy Starbucks mocha frappuccino when you can make your own light mocha frappuccino at home? Try out this recipe today!

Ingredient List

 Grab a cup and let me show you how to become a barista!
Grab a cup and let me show you how to become a barista!

Before diving into this light mocha frappuccino recipe, let’s get our ingredient list ready. Below are the ingredients you will need to create a delicious skinny mocha frappe from the comfort of your own home:


  • 1 cup of strong coffee, chilled
  • 2 cups ice
  • 1/4 cup unsweetened cocoa powder
  • 2 tbsp sugar substitute (Stevia or any other brand)
  • 1 and 1/2 cups of 2% low-fat milk
  • 2 tbsp chocolate syrup

These coffee ingredients are widely available in almost every grocery store making for an easy shopping trip. However, if you prefer a dairy-free option, try using almond milk instead. Make sure to choose your milk choice wisely as it will greatly affect the consistency and creamy texture of your mocha frappuccino.

The Recipe How-To

 Chill out with our refreshing Lite Mocha Frappuccino on a hot summer day!
Chill out with our refreshing Lite Mocha Frappuccino on a hot summer day!

Put on the apron, grab the coffee beans, and let’s get started with the recipe how-to of our Lite Mocha Frappuccino. This section will provide you with step-by-step instructions on how to make this delicious coffee drink in no time.


Before making your Lite Mocha Frappuccino, gather all the ingredients that we will be using in this recipe. Make sure that you have everything ready, so you won’t have to leave in the middle of the steps. Here are the ingredients that you will need:
– 1 cup strong black coffee, chilled
– 1/2 cup unsweetened almond milk
– 2 tablespoons cocoa powder
– 2 tablespoons sugar-free chocolate syrup
– 2 tablespoons stevia or any sugar substitute
– 1 cup ice cubes


  1. Brew your coffee using Starbucks coffee or any strong coffee of your choice. Let it cool down before using for the recipe.
  2. In a blender, add in brewed coffee, unsweetened almond milk, cocoa powder, chocolate syrup, and stevia or any sugar substitute.
  3. Blend until smooth.
  4. Gradually add ice cubes and blend until totally combined.
  5. Pour into a serving glass and top it with whipped cream if desired.
  6. Serve chilled and enjoy your Lite Mocha Frappuccino.

Tip: For an extra kick of flavor add a small amount of dark chocolate mocha sauce.

Ingredients (1x)

If you will only make one serving of this light mocha frappuccino use this specific amount of ingredients:
– 1 cup strong black coffee, chilled
– 1/2 cup nonfat milk ice cubes
– ¼ cup sweetener skinny mocha syrup
– 2 tbsp sugar substitute
– 2 tbsp unsweetened cocoa powder
– 1 cup ice cubes

Ingredients (2x)

For two servings, double the amount of the ingredients
– 2 cups strong black coffee, chilled
– 1 cup unsweetened almond milk
– 4 tablespoons cocoa powder
– 4 tablespoons sugar-free chocolate syrup
– 4 tablespoons stevia or any sugar substitute
– 2 cups ice cubes

Ingredients (3x)

If you want to make this refreshing drink for a group, here’s the recipe for three servings.
– 3 cups strong black coffee, chilled
– 1 ½ cups unsweetened almond milk
– 6 tablespoons cocoa powder
– 6 tablespoons sugar-free chocolate syrup
– 6 tablespoons stevia or any sugar substitute
– 3 cups ice cubes

Enjoy and savor every sip of your homemade light mocha frappuccino while relaxing at home.

Substitutions and Variations

 Add a pop of sweetness to your day with this delicious coffee treat.
Add a pop of sweetness to your day with this delicious coffee treat.

As with many recipes, there are always ways to put your own spin on things. Here are a few substitutions and variations you can try with this Lite Mocha Frappuccino:

– Milk Choice: If you’re not a fan of 2% low-fat milk, you can easily swap it out for another type of milk, such as almond or nonfat milk. Just keep in mind that it might change the flavor slightly.

– Sweetener Choice: While I recommend using stevia as a sugar substitute, you could also use another sugar substitute of your choice or regular sugar. Just be careful not to add too much or it will no longer be a “skinny” version.

– Strong Coffee: If you don’t have brewed coffee on hand, you could use instant coffee instead. Simply dissolve 1-2 tablespoons of instant coffee in water before adding it to the blender.

– Chocolate Syrup: If you don’t have cocoa powder, you could use chocolate syrup instead. This will give the frappuccino a slightly sweeter taste and a darker color.

– Skip the Whip and Ask for More Flavor: If you prefer a stronger mocha flavor, ask for an extra pump or two of mocha sauce at Starbucks. Also, feel free to skip the whipped cream topping if you’re looking to save some calories.

Overall, this recipe is very customizable to fit your preferences. Don’t be afraid to experiment and find what works best for you.

Serving and Pairing

 Start your morning on the right foot with this energizing Frappuccino!
Start your morning on the right foot with this energizing Frappuccino!

Now that you’ve whipped up a delectable Light Mocha Frappuccino, it’s time to serve and enjoy! The best way to serve this frosty treat is to pour it into a tall glass, topped with whipped cream, and drizzle some chocolate syrup on top for an extra decadence.

There are many perfect pairings when it comes to enjoying a mocha frappe. For breakfast, try pairing it with some fruit, particularly sliced bananas or berries like strawberries or raspberries. The fruity flavors help brighten up the taste and makes for a refreshing meal or snack.

If you prefer something more filling, then pair your frappuccino with a baked good such as croissants or muffins. The buttery goodness of pastries makes for an excellent complement to the sweet and rich taste of the mocha frappuccino.

If you’re in need of something more substantial, then pair your coffee drink with a classic breakfast dish like eggs Benedict or pancakes. This pairing will make for a truly sumptuous breakfast treat that will start your day off perfectly.

For a more indulgent option, try pairing your frappuccino with dark chocolate or chocolate truffles. The combination of the bittersweet taste of dark chocolate mixed with the smoothness of the mocha frappe is pure heaven!

Overall, this Light Mocha Frappuccino is perfect any time of day all year round. Whether you’re enjoying it solo from a comforting mug at home, or sharing it over brunch with friends and family, this delicious drink has something to offer for everybody. So go ahead and indulge in this satisfyingly sweet treat while beating the heat!

Make-Ahead, Storing and Reheating

 Watch as the coffee and chocolate blend together beautifully.
Watch as the coffee and chocolate blend together beautifully.

Welcome to the make-ahead, storing and reheating section. Once you have made your light mocha frappuccino, you may wonder how to store it for later consumption without comprising on its flavors. Luckily, this low-fat mocha frappe can be refrigerated for up to 2-3 days.

To preserve the taste of the mocha frappuccino, transfer it to an air-tight container or a mason jar with a lid before placing in the fridge. Don’t forget to shake thoroughly before drinking.

When reheating your light mocha frappuccino, avoid using the microwave as it can denature the flavors of the coffee and leave it tasting bland. Instead, allow it to sit at room temperature for about 10 minutes until it reaches its standard texture.

You can even prepare your blended coffee beforehand by preparing and freezing the ingredients in advance. For example, instead of blending your 2% low-fat milk ice cubes freshly for each recipe, save some in your freezer for future use. Doing so will save time and energy during busy mornings, giving you more time to enjoy your delicious low-fat skinny mocha frappe.

In addition, you can also try experimenting with different storage options or add-ons such as dark chocolate chips or whipped cream. It is important to note that most additional ingredients when stored separately should be added at the time of serving for best results.

Take control of your diet by storing your favorite low-calorie coffee drinks such as the light mocha frappuccino and enjoy them throughout the week without having to sacrifice on their quality or taste.

Tips for Perfect Results

 Sprinkle some cocoa powder on top for a touch of elegance.
Sprinkle some cocoa powder on top for a touch of elegance.

As a barista, I know the tricks of the trade that can help make your Lite Mocha Frappuccino turn out perfectly every time. Here are a few tips to ensure your homemade Frappuccino tastes just like the copycat Starbucks version you love:

1. Use strong coffee: The key to a great Mocha Frappuccino is a strong black coffee. It helps give the drink that coffee-shop taste you crave. Make sure to use chilled, brewed coffee for the best results.

2. Blend until smooth: No one wants chunks of ice in their Frappuccino! To avoid this, blend your ingredients until they’re pureed and smooth. This will ensure a creamy and delicious beverage that’s just like the ones at Starbucks.

3. Add milk ice: Instead of using regular ice cubes, try mixing in some milk ice instead! Simply freeze your milk of choice (2% low-fat milk or nonfat milk work well) in an ice cube tray and use these in place of regular ice. This not only ups the creaminess factor, but it also adds extra flavor!

4. Adjust sweetness to taste: Everyone has different preferences when it comes to sweetness levels in their drinks. Experiment with how much stevia or sugar substitute you add to find your perfect level of sweetness.

5. Try different variations: Once you’ve got the basic recipe down pat, don’t be afraid to mix things up! You could try a Skinny Mocha Frappuccino by using unsweetened cocoa powder and sugar substitute, or even add some chocolate syrup for an extra hit of cocoa flavor.

By following these simple tips and tricks, you’ll be able to recreate that classic Starbucks Mocha Frappuccino taste right at home!


Now that we have gone through the ingredient list, instructions, and tips for making a perfect Lite Mocha Frappuccino, it’s time to address some common FAQs to help you troubleshoot any issues and gain extra knowledge about this recipe. Here are some of the frequently asked questions that might come up when preparing this drink.

What is in a light mocha frappuccino?

This delicious beverage is a refreshing blend of coffee, reduced-fat milk, sugar, cocoa, pectin, sucralose, and acesulfame potassium. For the best experience, it is recommended to give it a good shake and serve it chilled over ice.

How do you make a light Frappuccino at Starbucks?

When placing an order for coffee, it’s wise to make a few modifications to cut down on calories and adjust the fat content to your liking. One smart move would be to ask for minimal to no whipped cream, depending on the size of your drink. Additionally, you may opt for nonfat milk or non-dairy alternatives such as soy, almond, or coconut milk to further control calories and fat intake. For those who want to indulge in flavor without the additional calories or sugar, sugar-free vanilla syrup can be a great alternative to traditional syrups.

How do you order a mocha frappuccino light?

Are you looking for a way to indulge in your favorite Frappuccino without packing on the calories? Well, you’re in luck! You can ask your trusty barista for the “light” option. The light version of the coffee, caramel, mocha, java chip, and cafe vanilla Frappuccinos has 33 fewer calories than the original. Plus, you can still get the same tasty flavor you love.

Another helpful tip to consider is asking for your Frappuccino without whipped cream. Not only will you reduce the calorie count, but you’ll also be able to appreciate the drink’s sweetness just as much. So go ahead, and make these small adjustments to enjoy a lighter and guilt-free Frappuccino.

What’s in a light Frappuccino at Starbucks?

Looking for a lighter alternative to traditional coffee drinks? Check out the Mini Mocha Light Frappuccino and the Mini Java Chip Light Frappuccino from Starbucks! The Mini Mocha features a blend of mocha sauce, nonfat milk, and ice, while the Mini Java Chip adds in Frappuccino chips for an extra kick. Both clock in at under 120 calories and 20 grams of sugar, making them a guilt-free treat. Keep reading for my tips on creating the perfect light Frappuccino at home.

Bottom Line

I hope this recipe article has inspired you to create your very own Lite Mocha Frappuccino at home. With a few simple ingredients, a blender, and a little bit of love, you can enjoy a delicious and refreshing coffee drink whenever you want.

Remember that this recipe is not only tasty, but also a healthier option compared to the typical high calorie coffee drinks available at most coffee shops. By using skim milk, stevia or another sugar substitute, and unsweetened cocoa powder, you can enjoy all the flavor of a mocha frappuccino with fewer calories and less sugar.

So the next time you’re feeling thirsty on a hot summer day, why not skip the drive-thru and make your own Lite Mocha Frappuccino at home? It’s an easy and inexpensive way to indulge in a delicious coffee treat without compromising on your health goals.

Thank you for reading this article, and I hope you enjoy making and sipping on your very own Light Mocha Frappuccino. Happy blendin’!

Lite Mocha Frappuccino

Lite Mocha Frappuccino Recipe

This is a lower calorie, cheap alternative to coffee shop frappuccinos.
No ratings yet
Prep Time 10 mins
Cook Time 0 mins
Course Beverage
Cuisine Coffee
Calories 81.2 kcal


  • 1/2 cup 2% low-fat milk (or lite soy)
  • 1 1/2 tablespoons chocolate syrup (dark or milk)
  • 2 (1 g) packets stevia (or other art. sweetener)
  • 3/4 cup coffee (triple strength)
  • 2 cups ice


  • Brew coffee the night before and chill in the refrigerator.
  • Combine all ingredients in blender except ice and mix for half minute.
  • Add ice and blend until smooth.
  • *For lower calories use skim milk instead of 2%.
  • **If lactose intolerant or avoiding dairy, try lite soy instead of milk.
  • ***May choose to garnish with whipped cream or syrup swirls on top.

Add Your Own Notes


Serving: 401gCalories: 81.2kcalCarbohydrates: 12gProtein: 2.7gFat: 2.5gSaturated Fat: 1.3gCholesterol: 5.2mgSodium: 79mgFiber: 0.4gSugar: 7.8g
Keyword < 15 Mins, Beverages, Easy, Free Of..., Inexpensive, Lactose-free, Sweet
Tried this recipe?Let us know how it was!

Recommended Recipes Just For You