A frappe is a blended or whisked coffee drink that can include different flavors and is often served with whipped cream. While they are popular all over the world, here in the USA when I hear mocha frappe, I think about the McDonald’s version.
And while this is essentially a homemade version of that, I like that I can customize it a bit more to my preferences.
What I love about this mocha frappe recipe is it’s SO easy and quick to make. It’s refreshing but also feels like a treat, and it only requires four ingredients plus whipped cream for the top.
If you love cold coffee drinks, you should also try making an Iced Mocha, Coffee Smoothie, Whipped Coffee or learn How to Make Cold Brew Coffee.
Ingredients
- Espresso – I like to freeze it into ice cubes
- Granulated white sugar – or another sweetener like simple syrup
- Milk – I like whole milk, but you could use oat milk or any kind you like
- Chocolate syrup
- Whipped cream for the top
How to Make a Mocha Frappe
Freeze the espresso shots into ice cubes. My espresso machine makes 3-4 ice cubes per shot. And I usually use 6-8 frozen espresso cubes (2 shots) for one serving.
You can also freeze very strong coffee if you don’t want to use espresso.
In a blender, combine the frozen coffee, sugar, milk, and chocolate syrup. Blend until smooth.
Drizzle a little chocolate syrup into the glass, and then pour in the mocha frappe. Top with whipped cream.
Tips & Substitutions
- If you forgot or don’t want to freeze your espresso/coffee ahead, allow it to cool some after brewing (pop it in the refrigerator for a couple minutes). Then, follow the recipe but add 6-8 ice cubes per serving. Yes, this will dilute the coffee in your mocha frappe, but it will have a similar texture and consistency and will still be delicious.
- If you like your mocha frappe less sweet and more on the coffee side of flavor, feel free to omit the sugar in this recipe. Sometimes the only sweetener I add is the chocolate syrup and I think it’s great.
- You can easily change up the flavor of this frappe by using a different syrup like white chocolate or caramel.
- If you’d like to make this dairy-free, you easily can by simply using a dairy-free milk and whipped cream.
Other Coffee Drink Recipes:
Frequently Asked Questions
Does a mocha frappe have caffeine in it?
Yes. Typically, a frappe is made with espresso or strongly brewed coffee. Other types of frappe can be made with other ingredients like tea or juice and those may not contain caffeine.
What makes a frappe?
A frappe is a cold drink that is usually blended to create a foamy frozen drink—not as heavy as a milkshake but similar. It’s usually made with espresso or coffee and is often topped with whipped cream.
Is mocha frappe considered coffee?
Yes, typically a mocha frappe is made with strongly brewed coffee or espresso. But other types of frappes can be made with tea or juice and those may not be considered coffee.
Grab this guide to see our Top 25 Recipes of all time!
Free Popular Recipe Guide
Our top 25 recipes of all time!
Get the Recipe
a cold blended coffee drink
Instructions
-
Freeze the espresso shots into ice cubes. You can also freeze very strong coffee if you don’t want to use espresso.
-
In a blender, combine the frozen coffee, sugar, milk and chocolate syrup.
-
Blend until smooth.
-
Drizzle a little chocolate syrup into the glass, then pour in the mocha frappe.
-
Top with whipped cream.
Notes
- If you forgot or don’t want to freeze your espresso/coffee ahead, allow it to cool some after brewing (pop it in the refrigerator for a couple minutes). Then, follow the recipe but add 6-8 ice cubes per serving. Yes, this will dilute the coffee in your mocha frappe, but it will have a similar texture and consistency and will still be delicious.
- If you like your mocha frappe less sweet and more on the coffee side of flavor, feel free to omit the sugar in this recipe. Sometimes the only sweetener I add is the chocolate syrup and I think it’s great.
- You can easily change up the flavor of this frappe by using a different syrup like white chocolate or caramel.
- If you’d like to make this dairy-free, you easily can by simply using a dairy-free milk and whipped cream.
Nutrition
Nutrition Facts
Mocha Frappe
Amount per Serving
% Daily Value*
* Percent Daily Values are based on a 2000 calorie diet.
Notice: Nutrition is auto-calculated, using Spoonacular, for your convenience. Where relevant, we recommend using your own nutrition calculations.
