Deliciously Easy Recipe: Mocha Frappé for Coffee Lovers

Do you ever feel the need for a refreshing caffeine boost during a hot summer day? Look no further, because I have just the recipe for you. The Mocha Frappé is a coffee lover’s dream come true, made with blended ice and full of rich, chocolatey mocha flavor. In this article, I will give you detailed instructions on how to make this perfect summer treat in the comfort of your own home.

But why settle for a store-bought frappé when you can make your own? Not only is it easy and quick to whip up at home, but you also have complete control over the ingredients used. You can choose your own type of coffee, milk, and even adjust the sugar content to your personal preference.

Plus, by making your own Mocha Frappé at home, you can save money while still satisfying your coffee cravings. No more overpriced trips to the local coffee shop – simply follow along with my recipe and enjoy a delicious treat whenever you please.

So, let’s grab our blender and get ready to make an icy cold Mocha Frappé that will leave you wanting more!

Why You’ll Love This Recipe

Mocha Frappé
Mocha Frappé

Let me convince you why you’ll absolutely love this Mocha Frappé recipe. There is something very special about the combination of cold, creamy milk and rich coffee, topped with whipped cream and drizzled with chocolate syrup, that makes it irresistible. This recipe will make you feel like an expert barista at home, impressing your family and friends with a delicious homemade beverage.

This recipe offers the perfect balance of sweetness and bitterness, making it a suitable choice for people who prefer sweeter drinks as well as those who prefer more bitter ones. Whether you’re in the mood for a quick pick-me-up in the morning or an indulgent treat in the afternoon, this Mocha Frappé is guaranteed to satisfy all your cravings.

This recipe is incredibly easy to customize to your liking. You can adjust the sweetness or bitterness by adding more or less sugar or coffee according to your taste preferences. You can also switch out the chocolate syrup with caramel, hazelnut, peanut butter or vanilla for a different flavour profile. Furthermore, this recipe can be easily adapted to accommodate dietary restrictions – simply swap out the full-fat milk for a vegan alternative.

Lastly, by making this Mocha Frappé at home, you won’t have to spend time waiting in long lines at Starbucks or other coffee shops for a copycat mocha frappuccino. Instead of paying high prices for commercial-style beverages, you can save money by making this easy homemade version that tastes just as good!

Overall, with its perfect blend of rich coffee and sweet chocolate flavours and endless customization options, I’m positive that this Mocha Frappé recipe will quickly become a favourite beverage treat for anyone who tries it.

Ingredient List

 The perfect drink for when you need a pick-me-up!
The perfect drink for when you need a pick-me-up!

Ingredients 1

-2 cups brewed coffee, chilled

-2 cups ice cubes

1 cup full-fat milk

2 tablespoons granulated sugar

2 tablespoons chocolate syrup

Ingredients 2

-1½ cups milk

-3⅓ cups ice

-3 tablespoons granulated sugar

-1 tablespoon chocolate syrup

Ingredients 3 (Copycat Starbucks Mocha Frappuccino)

-4 shots espresso or strong brewed coffee

-½ cups milk

-¼ cup granulated sugar

-½ cups ice

-3 tablespoons chocolate syrup

The essentials for a Mocha Frappé Recipe

Making the perfect Mocha Frappé starts with having the right ingredients. This recipe requires three sets of ingredients, which means that you’ll have options and can make variations of it depending on what you have on hand.

The first set of ingredients will be the base of your Mocha Frappé, providing the essential flavors that this drink is known for. In this set, it includes brewed coffee, milk, sugar, and chocolate syrup. Make sure to use full-fat milk as it will give your drink a creamy texture when blended together with the ice.

The second set of ingredients also includes milk and sugar but adds more ice to create a thicker and creamier consistency. Finally, if you’re up for a challenge, try making a Copycat Starbucks Mocha Frappuccino using the third set of ingredients – espresso or strong brewed coffee, milk, sugar, ice, and chocolate syrup.

The Recipe How-To

 One sip of this mocha frappé and you'll feel like you're on cloud nine.
