Starbucks Mocha Cookie Crumble Frappuccino

As I mention in my Make Cooking Fun! free guide to get you motivated to cook up (or in this case, blend up!) new recipes, going out can inspire you to try your favourite treats at home! Not only will making your favourite Starbucks copycat recipes you save money, but you can enjoy the drink from the comfort of your pyjamas since you won’t have to go leave the house! If there’s a Frappuccino lover in your home, then you can put your heart in a cup with this frappuccino recipe as part of your one-month Live to Cook! You can get all of these motivational resources for free by signing up to my newsletter, plus all of my new recipes will be sent right to your inbox!

To see how easy and quick it is to make this Starbucks Frappuccino favorite right from home, then be sure to follow along with the video! If you’re not already, I’d love it if you would please subscribe to my YouTube channel and press the bell button to be notified when all of my new video recipes are live! Let’s get blending!

Two Starbucks Mocha Cookie Crumble Frappuccinos with whipped cream and chocolate drizzle on a wooden surface.

What is a Frappuccino?▼

A Frappuccino is a blended coffee or non-coffee (“creme”-based) drink that is frosty and thick. The main ingredients are milk, ice, sweetener, and it’s topped with whipped cream! Starbucks has many varieties of both coffee-based and creme-based Frappuccinos on their menu, and they’re always a hit! You can have chocolate, caramel, vanilla, chai, espresso and coffee-based Frappuccinos, and even strawberry! Seasonally, you can get pumpkin spice Frappuccinos and peppermint! To be honest, I’ve only really had the chocolatey-based varieties because chocolate-anything is my favourite, but I’ve tried pumpkin spice and caramel ribbon crunch to taste test for the recipes that are here on the blog! I’m thinking of doing the vanilla bean Frappuccino next. Comment below if you’re interested in seeing this one!

Now, the Mocha Cookie Crumble is actually my favourite Frappuccino blended beverage at Starbucks, and it has been ever since I came to Canada and had my first Frappuccino in either 2013 or 2014. It turns it out that this frappuccino used to only be a seasonal beverage for summer, but based on the high demand, it’s available all year long.

Two Starbucks Mocha Cookie Crumble Frappuccinos with whipped cream and cookie crumbles on a wooden surface.

Why You’ll Love Homemade Mocha Cookie Crumble Frappuccino!

Easy to make: The whole process is really easy to make! If you already have your chocolate sauce and vanilla syrup ready to go, then you’re honestly just brewing some coffee and blending!
Basic ingredients: No niche ingredients are used here, especially if you’re making most of the components from scratch! You should already have everything already available to you in your pantry and fridge!
Budget-friendly: At the time of writing this post, this drink in a grande (16 fluid ounce) size costs $6.45, and that’s $7.30 with tax! Isn’t that insane? I remember thinking $5 was a lot before the mass inflation! Of course I’ll still splurge sometimes, but when you see how fast it is to make your own Frappuccino, then you’ll realize it takes just as long to blend and serve as it would probably take you to go to the store! Plus, the net cost of all ingredients should only add up to a dollar or so!
Customizable: Check out later on in this post how you can make your frappuccino your very own to suit your preferences!
Decadent and packed with rich chocolate flavors: I find this copycat recipe better than the Starbucks drink, and I love the Starbucks’ version a lot! When I sipped them one after the other, I found that the Starbucks version is much sweeter! Maybe when I’ve got a clean palate I can enjoy the Starbucks version, but I find I take way longer to drink it because it is so sweet. Mine was much milder and focused more on the mocha and chocolate flavors!

Two Starbucks Mocha Cookie Crumble Frappuccinos side by side with whipped cream and cookie crumble topping.

What is in The Mocha Cookie Crumble Frappuccino?▼

This is the official’ definition of the frappuccino, according to the Starbucks website.

