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, Cappuccino, 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:
- How to Make an Affogato
- Pumpkin Spice Syrup Recipe – when you want a fall-flavored frappe
- Homemade Frappuccino
- How to Brew Coffee in an Aeropress
- How to Brew Coffee in a Chemex
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.
Get our FREE recipe guide with our most popular recipes of all time!
Free Popular Recipe Guide
Our top 25 recipes of all time!
Get the Recipe
Ingredients
- 2 shots espresso
- 1 tablespoon granulated white sugar
- ½ cup milk
- 1 tablespoon chocolate syrup
- ½ cup cream (whipped)
Equipment
- Blender
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
Notice: Nutrition is auto-calculated, using Spoonacular, for your convenience. Where relevant, we recommend using your own nutrition calculations.
I’ve made way too many of these recently. Lol. Dangerously good.
Looks so good! I love the ice cube tip.