Mocha Cookie Crumble Frappuccino: Super Easy Recipe

The mocha cookie crumble frappuccino is proof that an extra crunch never goes unappreciated. When you think you’ve seen and tasted all, a new deliciousness comes right around the corner. 

We’ve deconstructed this drink and made a foolproof homemade version. So read on to get it in your cup!

Topics Explored

  1. What Is A Mocha Cookie Crumble Frapp?
  2. What Does It Taste Like?
  3. Similar Frappuccinos
  4. Homemade Mocha Cookie Crumble Frappuccino Recipe
  5. Dietary Substitutions
  6. More Questions

Mocha cookie crumble frappuccino is a uniquely layered Starbucks drink. The trademarked frap roast is sandwiched between two layers of whipped cream

There’s also a layer of chocolate cookie crumble, blended ice, Starbucks chocolate chips, and an extra drizzle of chocolate sauce.

Homemade Mocha Cookie Crumble Frapp

Starbucks first introduced this frappuccino in 2012 and got it off the menu in 2015.

While not on the menu, customers still ordered their favorite as a secret menu item. 

Luckily in the spring of 2019, Starbucks officially brought back the much-loved frappuccino on their menu.(1)

What Is In It?

The mocha cookie crumble frappuccino starts with an untypical layer of whipped cream on the bottom of the cup, followed by a chocolate cookie crumble

The main drink is the Starbucks instant blend, a Frap roast mixed with milk, ice, mocha sauce, and the Starbucks version of chocolate chips.

There’s a finishing layer of whipped cream on top and chocolate sauce. (2)

Oreo In Frappuccino Mix


The frappuccino has a strong chocolate taste, with noticeable cookie notes.

The crumble is finely blended so you can’t really feel a crunch or distinguish it from the ice unless the drink is melted.

You can’t really taste the coffee, but the added whipped cream at the bottom gives it extra creaminess.


The appearance is what triggers most first-time buyers. The ‘sandwiched’ frozen drink between whipped cream looks delicious, and it’s not as common

The drink’s texture is milkshake-like and even grainy, but whipped cream makes it creamy.

The additional cookie crumble and chocolate on top makes it even more decadent.

Mocha Cookie Crumble Calories

So how much will this indulgence cost you calorie-wise? As expected, a grande frappuccino has the same amount of calories as a whole chocolate bar.

However, the Starbucks version has fewer calories compared to other brands, like Mcdonald’s mocha frappe.

Making The Frapp

Other Types Cookie Crumble Frapps

Besides the regular version, there are some delicious twists to this frappuccino that you should try. We’ve listed the best ones and how to order them.

1. White Mocha Cookie Crumble Frapp

Cookie Crumble Frapp

How To Order:

Start by ordering a white chocolate mocha frappuccino and ask your barista to add frappucino chips. Besides the missing cookie crumble, the regular chocolate sauce is also swapped for white chocolate sauce.

Since the ingredients are similar, the only switch taste-wise is the white chocolate flavor. The texture is also lighter.


  • White Mocha Sauce
  • Coffee Frappuccino Syrup
  • Milk
  • Ice
  • Whipped Cream
  • Frappuccino Chips

2. Caramel Cookie Crumble Frapp

For the caramel version, start by ordering a regular mocha cookie crumble. Then, ask the barista to add 2 pumps of toffee nut syrup instead of the 2 pumps of mocha.

Get whipped cream on top as per usual and swap the chocolate drizzle for a caramel drizzle.


  • Mocha Sauce
  • Toffee Nut Syrup
  • Coffee Frappuccino Syrup
  • Milk
  • Ice
  • Whipped Cream
  • Caramel Drizzle
  • Frappuccino Chips

3. Oreo Cookie Crumble Frapp

Oreo Cookie Crumble

How To Order:

This drink requires some DIY action on your end, as Starbucks doesn’t carry Oreos. Order a mocha frappucino and buy a small pack of Oreos, smash them and add them to the cup. 

Or cut a step and get Oreo crumbs. The chocolaty Oreos merge wonderfully with the frappuccino!


  • Mocha Sauce
  • Coffee Frappuccino Syrup
  • Milk
  • Ice
  • Whipped Cream
  • Oreos

Let’s cut to the chase and present you our tried and tested mocha cookie crumble frappuccino recipe. Once you’ve mastered it, it’s likely to become your go-to dessert drink!