Frappuccino® Roast coffee, mocha sauce and Frappuccino® chips blended with milk and ice, layered on top of whipped cream and chocolate cookie crumble and topped with vanilla whipped cream, mocha drizzle and even more chocolate cookie crumble. Each sip is as good as the last . . . all the way to the end.

source: Starbucks.com

Maybe you haven’t realized it, but this drink has whipped cream on the top AND on the bottom! For cream lovers like me… well, that’s just divine, making it a truly indulgent treat!

However, I learned from this reddit thread that Starbucks used to make the drink a bit differently. Back in 2013-2014, when the drink was seasonal, the whipped cream used to be chocolate and there used to be vanilla syrup in it! You’ll see soon in this recipe that I’m actually going to use the best of both worlds for my recipe. I’ll keep the whipped cream on the top and bottom like it currently is, but I’m going to add in vanilla syrup for sweetness and I’m going to use homemade chocolate whipped cream. Yum!

Now let’s see what the ingredient list for this drink is:

ICE, MILK, COFFEE FRAPPUCCINO SYRUP [SUGAR, WATER, NATURAL FLAVOR, SALT, XANTHAN GUM, POTASSIUM SORBATE, CITRIC ACID], WHIPPED CREAM [CREAM (CREAM, MONO AND DIGLYCERIDES, CARAGEENAN), VANILLA SYRUP (SUGAR, WATER, NATURAL FLAVORS, POTASSIUM SORBATE, CITRIC ACID)], COFFEE, MOCHA SAUCE [WATER, SUGAR, COCOA PROCESSED WITH ALKALI, NATURAL FLAVOR], FRAPPUCCINO CHIPS [CONFECTIONERY COATING (SUGAR, PALM KERNEL AND PALM OILS, COCOA PROCESSED WITH ALKALI, SOY LECITHIN, VANILLA, MILK), COCOA (PROCESSED WITH ALKALI, 9%), COOKIE CRUMBS (UNBLEACHED UNENRICHED WHEAT FLOUR, SUGAR, PALM AND PALM KERNEL OIL, COCOA PROCESSED WITH ALKALI, CHOCOLATE MASS, SALT, SODIUM BICARBONATE, SOY LECITHIN, NATURAL FLAVOR), CHOCOLATE MASS (2%), AND SALT], CHOCOLATE COOKIE GRIND TOPPING [SUGAR, ENRICHED FLOUR (WHEAT FLOUR, NIACIN, REDUCED IRON, THIAMINE MONONITRATE, RIBOFLAVIN, FOLIC ACID), PALM AND PALM KERNEL OIL, COCOA PROCESSED WITH ALKALI, SALT, SODIUM BICARBONATE, SOY LECITHIN, NATURAL FLAVOR]

source: Starbucks.com

It’s a long one for sure! We will try to keep ours as short as possible, and this will be assisted by preparing our own chocolate sauce, whipped cream, and vanilla syrup.

Is there Caffeine in the Mocha Cookie Crumble Frappe?▼

Yes, this frappuccino recipe contains caffeine. You’ll notice that if you order the Mocha Cookie Crumble in the Starbucks app, by default the recipe contains “3 Frappuccino® Roast pump(s)” for a grande size drink (16 fluid ounces). This contains 95 mg of caffeine. You can add espresso shots if desired and increase the number of “Frappuccino roast” pumps in your drink for more or less caffeine.

At Starbucks, the decaf version of this drink is known as the “Chocolate Cookie Crumble Creme Frappuccino,” which is the same drink just without the added coffee.

If you want to make the “creme frappuccino” recipe at home, simply don’t add any espresso or brewed coffee to the drink!

Two Starbucks Mocha Cookie Crumble Frappuccinos with dome lids, topped with whipped cream and chocolate cookie crumbles.

Tools Needed for Starbucks Frappuccino

Ingredients for Mocha Cookie Crumble Frappuccino

