Pin It

McDonald's Mocha Frappé

McDonald's Mocha Frappé
Jump to Recipe
Prep 5 min Cook 0 min Serves 1
Quick answer: A McDonald's Mocha Frappé is a variation of their proprietary frappe base — cream, skim milk, HFCS, coffee extract, stabilizers — with Dutch-process cocoa baked directly into the base (giving it its chocolate flavor and color), blended with ice, and topped with whipped cream and a chocolate drizzle. A medium has about 500 calories and roughly 60g of sugar. The home version skips the artificial base: cold brew concentrate, whole milk, Dutch-process cocoa, and ice, blended until thick. Deeper chocolate-coffee flavor, no HFCS or food dyes, roughly 380 calories. Five minutes, one blender.

Shop the tools

Gear matched to this recipe. These are Amazon affiliate links — we may earn a small commission if you buy, at no extra cost to you.

As an Amazon Associate, Copycat Spices earns from qualifying purchases. Product images are generic illustrations, not the exact item listed.

McDonald's Mocha Frappé

Make McDonald's Mocha Frappé at home in 5 minutes using real cold brew and Dutch-process cocoa instead of the artificial frappe base. Deeper chocolate-coffee flavor, no HFCS, food dyes, or stabilizers. About 380 calories vs. ~500 at McDonald's. Same thick, ice-blended texture.

Easy Prep: 5 min Cook: 0 min Total: 5 min1 servings ~$2.80/serving
Prep5 min
Cook0 min
Total5 min
Servings
1
At home~$2.80/serving
vs
Restaurant~$12.60/serving
You save ~78%

The Story Behind the Recipe

Make McDonald's Mocha Frappé at home in 5 minutes using real cold brew and Dutch-process cocoa instead of the artificial frappe base. Deeper chocolate-coffee flavor, no HFCS, food dyes, or stabilizers. About 380 calories vs. ~500 at McDonald's. Same thick, ice-blended texture.

Nutrition Facts

Per serving (1 servings)
Calories380
Total Fat15g
Total Carbs54g
Dietary Fiber2g
Sugars42g
Protein8g
Sodium155mg

* Estimated values based on standard recipe preparation. Actual values may vary.

Ingredients

Instructions

💡
Pro tip: This recipe tastes even better the next day. The flavors need time to meld together in the fridge.
❄️
Storage: Keeps in an airtight container in the fridge for up to 2 weeks. Freezer-friendly for up to 3 months.
🎃 Free Halloween cookbook — download now The Copycat Halloween Cookbook A ready-made, photo-illustrated PDF of our best halloween copycat recipes — free to download, no building required. Pay what you want to support if you love it.

Free PDF — instant download. We'll also send new seasonal copycat recipes now and then; unsubscribe anytime. Or just download it →


The McDonald’s Mocha Frappé is exactly what it sounds like — a chocolate-coffee blended drink — but what makes it interesting is the construction underneath. The chocolate doesn’t come from espresso or brewed coffee mixed with chocolate. It comes from Dutch-process-style cocoa incorporated directly into McDonald’s Mocha Frappé base — a chocolate-specific version of the proprietary frappe base used across their McCafé blended drinks. That base contains cream, skim milk, HFCS, coffee extract, cocoa (processed with alkali), food dyes, and stabilizers, all shipped pre-mixed to locations and blended with ice to order.

The result is thick and sweet in a way that’s unlike most coffee shop mocha drinks. Starbucks Mocha Frappuccino is built on actual brewed coffee and mocha sauce — real ingredients blended together. McDonald’s starts from a premixed base and adds chocolate. The flavor is more confection-like, less coffee-forward, and more consistent across locations because the base removes most of the variables.

Making it at home fixes what’s worth fixing: real cold brew replaces coffee extract, real cocoa or chocolate sauce replaces the HFCS-heavy commercial syrup. Cold brew and Dutch-process cocoa are natural flavor partners — the cocoa’s mild bitterness and the cold brew’s coffee depth reinforce each other in a way that coffee extract and chocolate syrup never quite achieve. The texture stays the same: thick, cold, ice-blended.

