Copycat Mocha Frappe Recipe (Copycat McDonald’s Frappe)

All Posts May Contain Affiliate Links. Read Our Disclosure Policy Here!
Mocha Frappe Facebook

Copycat Mocha Frappe Recipe

If you are looking for a yummy, ice-cold summer drink, this Homemade Mocha Frappe Recipe is just the ticket.

Instead of paying $2–$3 for a small mocha frappe from McDonald’s, you can whip up your own at home for a fraction of the price!

✅ Moms and Dads – get ready for the upcoming school year with a new coffee maker! See our top picks Best Coffee Makers this year!

copycat mocha frappe recipe - tastes like McDonald's

How to Make a Mocha Frappe

There is a secret ingredient to making the perfect copycat McDonald’s Mocha Frappe: Frozen Coffee!

The frozen coffee helps get the creamy texture that will not get watered down as the temperature of the drink rises.

In theory, you could use just ice cubes and coffee, but who likes watered-down coffee? By freezing the coffee, you get the same taste as adding milk directly to your hot coffee in the morning, but in an ice-cold, frosty version.

Mocha Frappe Ninjs

If you are not a chocolate fan, or just want to change things up, you can make the same iced drink but with a different flavor.

Just substitute the chocolate syrup with caramel sauce or any other flavor that you desire.

Mocha Frappe Recipe

Mocha Frappe Recipe

This Homemade Mocha Frappe Recipe is a great summertime recipe. use either chocolate or caramel in this easy recipe!
Print Pin Rate
Course: Dessert, DIY
Cuisine: American
Keyword: Coffee, Mocha Frappe
Prep Time: 15 minutes
Freezing Coffee: 2 hours
Total Time: 15 minutes
Servings: 3 cups
Calories: 144


  • 1 cup coffee
  • 2 tablespoons sugar
  • 1 tablespoon whole milk
  • 1 1/4 cups whole milk
  • 2 tablespoons chocolate syrup
  • reddi-wip optional
  • 1 teaspoon chocolate shavings optional
  • 1 drizzle chocolate syrup optional


  • Stir together coffee, sugar, and 1 tablespoon milk in a small glass measuring cup. Pour into ice cube trays, and freeze at least 2 hours or until firm.
  • Add coffee ice cubes, 1 1/4 cups milk, and chocolate syrup in a blender and blend until smooth. 
  • Pour into glasses.
  • Add reddi-wip and top with chocolate shavings (optional) and chocolate syrup (optional)
Nutrition Facts
Mocha Frappe Recipe
Amount Per Serving
Calories 144 Calories from Fat 36
% Daily Value*
Total Fat 4g 6%
Saturated Fat 2g 10%
Cholesterol 10mg 3%
Sodium 57mg 2%
Potassium 202mg 6%
Total Carbohydrates 22g 7%
Sugars 20g
Protein 3g 6%
Vitamin A 3.3%
Calcium 12.1%
Iron 2.1%
* Percent Daily Values are based on a 2000 calorie diet.

Check out more delicious Frugal Recipes

Let us know how you liked this recipe by commenting and rating the recipe below.

Mocha Frappe Recipe


Please enter your comment!
Please enter your name here