Time to review the ingredients we’ll need to make the best frappuccino at home! I’ll show what you need to make the chocolate sauce and vanilla syrup if you decide to make these, but if you want more details on how to prepare these in addition to your very own Chocolate Whipped Cream, then be sure to check out those recipes! All ingredient quantities and the complete recipe are available to save for later by checking out the FULL PRINTABLE RECIPE CARD at the bottom of this post! You can also scale the recipe based on how many Frappuccinos you want to make! This will yield one grande by default.

Ingredients for homemade Mocha Cookie Crumble Frappuccino laid out on gray surface, including Oreos, chocolate chunks, coffee sauce, syrups, and cream.

For the Chocolate Sauce

For the Quick Vanilla Syrup for Coffee

For the Frappuccino

Ice cubes: You need ice for this drink! The quantity does matter because you don’t want it to be too liquidy like a smoothie, and you want just the right amount of chunkiness. However, you don’t want it too chunky either like a slushie. Crushed ice or ice cubes are both fine.
Milk: In spirit of the default recipe and my personal preference, I’m using whole milk. Feel free to use your favourite type of milk, however, I do recommend dairy milk for best results.
Whipped cream: Based on the early versions of the frappuccino, I’m going all out and I’m using my Homemade Chocolate Whipped Cream! While I’ve never seen it myself, I did a quick Google search and it seems Hershey’s sells a chocolate whipped cream in an aerosol can if you don’t want to make it yourself, though I do recommend homemade!
Oreo cookies: Use regular Oreos to mimic the type of cookie crumble that Starbucks uses. You can also use gluten-free Oreos if you’re making this for someone who has a gluten intolerance.
Chocolate chunks: You’ll see in the recipe that 3 scoops of “Java chips” are added to the drink. I’m not quite sure what exactly these are, but it seems like they’re chocolate chunks, so let’s just go with that! These are added to the blender.
Chocolate syrup: I’m basing this chocolate sauce off of my Cafe Mocha Chocolate Syrup Recipe without the added instant coffee to get the mocha flavor. It’s super simple to make! You will add your chocolate syrup in the blender, at the bottom of the cup, and the top of the cup.
Coffee: You can brew your favourite coffee using a French press for a stronger flavour. Otherwise, a standard coffee machine will work just fine. If you have an espresso machine, then by all means go for it!
Sweetener: You’ll see if you order the Frappuccino online that the drink actually isn’t sweetened with any syrup. However, in the Reddit thread I found discussing the first iteration of the drink, vanilla syrup used to be added to the drink. At the time of writing this, there’s no syrup to sweeten the drink. I first tested the drink without extra sweetener, but I found that it did need some. In spirit of the original recipe, I’ve whipped up my Quick Vanilla Syrup for Coffee. You can buy one if you want or if you don’t want to use any vanilla syrup then don’t worry! Table sugar will be perfectly fine for the drink, or you can choose brown sugar, honey, cane sugar, agave syrup or maple syrup for natural sweetener options. You can also use Splenda or Stevia for sugar-free options.

How to Make Mocha Cookie Crumble Frappuccino

In a blender/food processor add the milk, coffee, chocolate chunks, oreos, vanilla syrup and chocolate sauce.

Blended mocha frappuccino with crushed ice in a clear blender pitcher, showing creamy white mixture.

Blender filled with blended mocha frappuccino mixture showing crushed ice and chocolate-coffee blend mid-preparation.

Chocolate sauce being drizzled into a blender containing cream-colored frappuccino mixture with ice and cookie pieces.

Blend well on low-medium speed until the ice is completely crushed. Ensure the blender is not running too fast to ensure there are still tiny pieces of cookie and ice to keep the drink frosty and textured.

Blended mocha frappuccino mixture with crushed ice and cookie crumbles in a blender pitcher.

Pour half the chocolate whipped cream at the bottom of your serving glass, add a drizzle of chocolate sauce and then pour the blended Frappuccino drink.

Hand holding a clear cup filled with blended mocha frappuccino base with chocolate sauce drizzle visible inside.