One sip of this mocha frappé and you’ll feel like you’re on cloud nine.

Blending the Ingredients

Let’s start by preparing the ingredients for our Mocha Frappé recipe. In this first step, I’ll show you how to blend everything together. First, in a blender, add 2 cups of ice cubes and 1 cup of brewed coffee. Next, pour 1 ½ cups milk into the blender followed by 2 tablespoons of chocolate syrup and 2 tablespoons of sugar.

Blend Until Smooth

Blend until the contents are smooth and evenly blended. If you like your frappe thicker and creamier, use ice cream instead of ice cubes. Pour the mocha frappé into a glass of your choice after blending.

Whip to Perfection

Top with whipped cream as desired. It’s time to enjoy! Serve cold for best results. You can also add syrup or chocolate shavings on top of the whipped cream.

Copycat Starbucks Mocha Frappuccino

To make a copycat Starbucks mocha frappuccino, substitute the cooled coffee for strong brewed coffee combined with cooled espresso. To give your drink an extra boost, add syrup flavors like caramel and hazelnut or a little bit of Kahlua or Peanut Butter.

Now that you know how to make our Mocha Frappé recipe, you can enjoy it in the comfort of your own home!

Substitutions and Variations

 Rich, chocolatey goodness in every sip.
Rich, chocolatey goodness in every sip.

The Mocha Frappé recipe is a classic coffee beverage that can be tailored to your taste preferences. Here are some substitutions and variations that you may want to try:

1. Milk: Instead of using full-fat milk, you can use skimmed or reduced-fat milk. If you prefer non-dairy milk, almond or soy milk will make a great substitute.

2. Sweetener: The recipe calls for sugar, but you can use honey or agave nectar as an alternative.

3. Frozen Coffee: If you don’t have brewed coffee on hand, or if you’re in a hurry, you can use instant coffee or chilled coffee instead.

4. Syrup: The recipe uses chocolate syrup, but there are many flavored syrups available in stores. You can try caramel, hazelnut, vanilla, or even peanut butter syrup for a unique twist.

5. Shots: To give your Mocha Frappé an extra kick, try adding shots of espresso or Kahlua.

6. Vegan Options: For the vegans out there, swap out whipped cream with a vegan alternative and use vegan chocolate syrup instead.

7. Ice Cream: For an indulgent Mocha Frappé experience, use vanilla ice cream instead of milk and ice cubes.

Next time you make a Mocha Frappuccino blended at home, try experimenting with these substitutes and variations to find your perfect flavor combination.

Serving and Pairing

 Who needs dessert when you can have a mocha frappé?
Who needs dessert when you can have a mocha frappé?

Your Mocha Frappé is a refreshing and indulgent treat that can be enjoyed in many ways. Serve it as dessert after dinner, as a mid-day pick-me-up, or on a hot day to cool down. This frappé pairs well with sweet treats like chocolate chip cookies, brownies, or a slice of cake.

If you’re feeling adventurous, try adding some additional flavors to your Mocha Frappé. Experiment with syrups like hazelnut, vanilla, caramel, or even Kahlua for an extra kick. A spoonful of peanut butter can also add a creamy and nutty taste to the mix.

For those who prefer a smoother texture, feel free to blend in some ice cream into the recipe to create an even creamier and thicker frappuccino-like drink.

This frappé also pairs well with savory snacks like sandwiches or chips for those who prefer a less sweet pairing.

Serve your Mocha Frappé chilled and topped with whipped cream and drizzled with chocolate syrup for an impressive presentation. You can also sprinkle cocoa powder on top for an extra touch of elegance.

Regardless of how you serve it, this homemade Mocha Frappé is sure to become a go-to recipe for impressing friends and family at get-togethers or just enjoying it at home on a lazy afternoon.

Make-Ahead, Storing and Reheating

 A coffee-lover's dream come true.
A coffee-lover’s dream come true.

Now that you know how to whip up a delicious Mocha Frappé, it’s important to understand how to store and reheat it properly. Fortunately, this recipe is not only easy to make, but also simple to store and reheat for later enjoyment.