Why Dutch-Process Cocoa Is the Right Call Here

Natural cocoa and Dutch-process cocoa taste different in cold blended drinks, and Dutch-process wins for this application. Natural cocoa is acidic — it has a sharper, fruitier bitterness that reads well in baked goods where baking soda neutralizes the acid. In a cold liquid with no heat treatment, that acidity stays raw and can taste slightly harsh.

Dutch-process cocoa has been alkalized, which neutralizes the acidity and produces a smoother, darker, more rounded chocolate flavor. It also dissolves more easily in cold milk and cold brew because the alkaline treatment changes the particle structure. Brands like Ghirardelli Premium Baking Cocoa, Droste, or King Arthur’s Double-Dutch Dark are all easy to find and work well here.

If you want the sweeter, more dessert-like flavor of the commercial version, use chocolate sauce (Ghirardelli Chocolate Sauce or Smucker’s Classic, thinned slightly if needed) in place of cocoa powder. The sauce version tastes closer to McDonald’s; the cocoa version tastes closer to a real mocha.

The Caramel vs. Mocha Frappé Difference

The drinks are built from the same base — you could make a half-batch of each from one blender if you wanted to compare them. The only differences:

  • Caramel Frappé: neutral frappe base + caramel sauce blended in + caramel drizzle on the whipped cream
  • Mocha Frappé: chocolate-specific frappe base (cocoa baked in) + chocolate drizzle on the whipped cream
  • Calorie count is close — Mocha medium is roughly 490–500 calories vs. Caramel’s ~510; sugar is slightly lower on Mocha (~60g vs. ~64g) because the cocoa-in-base approach is less sweet than separate caramel sauce addition

Chocolate-coffee tends to be the more intuitive pairing of the two for people who don’t drink caramel-coffee regularly, which is part of why the Mocha is a McCafé staple.

McDonald’s Mocha Frappé vs. Starbucks Mocha Frappuccino
McDonald’s Mocha Frappé (medium)Starbucks Mocha Frappuccino (Grande)
Coffee baseCoffee extract (frappe base)Brewed coffee
ChocolateCocoa in base + chocolate drizzleMocha sauce
Calories (approx.)~490–500~370–420
Sugar (approx.)~60g~54g
Caffeine (approx.)~85–125mg (unpublished)~100mg
Price (approx.)~$3.79–4.39~$6.25–6.75
TextureVery thick, shake-likeThick, slightly lighter
FlavorSweeter, confection-forwardMore coffee-forward

Both have roughly the same caffeine. McDonald’s is cheaper and thicker. Starbucks is more coffee-forward and lower in sugar. The home version in this recipe takes the Starbucks flavor approach — real coffee, real cocoa — but delivers the thick shake-like texture of the McDonald’s version.

Verify current nutrition at mcdonalds.com; prices vary by location.

How to Make It Even Thicker

The frappe consistency depends on the cold brew-to-milk ratio and the amount of ice. If your blender is powerful enough to fully crush ice, use the recipe as written. If you find the drink thinner than you want:

  • Freeze the cold brew concentrate into ice cubes the night before — use coffee ice instead of water ice. This concentrates the coffee flavor as it melts instead of diluting the drink.
  • Use 2 cups of ice instead of 1.5 cups.
  • Add a tablespoon of cream cheese (sounds odd, works extremely well — adds body and a slight tang that reads as dairy richness without sweetness).

The commercial McDonald’s version gets its thickness from the stabilizers in the frappe base (carrageenan, guar gum, locust bean gum) — these create a gel-like structure that keeps the drink thick as it warms. At home, the extra ice and cold brew ice cubes achieve a similar result through a different mechanism.

Making Both Frappes at Once

