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!
5 from 1 vote
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


  1. Now this recipe makes more sense and works out way better than my past experiments. I’ve always just made my coffee cold by placing it into the fridge for an hour or so and just adding ice cubes into the blender with the cold coffee. It always seemed watered down. By freezing the coffee into ice cubes it does something magical and turns the frappes out better than ever. Soooo soooo good!! A win in my book!!


Please enter your comment!
Please enter your name here