Mocha Cookie Frappuccino

Mocha Cookie Crumble Frappuccino Recipe

Yield: Servings: 1 serving (~16 oz)
Prep Time: 20 minutes
Total Time: 20 minutes

Of course, we can't get our hands on the Frap roast, so for the homemade mocha cookie crumble frappuccino recipe you're free to use any instant coffee.


  • Instant Coffee: 2 tbsp
  • Hot Water: 1/2 cup
  • Whole Milk: 3/4 cup
  • Chocolate Syrup: 2 tbsp
  • Hot Cocoa Powder: 2 tbsp
  • Sugar: 1 tbsp
  • Oreos*: 5 cookies
  • Ice: 1 cup
  • Whipped Cream


  1. Start by preparing the instant coffee, but don't follow the manufacturer's instructions as we're making it stronger. Instead, mix the 2 tablespoons in 1/2 cup of water until it has dissolved.Instant Coffee
  2. While the coffee is hot, add the sugar, cocoa powder and chocolate syrup. Mix to incorporate everything together. Set aside to cool.Cocoa Powder To Instant Coffee
  3. Once the coffee has cooled off, add it to the blender together with the milk. Pulse for 30 seconds to combine them well.Milk Into Frapp Mix
  4. Stop the blender and add the Oreos and ice. Continue blending until there are no large chunks and the mixture looks homogenous.Oreo In Frappuccino Mix
  5. Take a glass tumbler and fill the bottom with the first layer of whipped cream. Then carefully transfer the frappuccino mix with a spoon.Whipped Layered
  6. Finally, top the frappuccino with the final layer of whipped cream, crush one Oreo into crumbs and sprinkle on top. Enjoy!Copycat Mocha Cookie Crumble Frappuccino


* Reserve 1 cookie to crumble on top

Every share keeps this site running:

If you enjoy my work, please share any of our photos on Pinterest. Every bit helps ❤️

Dietary Substitutions

Although mouthwatering, this frappuccino has some allergens. It’s also not compatible with a vegan, non-dairy or low-calorie diet. So we have a few suggestions below.

Steamed Milk Into Coffee

Lower Calorie

The calories in this frappuccino come from sugar and fat. Substitute the whole milk for non-fat milk to cut the calories from fat.

Swap the hot cocoa powder and use unsweetened cocoa powder. You can also get sugar-free chocolate syrup, even Hershey’s has one! 


You can make this frappuccino vegan too!

Start by substituting the whole milk for oat milk, as it’s the one closest in texture and fat. Next, use unsweetened plain cocoa powder as the hot cocoa powder might have powder milk. 

Go for Hershey’s syrup which is vegan, and add vegan chocolate shaving or cacao nibs instead of cookie crumble.


Copycat Mocha Cookie Crumble Frappuccino

The mocha cookie crumble frappuccino is one of the most popular frappuccinos; it was even discontinued and brought back on the menu! 

It’s more of a dessert drink with little caffeine, but it’s great to make at home as a dessert drink. Follow our recipe to save some time and money!

More Questions

Is the Mocha Cookie Crumble good?

Our honest judgment is that yes, the mocha cookie crumble is good. It’s not grainy; it’s smooth, with a rich chocolate flavor and hints of coffee.

All parts fit through the straw, so you get a good sip. As it melts, it becomes more grainy, and you can really taste the cookie bits.

Is there coffee in the Mocha Cookie Crumble?

Yes, there is Frapp roast coffee in the mocha cookie crumble. The Frapp roast is not a type of roasted beans but an instant coffee mixture. 

It’s dissolved with cold water as the frappuccinos are blended with ice, and hot coffee like an espresso won’t work. It’s made and only used commercially by Starbucks. It’s not available for purchase.

Is the Mocha Cookie Crumble Frappuccino still available?

Yes, the mocha cookie crumble frapp was bought back as part of the regular menu at Starbucks in 2019. It was discontinued for 4 years, but the baristas could still make it as a secret menu drink. 

The first time this frappuccino appeared in Starbucks history was in 2012, and it was topped with chocolate whipped cream.

Verified Sources

Wondering where your info comes from? We totally understand. Hey Joe only obtains our information from reputable sources. Contents from this article are sourced from the following publications:

  1. Cosmopolitan:
  2. Starbucks: 
About Char Holland
Skip to Recipe