If you want to serve the Caramel and Mocha versions side by side:

  • Make a double batch of the base: 1 cup cold brew, 1.5 cups whole milk, 3 tablespoons sugar, and 3 cups ice
  • Blend until fully smooth
  • Divide into two glasses
  • Stir 1.5 tablespoons chocolate sauce into one, 1.5 tablespoons caramel sauce into the other
  • Top each with whipped cream and the matching drizzle

This works because the frappe base is flavor-neutral — cold brew + milk + sugar — and takes on the caramel or chocolate character cleanly from what you add after blending.

🥗

Make It Healthier

Love McDonald's Mocha Frappé but want a lighter version? Try these simple swaps:

  • ✓Swap whole milk for oat milk — saves about 40 calories and 4g fat, with oat milk's mild sweetness complementing the chocolate without adding sugar.
  • ✓Use Dutch-process cocoa powder instead of chocolate sauce in the blend — saves ~50 calories and 9g sugar while giving a deeper, more complex chocolate note.
  • ✓Skip whipped cream and drizzle entirely — the frappe itself is rich enough; the topping adds 70–80 calories and is mostly visual.
  • ✓All three adjustments together bring the drink to about 210–230 calories for a full 16 oz — less than half McDonald's ~500-calorie medium Mocha Frappé.

Frequently Asked Questions

What is McDonald's Mocha Frappé made of?

McDonald's Mocha Frappé uses a variation of their proprietary frappe base — a pre-made liquid blend of cream, skim milk, sugar, high fructose corn syrup, water, coffee extract, cocoa processed with alkali, natural and artificial flavors, food dyes (Red 40, Yellow 5, Blue 1), and stabilizers (mono & diglycerides, guar gum, potassium citrate, carrageenan, locust bean gum). Unlike the Caramel Frappé, where the chocolate component is entirely separate, the Mocha version has Dutch-process-style cocoa built directly into the base — this is what gives the drink its brown color and chocolate flavor throughout. The whole thing is blended with ice, topped with the same light whipped cream used across McDonald's McCafé drinks, and finished with a chocolate drizzle. There is no additional chocolate syrup added on-site; the chocolate comes from the cocoa already in the base.

How many calories are in a McDonald's Mocha Frappé?

A medium McDonald's Mocha Frappé (16 oz) has approximately 490–500 calories, a small (12 oz) has about 420 calories, and a large (22 oz) has about 680 calories. The calorie count is slightly lower than you might expect given the chocolate — the Mocha Frappé is actually comparable to the Caramel Frappé (medium ~510 cal) because the chocolate comes from cocoa in the base rather than a heavy added sauce. A medium has roughly 60 grams of sugar, with about 20g of fat and 8g of protein. The homemade version in this recipe comes in around 380 calories for a 16 oz serving by using whole milk, real cold brew, and Dutch-process cocoa without the HFCS-heavy base. Verify current nutrition at mcdonalds.com/us/en-us/about-our-food/nutrition-calculator.

Does McDonald's Mocha Frappé have espresso in it?

