Last updated:

We may earn a small commission if you click on a product on bonvivantcaffe.com and buy it.

The mocha cookie crumble frappuccino is our latest Starbucks craving. The green mermaid coffee chain has recipes for all kinds of coffee drinkers. But drinks are so expensive that it can be a real bummer.

How do you satisfy your need for a delicious frappuccino without breaking the bank?

Keep reading because we drew inspiration from Starbucks to develop a copycat recipe for a fraction of the price, to make enough mocha cookie crumble frappuccino for two -or two large cups for you!

Mocha cookie crumble frappuccino recipe

A famous Starbucks coffee order, the mocha cookie crumble is made using mocha coffee: a mixture of coffee and chocolate syrup, and topped with cookie crumble, giving it a chewy texture and taste similar to chocolate chips. Yum!

Starbucks makes it with milk, frappuccino syrup, mocha sauce, frappuccino chips, cookie crumbles, and whipped cream. This drink is perfect for all those with a sweet tooth. 

mocha cookie crumble frappuccino topping

You can make your mocha crumble frappuccino recipe. Here’s ours:

Ingredients

  • ½ cup whole milk
  • 1 cup of strong coffee
  • ¼ cup Chocolate sauce
  • 4 Oreo biscuits – or other types of chocolate cookie sandwiches.
  • 1 teaspoon chocolate chips
  • ½ cup of Ice

Method

Step 1: Make the Coffee

The Frappucino we’re making today is a caffeinated drink, so the first step is to make yourself some strong coffee. You can use anything from a Moka pot to a French press; if you’re fancy, you can even draw an espresso shot. Either way, make sure you’re making your coffee strong, or it’ll get overpowered by all the milk and chocolate sauce. We recommend using a darker roast for more robust coffee. 

If you own a Mok pot, here’s our guide on how to make good coffee using one: Brew Delicious Moka pot coffee: The Ultimate Guide. If a French Press is more your thing, here’s what you need: How to make coffee with a French press | in 5 easy steps.

Finally, some baristas recommend using cold brew coffee concentrate for cold drinks. If you want to try it, check our tips reading our thorough comparison between iced coffee and cold brew.

Step 2: Bring Out the Blender

The next thing you want to do is transfer your coffee to a blender. Now add ¾ of your crushed Oreos, milk, and chocolate sauce to taste to the blender. You want to blend everything until it’s smooth. 

Step 3: Prepare a Serving Glass

We like serving our frappuccino in transparent glass so we can see the magic happening. To your glass, add in your ice and drizzle chocolate sauce on the side. Then pour in your blended coffee and a generous helping of whipped cream. Top the whipped cream with your favorite toppings; we’re big fans of chocolate chips and the 1⁄4 Oreos we had left behind. 

Step 4: Enjoy

Your frappuccino is all done. Take a few Instagram-worthy pics and enjoy. Don’t leave it out for long, though, or the ice will water down the drink. 

Our Favorite Tips for an Excellent Coffee

Grind Your Coffee

We’ll never get tired of saying this: grinding your coffee can make a difference in the final brew. The longer the coffee grounds are left alone, the more flavor they lose. The strongest and freshest coffee is made by grinding the beans before brewing. 

Pre-ground beans lose their oil content over time, which plays a part in changing the final product. The second reason to grind your coffee is easy. All you need is a coffee grinder. Here’s our list of the most affordable grinders: Best Manual Coffee Grinders: Our Guide to Choosing The Best Hand Coffee Grinder: Our Guide to Choosing the Best Hand Grinder.

Dark Chocolate Sauce

The regular chocolate sauce in the market is usually too sweet and will hurt your teeth. Instead, go with dark chocolate sauce for more flavor and less sweetness. Although it’s a small trick, it can elevate the whole experience. 

Milk

We love whole milk for our frappucino because it makes for a filling and creamy drink. You can adjust the recipe for your palate by switching out whole milk substitutes such as skim and oat milk, two of the most popular ones requiring a slight change.