You can prepare the Mocha Frappé in advance and keep it refrigerated for up to 24 hours. Store it in an airtight container or bottle with a tight-fitting lid to keep its texture and flavor intact. Before drinking, give it a good stir or shake to combine any separated ingredients.

If you have any leftover Mocha Frappé that you want to store, simply place it in the refrigerator for up to 3 days. Be sure to cover it tightly to prevent any odors or flavors from seeping into the beverage. When you’re ready to enjoy your cold coffee goodness again, pour it into a glass and add crushed ice for an extra refreshing taste.

In terms of reheating your Mocha Frappé, this is not recommended as it can change the texture of the drink as well as affect its flavor. However, if you really must reheat it, simply pour the chilled beverage into a microwave-safe container and heat on low power at 30-second intervals until warm. Stir between each interval and be careful not to overheat or burn the mixture.

By following these easy tips for storing and reheating your Mocha Frappé, you can indulge in this sweet and creamy treat anytime you feel like it!

Tips for Perfect Results

 The perfect balance of coffee and chocolate.
The perfect balance of coffee and chocolate.

Making the perfect Mocha Frappé can be a bit tricky, as it requires precise measurements and attention to detail. I’ve compiled some expert tips to help you make the best version of this delicious iced coffee beverage every time.

1. Use full-fat milk for a creamier frappé.

Using full-fat milk instead of lower-fat alternatives will add richness and extra flavor to your Mocha Frappé. The fat content in the milk gives your drink a smooth and velvety texture, which is essential for a delicious frappé.

2. Brew strong coffee for a robust flavor.

To get the best Mocha Frappé experience, use a strong brew of coffee. This will give your drink a rich and bold flavor that pairs perfectly with the chocolate syrup and whipped cream.

3. Don’t skimp on the ice.

A good Mocha Frappé needs plenty of ice to make it thick and creamy. Use at least two cups of ice cubes in your blender to achieve the perfect consistency. If you prefer a thinner consistency, add less ice cubes accordingly.

4. Sweeten and flavor your frappé to taste.

Use 2 tablespoons of sugar per cup of milk when making the base for your Mocha Frappé recipe. However, you may adjust according to your desired level of sweetness. The addition of chocolate syrup or vanilla extract will also enhance the flavor of your frappé.

5. Get creative with different variations.

While the classic Mocha Frappé recipe is delightful on its own, there’s no harm in experimenting with different variations such as adding flavors like caramel, hazelnut, salted caramel, or peanut butter if that’s what you’re into!

6. Garnish appropriately

A good garnish takes this beverage from tasty to outstanding! Top off your creation with whipped cream or even chocolate shavings for added indulgence and finesse!

With these tips and recommendations, you are sure to have a perfect Mocha Frappé every time. Go ahead and try these out and see for yourself!


As a barista, I have had quite a good deal of experience serving and dealing with various coffee recipes for customers who visit my establishment. Throughout my interaction with my clients, I realize that people have queries about the different beverages available, and the mocha Frappé is not an exception. That’s why I’ve included this FAQ section to answer questions that may come up as you make your Mocha Frappé at home. Here are some of the most commonly asked questions about this recipe.

What are the ingredients in a mocha frappuccino?

The concoction that creates a Starbucks Mocha Frappuccino consists of a blend of ice, whole milk, coffee Frappuccino syrup, coffee, mocha sauce, whipped cream, and vanilla syrup.

What is the difference between a mocha and a frappe?

When it comes to coffee drinks, there are a few different types that are worth knowing about. For instance, you might come across a Frappe, which tends to be made with ingredients like ice cream, milk, syrup, and coffee. A Latte is another option, one that is made up of equal parts milk and Espresso. And then there is the Mocha, which features chocolate in addition to the Espresso and milk. These drinks might sound simple, but there are plenty of tips and tricks to making them just right.

What is the difference between a frappe and a frappuccino?

In the past, a frappe was created by mixing instant coffee, ice, milk, and water, which produced a frothy and refreshing beverage that could be savored with a straw. On the other hand, a Frappuccino incorporates brewed coffee into the recipe to impart a different flavor profile to the drink.