No. Like all McDonald's Frappés, the Mocha Frappé is NOT made with espresso. It uses the pre-made frappe base containing coffee extract — a concentrated liquid coffee ingredient that delivers flavor and caffeine without brewed coffee on-site. McDonald's does not publish caffeine figures for its Frappés; third-party estimates for a medium Mocha Frappé range from about 85mg (per McDonald's customer service) to roughly 125mg, so figure on a moderate coffee-level dose, comparable to a typical Starbucks Frappuccino. At home, cold brew gives you meaningfully more coffee complexity than coffee extract — the chocolate actually intensifies this difference because real cocoa and real coffee are natural flavor partners in a way that chocolate + coffee extract doesn't quite achieve.

What's the difference between McDonald's Mocha Frappé and Caramel Frappé?

Different base, same whipped cream topping. The Caramel Frappé uses a neutral frappe base with caramel sauce added, finished with a caramel drizzle. The Mocha Frappé uses a separate version of the base with Dutch-process-style cocoa (and food dyes) already incorporated into the base itself — the chocolate flavor and brown color come from cocoa baked into the base, not from a separate chocolate sauce added on-site. The Mocha is topped with a chocolate drizzle, not caramel. Calorie-wise they're close — Mocha medium is roughly 490–500 calories vs. Caramel's ~510. The coffee extract and caffeine range are essentially the same in both. At home: make the base (cold brew + milk), then blend in Dutch-process cocoa for Mocha or caramel sauce for Caramel.

What's the difference between McDonald's Mocha Frappé and a Starbucks Mocha Frappuccino?

The Starbucks Mocha Frappuccino uses actual brewed coffee blended with mocha sauce and milk — real coffee, real chocolate, no stabilizer base. McDonald's uses a pre-made frappe base with coffee extract and cocoa already incorporated into the base itself. The result: Starbucks is more coffee-forward with a cleaner chocolate note; McDonald's is sweeter and thicker, almost shake-like, with a slightly more artificial quality from the extract. McDonald's is cheaper (about $3.79–$4.39 for a medium vs. $6–7 at Starbucks, though prices vary by location) and more consistent across locations since the base is pre-made. The home version in this recipe is closer to Starbucks in flavor approach — real cold brew + real chocolate — but with the thick, blended texture of the McDonald's version.

Can I use chocolate powder instead of chocolate sauce?

Yes, but with a difference. Dutch-process cocoa powder (1.5–2 tablespoons) blended directly into the liquid gives a deeper, more bitter chocolate note — closer to what you'd get from a real mocha at a specialty coffee shop. Chocolate sauce (like Ghirardelli's or Smucker's chocolate fudge) produces a sweeter, more confection-like flavor that's closer to the McDonald's version since the commercial drink uses a sweetened chocolate syrup. The powder approach also saves about 40 calories per tablespoon vs. sauce. For the drizzle on top, sauce is better — powder won't drizzle. Best result: cocoa powder in the blend, chocolate sauce drizzle on the whipped cream.

How do I make the home version healthier?

Three adjustments: (1) Use oat milk or 2% milk instead of whole milk — saves about 40 calories and 4g fat. (2) Use 1.5 tablespoons of Dutch-process cocoa powder instead of chocolate sauce in the blend — saves about 50 calories and 9g sugar while intensifying the chocolate flavor. (3) Skip the whipped cream and chocolate drizzle entirely — saves another 70–80 calories. All three together get you to roughly 210–230 calories for a full 16 oz serving — less than half of McDonald's ~500-calorie medium. The Dutch-process cocoa version is also richer-tasting than the chocolate-sauce version despite the lower calorie count.

What type of chocolate works best in this recipe?

Dutch-process cocoa powder gives the best flavor — it's been alkaline-treated so it has a deeper, smoother, less bitter chocolate note than natural cocoa and blends into cold liquids more easily. Ghirardelli Premium Baking Cocoa or Droste are reliable grocery-store options. If you want a sweeter, more dessert-like result closer to the McDonald's commercial version, use a good chocolate sauce instead: Ghirardelli Chocolate Sauce or Smucker's Hot Fudge (thinned slightly). Avoid unsweetened cocoa if you're not adding sugar — natural cocoa without sweetener will taste harsh and flat in a cold blended drink.

Love this recipe? Share it!

Free PDF: our 12 most-wanted copycat recipes — instant download.

Made it? Buy us a coffee

Every recipe here is free, with no paywalls. If this one was a hit at your table, a small tip keeps new copycats coming.

$

McDonald's is a trademark of its owner, used here only to describe the dish this recipe recreates. This is an independent copycat written in our own words — Copycat Spices is not affiliated with, endorsed by or sponsored by McDonald's.

Ratings & Reviews

—
No ratings yet

Rate this recipe

Click a star to rate

Leave a Review

0/500

CS

Copycat Spices Editorial

Researched + fact-checked. Every recipe on Copycat Spices is built from published sources — official ingredient lists, brand-published recipes, interviews and food-science references — and fact-checked before it goes live, then written as clear, step-by-step instructions for home cooks of all skill levels.

Learn more about our mission →