Home » Mocha Cookie Crumble Frappuccino Recipe: One-Up Starbucks!

MOCHA COOKIE CRUMBLE FRAPPUCCINO RECIPE: ONE-UP STARBUCKS!

Enjoy this sweet treat at home in minutes (and at a fraction of the cost) with my easy recipe.

Mocha Cookie Crumble Frappuccino served in glass jar

Have you tried the Starbucks Mocha Cookie Crumble Frappuccino? It’s delicious, a veritable feast of flavors and textures. But it’s also expensive, chock-full of processed syrups, and has the calorie count of a small meal. I think we can do better!

It’s surprisingly easy to replicate this tasty drink at home, with simple ingredients and standard kitchen equipment. I’ve tested various coffees, cookies, and chocolates, and I’m pretty sure I’ve hit on the perfect combination. 

So read on for the best Mocha Cookie Crumble Frappuccino copycat recipe on the internet.

The Ultimate Mocha Cookie Crumble Frappuccino Recipe

My Starbucks copycat coffee recipe is guaranteed to please! I put a lot of effort into finding the right balance of flavors when making this delicious frappuccino so it’s not just one-note sweet. It has a complexity that keeps you coming back for more, and I’m excited for you to try it!

Looking for something equivalently decadent to serve on a cold day? Check out these warm and cozy recipes for a Mexican Hot Chocolate Mocha or the Starbucks Toasted White Chocolate Mocha instead.

Mocha Cookie Crumble Frappuccino Ingredients

  • ½ cup espresso or strong brewed coffee
  • ½ cup whole milk
  • 4 Oreo cookies, broken into pieces
  • ¼ cup chocolate chips
  • 2 tablespoons chocolate syrup
  • 1 cup ice cubes
  • Whipped cream
  • Special equipment: blender

AT A GLANCE

Time:

5 to 10 minutes

Yield:

One 16-ounce drink

A few notes on the recipe:

  • You can use any favorite coffee beans for this recipe, but I think the bold and bittersweet flavor of a dark roast best stands up to the drink’s sweetness. There is no need to use top-quality coffee because the amount of added ingredients ensures the coffee’s subtleties will be lost.
  • Use whole milk if you want to mimic the Starbucks drink (1). However, any milk or plant-based milk can work. Try skim milk for a lower-fat option or chocolate milk for more mocha flavor. If you want to make a vegan version, I prefer almond milk or oat milk. Soy milk and coconut milk also work but add distinct flavors to the drink.
  • You don’t have to use the Oreo cookies brand; any chocolate sandwich cookie will work. Varying the cookie can be a fun way to play with flavors. There are nearly 100 different Oreos now, from pistachio to salted caramel.
  • Make coffee ice cubes for a more intense coffee flavor that doesn’t throw off the textural balance of the drink. To prepare coffee ice cubes, add brewed coffee to ice cube trays. Consider using decaf to keep this drink’s caffeine content reasonable.

How to Make a Mocha Cookie Crumble Frappuccino At Home

The Mocha Cookie Crumble Frappuccino has a lot of ingredients compared to some of the simpler Starbucks frappuccinos, but once you have everything in hand, the process is only a few easy steps. As long as you have a blender, you’re most of the way there.

Let me walk you through it. I’ve tossed in a few expert tips along the way!

mocha cookie crumble frappuccino ingredients on table

Step 1: Make Espresso (Or Coffee)

I like to use espresso for my homemade frappuccinos. Its rich and slightly bitter flavor is the perfect foil for all that added sweetness, and its heavy body enhances the creaminess of the drink.

Use an espresso maker to pull 4 ounces of espresso. That’s roughly two double shots, so it will likely require two extractions. And prepare to be heavily caffeinated.

New to making espresso? Check out this article on how to use an espresso machine.

Pouring hot water in aeropress
pressing aeropress to filter coffee

Brewing strong coffee will also do the trick if you don’t have an espresso machine. You can use a Moka pot, Aeropress, or French press with a high ratio of coffee to water. You can even use instant coffee in a pinch, combining 2 teaspoons of coffee powder with 4 ounces of hot water.