What defines a Mocha Frappé?

If you’re looking for a sweet and refreshing coffee drink, a Mocha Frappe might be right up your alley. This delectable beverage is a blend of coffee, chocolate, sugar, ice, milk or ice cream, and whipped topping. It’s no wonder why this popular drink is enjoyed by so many!

Does a Mocha Frappé have ice cream?

A refreshing beverage to satisfy your taste buds is a mocha frappuccino that consists of a combination of chocolate syrup, chilled coffee, smooth vanilla ice cream, and ice blended together.

What is in a McDonald’s coffee frappe?

When it comes to the irresistible taste of Coffee Frappé, you can trust that only the finest 100% Arabica beans are used. The blend is expertly concocted with a creamy dairy base, combined with freshly blended ice to make for a deeply refreshing and satisfyingly sweet experience from the start to the finish. Enjoy this delectable beverage with the peace of mind of knowing that it contains no artificial flavors or colors.

Bottom Line

In conclusion, the Mocha Frappé recipe is a perfect way to indulge in the comfort of creamy cold coffee with a chocolate-y twist. The combination of chocolate syrup, coffee, and milk blended together with smooth ice cubes is every caffeine-enthusiast’s dream. Adding whipped cream on top of the frappé gives it the perfect touch for those warm summer days when you need something refreshing to beat the heat.

With this recipe, you can experience the same delicious taste, texture, and aroma as any store-bought Mocha Frappuccino or blended coffee drink. Plus, you will have complete control over your drink’s ingredients and sweetness level. Additionally, our recipe provides various substitution ideas to make this drink a bit healthier or cater to your personal preference.

Last but not least, making a homemade Mocha Frappé means saving you money while still providing a quality beverage without leaving your house. No need to stand in long lines at coffee shops or settle for instant coffee in the mornings. Give this recipe a try and see why it is worth every ingredient and effort – one sip and you’ll feel as if Starbucks just arrived at your doorstep!

Mocha Frappé

Mocha Frappé Recipe

Plan ahead this needs to freeze for a minimum of 3 hours. These amounts will give you about 3 cups, you can double if desired, if you do not have enough ice cube trays the mixture can just be frozen in a freezer-safe dish but you will have to chop the mixture up into smaller pieces in order to process, using ice cube containers makes it much easier! This is great to serve to dinner guests just remove from freezer, process and serve! Serve this in large heavy glass mugs and freeze the mugs firstly, so they are frosty!
No ratings yet
Prep Time 3 hrs
Cook Time 0 mins
Course Beverage
Cuisine Coffee
Servings 3 cups (approx)
Calories 172.7 kcal


  • 3 tablespoons coffee
  • 1 cup water
  • 4 -6 tablespoons sugar (or to taste)
  • 1 tablespoon full-fat milk
  • 1 1/4 cups full-fat milk
  • 2 tablespoons chocolate syrup
  • whipped cream or cool whip frozen whipped topping, thawed
  • chocolate shavings (optional)


  • Brew the 3 tablespoons coffee with 1 cup water.
  • Add in 1 tablespoon milk and sugar to taste; mix well; cool slightly or to room temperature.
  • Pour into ice cube trays and freeze for a minimum of 3 hours or until firm.
  • In a blender process the coffee ice cubes with 1-1/4 cups full-fat milk and the 2 tablespoons chocolate syrup; place into 2 tall glasses and dollop with whipped cream.
  • Sprinkle with chocolate shavings if desired.
  • Serve immediately.
  • Delicious!

Add Your Own Notes


Serving: 717gCalories: 172.7kcalCarbohydrates: 29.5gProtein: 4gFat: 4.6gSaturated Fat: 2.5gCholesterol: 10.9mgSodium: 87.3mgFiber: 0.3gSugar: 26.5g
Keyword < 4 Hours, Beginner Cook, Beverages, Easy, Freezer, Healthy, Low Cholesterol, Low Protein, Small Appliance, Smoothies, Summer
Tried this recipe?Let us know how it was!

Recommended Recipes Just For You