Skip to Content

How To Make a Copycat McDonald’s Mocha Frappe Recipe at Home

Make your own McDonald’s Mocha Frappe at home with this easy copycat recipe.

All you need is a few basic ingredients and a blender!

It’s easy, inexpensive, and delicious and many readers have told me that they prefer it to the original version.

The full recipe with instructions are available in the recipe card at the bottom of this post. You can find helpful tips and tricks within the blog post itself.

Copycat Mocha Frappe Recipe

I love coffee but not Starbuck’s.

Dunkin’ Donuts is my preferred coffee if it’s hot but if it’s cold and decadent, I love a McDonald’s Frappe.

You could say I’m a bit hooked.

A pre-made iced mocha frappuccino is delicious but the cost can add up if you get them often. In light of being in the “often” category, I wanted to create my own recipe for the next time the urge to have one hit. This recipe is the closest I’ve found to the real thing.

An almost perfect duplicate that I like to call my Copycat McDonald’s Mocha Frappe Recipe.

I’ve also included an easy swap to make this a caramel frappe and if you enjoy coffee house copycat recipes you’ll want to try this Iced Lemon Pound Cake that’s better than Starbucks!

*This post may contain affiliate links and I’ll earn a commission if you shop through them. You can read my full disclosure here

Can instant coffee be used?

Yes, you can swap out instant coffee for freshly brewed coffee.

If you’re looking for a deeper and stronger coffee flavor, you could also use instant espresso coffee.

If using fresh coffee you can make it via your normal method. I like to use my Keurig (this model is my absolute favorite) and make a few large coffees. I notice I get the best flavor right after descaling my Keurig.

Coffee, milk, half and half, and coffee ice cubes in an Osterizer

How to Make a McDonald’s Mocha Frappe Recipe

  1. Brew fresh coffee and allow it to cool.
  2. Set aside 1 1/2 cups of the cold coffee for the frappe and freeze the remaining coffee in ice cube trays.
  3. After allowing the coffee cubes to freeze, place them into a blender.
  4. Add chilled coffee, sugar, chocolate syrup, milk, and half and half.
  5. Pulse and blend just long enough to combine all the ingredients.
  6. Evenly divide between 3 glasses. Add whipped cream, drizzle with chocolate and serve!

*You can use my cold brew coffee recipe if you prefer! It’s delicious and will allow you to skip adding the milk and half and half in step 4.

This recipe is so easy and there is only one real trick to getting the flavor and texture of a delicious mocha frappe and that is to use coffee to make the ice cubes.

The reason for the coffee ice cubes is that if you use regular ice cubes it will water down the taste of the frappe and as coffee lovers, that is the last thing we want.

Notes:

*I find it easier to make the coffee the night before and freeze the ice cubes so that I can have a frappe the next day.

How to Customize This Recipe

  • My sons prefer almond milk and that can easily be substituted for the regular milk in this recipe as can soy milk or whole milk.
  • Different flavors – you can use caramel, hazelnut, or any other syrups or coffee flavors you prefer in place of the chocolate syrup. Some of my favorite flavored syrups are those from Torani or Godiva.
  • Let your imagination run wild! Try coffee shop syrups available at your grocery store, shaved chocolate toppings, jimmies, and any other fun toppings you desire.
McDonald's Copycat Mocha Frappe Drink in a cup with whipped cream and drizzled with chocolate

Copycat McDonald’s Mocha Frappe Recipe

Mary Beth
Delicious Copycat McDonald's Mocha Frappe Recipe
4.64 from 22 votes
Prep Time 5 mins
Additional Time 3 hrs
Total Time 3 hrs 5 mins
Course Beverage
Cuisine American
Servings 3
Calories 331 kcal

Ingredients
  

  • 3 cups brewed coffee
  • ¼ cup sugar
  • ¼ cup chocolate syrup
  • 1 ½ cups milk
  • ½ cup half and half
  • 3 tbsp whipped cream
  • 3 tbsp chocolate syrup

Instructions
 

  • Set aside 1 1/2 cups of coffee for the frappe and freeze the remaining coffee in ice cube trays. I find it easier to make the coffee the night before and freeze the ice cubes so that I can have this the next day.
  • Place ice cubes into blender.
  • Add chilled coffee, sugar, chocolate syrup, milk, and half and half.
  • Pulse and blend just long enough to combine all the ingredients.
  • Evenly divide between 3 glasses. Add whipped cream, drizzle with chocolate and serve!

Notes

*If desired you can substitute whole milk for half and half.

Nutrition

Nutrition Facts
Copycat McDonald's Mocha Frappe Recipe
Amount Per Serving (1 g)
Calories 331 Calories from Fat 90
% Daily Value*
Fat 10g15%
Saturated Fat 6g38%
Cholesterol 31mg10%
Sodium 107mg5%
Potassium 437mg12%
Carbohydrates 54g18%
Fiber 1g4%
Sugar 46g51%
Protein 6g12%
Vitamin A 371IU7%
Vitamin C 1mg1%
Calcium 196mg20%
Iron 1mg6%
* Percent Daily Values are based on a 2000 calorie diet.
Keyword McCafe Copycat Mocha Frappe Recipe, McDonald’s Copycat Mocha Frappe Recipe,, McDonald’s Mocha Frappa
Tried this recipe? Let me know what you think!Mention @TheHowToHome or tag #thehowtohome!

You May Also Like:

closing signature with pic of Mary Beth - The Homemaking Coach Logo - and a hot pink mixer

A Dozen Delish Mason Jar Recipes
← Previous
12 Patriotic Ideas for the 4th of July
Next →
Recipe Rating