Pro Tip: If you’re short on time, pull your shots into a chilled glass to quickly cool the espresso to room temperature. Alternatively, pop the coffee or espresso in the fridge or freezer for up to 20 minutes.

choco chips milk ice cube with blender

Step 2: Blend The Ingredients

Add the espresso, ice cubes, chocolate chips, chocolate syrup, three of the crushed Oreos, and the milk to a blender. Blend well until you get the appropriate creamy texture. Don’t blend too long or the heat generated will melt the ice, leaving a watery drink.

Pour the blended frappuccino into a tall pre-chilled serving glass, which I promise will make it taste better than that plastic Starbucks to-go cup.

coffee blender jar with black coffee
coffee blender jar with milk in mug
add choco chips in blender jar
add ice cube in jar

Pro Tip: If you don’t have access to a powerful blender, using crushed rather than cubed ice will make blending easier.

Step 3: Add Toppings

Part of the appeal of the Cookie Crumble Frappuccino is the textural contrast between the garnish and the smooth blended beverage, so don’t shy away from decadence at this stage. 

pouring frappuccino in glass
mocha cookie crumble frappuccino

Top with whipped cream, the remaining Oreo crumbled into small pieces, and an extra drizzle of chocolate sauce. 

At Starbucks, they use a slightly sweetened vanilla whipped cream made by adding vanilla syrup to whipped cream. Personally, I like to use chocolate whipped cream for a more balanced mocha flavor. I just add a dash of unsweetened cocoa powder to the cream before whipping.

Pro Tip: The Starbucks version is topped not with chocolate syrup but with mocha drizzle. To make your own, add equal parts brewed coffee, cocoa powder, and white sugar to a saucepan and simmer until thickened – about 10 minutes. Let cool.

Final Thoughts

With this copycat Starbucks recipe, you’re ready to enjoy one of the chain’s tastiest treats at home. It’s much less expensive than visiting the store, but more importantly, it’s more delicious – creamier, crunchier, and with a far more balanced flavor.

Admittedly, the Mocha Cookie Crumble Frappuccino, even when made at home, is not the healthiest coffee drink, but it is sweet, cool, and delicious on a steamy summer afternoon. Go ahead, treat yourself.

mocha cookie crumble frappuccio with oreo topping

FAQs

The Starbucks Mocha Cookie Crumble Frappuccino has coffee frappuccino syrup, coffee, mocha sauce, and frappuccino chips blended with milk and ice. It’s topped with whipped cream, mocha drizzle, and chocolate cookie grind topping. If you dig a little deeper into the ingredients, you’ll find it’s mostly sugar, cocoa, palm oils, flavorings, and preservatives (2).

The biggest difference between the Java Chip and Mocha Cookie Crumble is that the Java Chip Frappuccino doesn’t have cookie crumbs inside or on top. It’s a more straightforward combination of mocha syrup and chocolate.

Yes, the Mocha Cookie Crumble Frappuccino has coffee – both this version and the one at the Starbucks coffee shop. If you’re trying to avoid caffeine, try this Chocolate Cookie Crumble Creme Frappuccino recipe or use decaf beans in preparing your drink.

  1. MacNeil, C. (2021, September 8). The History of the Frappuccino: A Tale in the Importance of Outside Perspective. Retrieved from https://www.investmenttalk.co/p/the-history-of-the-frappuccino-a?s=r
  2. Starbucks. (2025). Mocha Cookie Crumble Frappuccino. Retrieved from https://www.starbucks.com/menu/product/956/iced/nutrition
Julia Bobak
Julia is a west coast Canada-based professional coffee specialist who has spent nearly a decade immersed in the world of coffee research and professional brewing. She loves trail running, rock climbing, coffee, food, and her tiny dog — and writing about all of them. She starts every morning with a fresh Americano from her home espresso machine, or she doesn’t start it at all.

Leave a Comment


Homegrounds is reader-supported. When you buy via the links on our site, we may earn an affiliate commission at no cost to you. Learn more.