Adjusting the plant-based and skimmed milk recipes must decrease the amount of chocolate sauce and coffee.

Xanthan Gum

Do you like your frappuccino thicker and creamier? This trick is for you. After blending your coffee, milk, and cookies, sprinkle a little xanthan gum on the top before mixing again. Xanthan gum is sugar fermented by bacteria and helps thicken mixtures. Adding xanthan gum will give the frappuccino the consistency of a soft serve. 

Here’s another fun tip: serve the mixture in a bowl instead of a glass and enjoy it as ice cream. 

Twix Frappuccino

The Twix Frappuccino is another popular Starbucks drink with a similar flavor profile to our mocha cookie crumble frappuccino recipe. It has notes of chocolate and caramel and is served with a topping of caramel sugar and chocolate sauce. 

Cookies and Cream Frappuccino

Made with a white mocha frap and served with chocolate sauce, whipped cream, and cookie crumble, the cookies and cream frappuccino is almost identical to the mocha cookie crumble. 

Conclusion

mocha cookie crumble frappuccino to go

Now you have it, folks: our favorite mocha cookie crumble frappuccino. Make it for friends or satisfy your cravings because this recipe will never be heavy on the wallet. It’s also very versatile, so you can change it depending on your preference and what you have.  Make this drink, and let us know your thoughts in the comments. We at Bon Vivant Caffè always love hearing from you! 

Print
clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon
Mocha cookie crumble frappuccino recipe card

Mocha Cookie Crumble Frappuccino recipe (Starbucks Copycat Recipe)

The mocha cookie crumble frappuccino is made using mocha coffee: a mixture of coffee and chocolate syrup, and topped with cookie crumble, giving it a chewy texture and taste similar to chocolate chips.

  • Total Time: 10 minutes
  • Yield: 2 cups

Ingredients

 

  • 1/2 cup whole milk

  • 1 cup of strong coffee

  • 1/4 cup Chocolate sauce

  • 4 Oreo biscuits – or other types of chocolate cookie sandwiches.

  • 1 teaspoon chocolate chips

  • 1/2 cup of Ice

Instructions

  1. Step 2: Bring Out the Blender

    Make some strong coffee. You can use anything from a Moka pot to a French press; if you’re fancy, you can even draw an espresso shot. Either way, make sure you’re making your coffee strong, or it’ll get overpowered by all the milk and chocolate sauce. We recommend using a darker roast for more robust coffee.

  2. The next thing you want to do is transfer your coffee to a blender. Now add ¾ of your crushed Oreos, milk, and chocolate sauce to taste to the blender. You want to blend everything until it’s smooth.

  3. We like serving our frappuccino in transparent glass so we can see the magic happening. Add in your ice and drizzle chocolate sauce on the side. Then pour in your blended coffee and a generous helping of whipped cream. Top the whipped cream with your favorite toppings; we’re big fans of chocolate chips and the 1⁄4 Oreos we had left behind.

  4. Your frappuccino is all done. Take a few Instagram-worthy pics and enjoy. Don’t leave it out for long, though, or the ice will water down the drink!

  • Author: Sahar Zehra
  • Prep Time: 5
  • Cook Time: 5
  • Category: Frappuccino

Nutrition

  • Serving Size: 1 cup
  • Calories: 111
  • Sugar: 10 g
  • Sodium: 92 mg
  • Fat: 4.7 g
  • Saturated Fat: 2.7 g
  • Carbohydrates: 14 g
  • Fiber: 0.6 g
  • Protein: 3.7 g
  • Cholesterol: 10 mg
Sahar Zehra
AUTHOR
I was 10 when I took my first sip of coffee, and a freshly brewed cup has become a constant companion. Through my work, I aim to explore coffee's history, tradition, and culture and discuss the best ways to make the perfect cup. You can find me sipping a cup of the brew with a book in hand when I'm not writing.