Mocha Frappe - A Beautiful Mess

A frappe is a blended or whipped coffee drink that can contain different flavors and is often served with whipped cream. While they’re popular around the world, here in the US when I hear mocha frappé, I think of the McDonald’s version.

And while this is essentially a homemade version of it, I like that I can customize it a bit more to my liking.

What I love about this mocha frappé recipe is that it’s so easy and quick to make. It’s refreshing but also feels like a treat and only requires four ingredients plus whipped cream for the topping.

If you love cold coffee drinks, you should also try making an iced moka, coffee smoothie, whipped cream coffee, or learn how to make cold brew coffee.

Ingredients

Espresso – I like to freeze it in ice cubes
Crystalized white sugar – or another sweetener such as simple syrup
Milk – I like whole milk, but you can use oat milk or any other kind you like
chocolate syrup
Whipped cream as topping

How to make a mocha frappé

Freeze the espresso shots in 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. Stir everything until smooth.

Drizzle some chocolate syrup into the glass and then pour in the mocha frappé. Cover with whipped cream.

Tips and Substitutions

If you forgot or don’t want to freeze your espresso/coffee beforehand, let it cool down a bit after brewing (put it in the fridge for a few minutes). Then follow the recipe but add 6-8 ice cubes per serving. Yes, this will dilute the coffee in your mocha frappé, but it will have a similar texture and consistency and will still be delicious.
If you prefer your mocha frappé to be less sweet and more coffee-like, 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 the flavor of this frappe by using a different syrup like white chocolate or caramel.
If you want to make this dairy-free, you can easily do it by just using non-dairy milk and whipped cream.

More coffee drink recipes:

frequently asked Questions

Does a mocha frappé contain caffeine?

Yes. Typically, a frappe is made with espresso or strong brew coffee. Other types of frappe may be made with other ingredients, such as tea or juice, and may not contain caffeine.

What makes a frappe?

A frappe is a cold drink that’s typically made into a frothy, frozen drink — not as heavy as a milkshake, but similar. It is usually prepared with espresso or coffee and often topped with whipped cream.

Is mocha frappé considered coffee?

Yes, typically a mocha frappé is made with heavily brewed coffee or espresso. But other types of frappes can also be made with tea or juice, and these may not qualify as coffee.

Grab this guide to see our top 25 recipes of all time!

Get the recipes

Press

Get the recipe

a cold mixed coffee drink

yield 1

Preparation 4 protocol

Cook 1 minute

In total 5 protocol

instructions

Freeze the espresso shots in 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.
Stir everything until smooth.
Drizzle some chocolate syrup into the glass and then pour in the mocha frappé.
Cover with whipped cream.

Remarks

If you forgot or don’t want to freeze your espresso/coffee beforehand, let it cool down a bit after brewing (put it in the fridge for a few minutes). Then follow the recipe but add 6-8 ice cubes per serving. Yes, this will dilute the coffee in your mocha frappé, but it will have a similar texture and consistency and will still be delicious.
If you prefer your mocha frappé to be less sweet and more coffee-like, 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 the flavor of this frappe by using a different syrup like white chocolate or caramel.
If you want to make this dairy-free, you can easily do it by just using non-dairy milk and whipped cream.

Nourishment

nutritional information

Mocha frappé

amount per serving

% Daily Value*

*Percent Daily Values are based on a 2000 calorie diet.

Note: Nutritional values are automatically calculated using Spoonacular for your convenience. Where appropriate, we recommend using your own nutritional calculations.

Mocha Frappe – A Beautiful Mess