Are you a coffee lover constantly on the hunt for new and delicious ways to enjoy your caffeine fix?

Look no further because today, I’m sharing an easy and mouth-watering recipe for a mocha Frappe that you can whip up in no time right at home.

Quick Answer: What is a mocha Frappe?

A mocha Frappe is a cold coffee drink originating in Greece. It is made by adding together instant coffee, cold water, milk, sugar, chocolate syrup, and ice.

Mocha Frappe: Quick & Easy Recipe to Try at Home

So read on for my quick and customizable recipe that you and your family are sure to love on sweltering summer evenings.

What is a mocha Frappe?

As mentioned above, a mocha Frappe is a refreshing coffee drink. It’s made with the Greek Frappe as the basis, which includes instant coffee, water, sugar, and ice.

This version uses chocolate syrup as an extra sweetener. You may also include whipped cream on top for added sweetness, which is why making this recipe at home is so much fun!

Homemade mocha Frappe.

This popular chilled beverage has become a favorite among coffee enthusiasts for its smooth and rich blend of espresso, milk, and chocolate flavors.

Whether it’s a hot summer day or just an afternoon pick-me-up, this homemade mocha Frappe will satisfy all your cravings with its creamy texture and irresistible taste.

What does a mocha Frappe taste like?

The taste of a mocha Frappe is rich and velvety, with a strong coffee flavor balanced out by the sweetness of chocolate.

Depending on the additional ingredients you are going to use, it may also have hints of caramel or vanilla.

Overall, a mocha Frappe has a smooth and indulgent taste that combines the boldness of coffee with the sweet notes of chocolate.

Which ingredients are needed for this recipe?

To make a mocha Frappe at home, you only need a few ingredients:

  • Instant coffee (Nescafe is preferred)
  • White granulated sugar
  • Chocolate syrup
  • Whipped cream
  • Milk of choice
  • Cold water
  • Ice cubes
All of the ingredients needed to make a mocha Frappe at home.

As this mocha version is based on the Greek Frappe, it has almost the same ingredients.

To make this drink extra tasty, chocolate syrup and whipped cream are added.

You can also experiment with different variations by adding flavors like vanilla extract or caramel sauce to change the taste according to your preference.

Which coffee is best used?

Indulge in a true Frappe experience with Nescafe instant coffee! This brand perfectly captures the essence of the authentic Greek recipe for a delicious Frappe.

I earn a commission if you make a purchase, at no additional cost to you.
07/16/2024 11:03 pm GMT

Using other types of instant coffee might not yield the same delightful taste and texture as Nescafe.

However, I’ve also tried this recipe with Douwe Egberts instant coffee, which turned out really well.

A jar of Douwe Egbert instant coffee.

Keep in mind that you can use any instant coffee for this Frappe recipe, so you won’t have to go out of your way to acquire the Nescafe instant coffee.

What is the best way to sweeten this Frappe?

You’ll use a small amount of sugar to sweeten this mocha Frappe. This will froth the coffee mixture and give it a unique, frothy look.

In addition to the small amount of sugar, chocolate syrup is used. The chocolate syrup will be added right before serving the drink so the layers stay intact.

You could also use chocolate sauce if you already have this at home. Chocolate sauce is a bit harder to combine with a cold drink, such as this Frappe.

Chocolate sauce.
Homemade chocolate sauce

I recommend adding chocolate sauce to the mixture before adding the ice cubes to give the chocolate sauce some time to combine with the rest of the ingredients.

How do you make chocolate syrup at home?

Mix equal parts of cocoa powder, white granulated sugar, and water in a small saucepan to make chocolate syrup at home.

Heat the mixture over medium heat while stirring constantly until the sugar has dissolved and the syrup reaches your desired consistency.

You can also add a pinch of salt and some vanilla extract to enhance the flavor. It’ll look like this when finished:

Chocolate syrup, ready to use.

Tip: If you want to try this recipe, you can look at this in-depth article!

How do you make a mocha Frappe?

To make a mocha Frappe at home, you’ll shake or blend the instant coffee with a small amount of water and sugar. This will create a thick and creamy foam.

Pour this foamy mixture into a tall glass filled with ice. Finish with some more water and a splash of milk.

Instant coffee.

Then, you’ll add the chocolate syrup right before serving. If you prefer, you can add a topping of whipped cream as well!

There are a few techniques you can use to make the coffee foam basis:

  • Shake the mixture in a jar or cocktail shaker
  • Use a handheld milk frother
  • Or you can use a blender

Now that you have all the information needed, here’s how to make a mocha Frappe at home:

Yield: 1 Serving

Easy Mocha Frappe

Mocha Frappe, ready to be enjoyed.

This quick and easy mocha Frappe is the perfect drink for those hot summer days, and you can make it in just a few minutes!

Prep Time 3 minutes
Additional Time 2 minutes
Total Time 5 minutes


  • 2 tsp (3.5 grams) of instant coffee
  • 1 tsp (4 grams) of white granulated sugar
  • 2 tbsp (30 grams) of chocolate syrup
  • 1/2 cup (0.12 l) of cold water
  • 1/4 cup (0.06 l) of whole milk
  • A serving of whipped cream
  • Ice cubes


  1. To make a mocha Frappe, add the instant coffee, sugar, and a small amount of water to a glass of choice.
  2. Froth the coffee mixture until it's fluffy and the sugar is dissolved into the coffee.
  3. Fill a glass to about halfway with ice cubes.
  4. Pour the coffee mixture into the glass and top with the rest of the water.
  5. Add the cold milk to the glass.
  6. Drizzle the chocolate syrup into the glass.
  7. Finish with a serving of whipped cream if you like.
  8. Serve the Frappe with a straw and enjoy as soon as possible.


You can play around with the amount of chocolate syrup and sugar used. If you prefer a sweeter version, you can always add more sweeteners.

Nutrition Information:

Serving Size:


Amount Per Serving: Calories: 115Total Fat: 3.38gSaturated Fat: 1.94gUnsaturated Fat: 0.89gCholesterol: 6mgSodium: 25.1mgCarbohydrates: 8.16gFiber: 3.3gSugar: 15.21gProtein: 3.86g


By following these easy steps, you can now whip up this delicious coffee treat in the comfort of your own home.

And don’t forget about the chocolate syrup! Making your own syrup saves you money, allows you to control the ingredients, and creates a richer flavor that will take your mocha Frappe to the next level.

Plus, now that you know how to make chocolate syrup at home, you can use it in other recipes. I’ve listed some more chocolate-based coffees below!

Experiment with different ratios of ingredients, types of milk, and toppings to create your perfect mocha Frappe!

More chocolate-based recipes to try

Write A Comment

Pin It Skip to Recipe