Copycat Mocha Frappe Recipe (Copycat McDonald’s Frappe)

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!

Need 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!
4.75 from 8 votes
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*
Fat 4g6%
Saturated Fat 2g13%
Cholesterol 10mg3%
Sodium 57mg2%
Potassium 202mg6%
Carbohydrates 22g7%
Sugar 20g22%
Protein 3g6%
Vitamin A 165IU3%
Calcium 121mg12%
Iron 0.4mg2%
* 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