Chocolate sauce being drizzled into a clear cup containing crushed cookies and blended frappuccino mixture.

Top with more whipped cream, drizzle chocolate sauce and add a sprinkle of crushed oreos.

Pouring blended mocha frappuccino into a glass topped with chocolate whipped cream and cookie crumbles.

Homemade mocha frappuccino base in a clear cup with crushed Oreos in a white bowl beside it, ready for assembly.

Mocha Cookie Crumble Frappuccino topped with whipped cream, chocolate drizzle, and crushed Oreos in a clear cup.

Serve immediately and enjoy!

Hand holding a clear cup of mocha frappuccino topped with whipped cream and crushed Oreo cookies.

Tips for a Mocha Cookie Crumble Frapp That’s Better Than Starbucks!

The amount of ice is important to consider to get the right final consistency in the drink.
Avoiding over-blending the drink to prevent excessive foam. If you do get extra foam due to blending, you can spoon that out.
Blend at Low to Medium-Low speed to ensure there are still small pieces of ice and cookie in the drink. The texture should essentially be crushed, like a frappuccino should be.
Using a whipped cream dispenser to add the whipped cream will help give an authentic experience since the cream will be topped just like at starbucks and will have a very similar taste and texture.
Serve it right away to get the complete experience of the drink with the frozen bits of ice.

Two homemade Mocha Cookie Crumble Frappuccinos with whipped cream and straws on a wooden surface.

Variations

Milk: You can use a dairy-free milk if you want. My recommendations would be coconut milk and soy milk. People say that oat milk is good for coffee, but I personally don’t like the taste of it… The “oat”ness of the drink is too strong for me! If you really want to make this drink special, you could make it using your own Homemade Almond Milk!More chocolate: Throw in some cocoa powder in the blender! Whipped cream: You can use my regular whipped cream recipe make your own if you want to follow the current frappuccino recipe. If you want this drink to be plant-based, then use a coconut whipped cream topping. If you want to really by like Starbucks, then check out how to make whipped cream in a dispenser here. Oreo: I used standard Oreo cookies to best replicate the cookie bits in the Starbucks recipe. However, if you want to have some fun, you can experiment with different Oreo flavors! Try out golden if you want some vanilla flavour, or even one of the more exciting Oreos like birthday cake or cinnamon bun! The flavour of the cream inside the Oreo won’t really matter since we’re going to be grinding these anyway, but a flavoured cookie can really switch things up! Sauce: If you want some caramel goodness to complement the chocolate here, then you can replace the chocolate sauce with some Simple Caramel Sauce. For an adult-style Frappuccino, then you could go for my Coffee Whiskey Caramel Sauce to give you everything - mocha, caramel, and some booze! Want to enjoy fall goodness with chocolate? Then you could experiment with my Pumpkin Spice Sauce.Syrup: If you want some more flavour going into your Frappuccino, you could try my Brown Sugar Syrup! Here are some other options that are store-bought you may want to experiment with:

Two Starbucks Mocha Cookie Crumble Frappuccinos with whipped cream and cookie crumble topping held in hands.

What to Serve with Starbucks Mocha Cookie Crumble Frappe

To be honest, this drink is quite hefty on its own and could really be its own dessert! You may not have the appetite to have anything with it and just enjoy this as a snack.

However, if you have a super crazy sweet tooth or just really love chocolate, then you could certainly pair it with brownies, such as my Gluten-Free Banana Fudgy Brownies or Espresso Brownies with Peppermint Mocha Cream for more coffee flavour! If you want to balance this out as part of a savoury breakfast, try it with a Homemade Sausage McMuffin, Tim Horton’s Farmer’s Wrap, or simply some Mashed Avocado Toast with Fried Egg!

Let me know what you think of this recipe in the comments! If you’ve tried this recipe, be sure to post it on social media and tag it with #cookingwithanadi and mention me @cooking.with.anadi. Thank you!

Recipe by Anadi Misra