The Best Mocha Cookie Crumble Frappuccino Recipe at Home

Updated on: August 31, 2023
Author: Nick
If you click on a product while reading this article and decide to buy it, we might earn a small commission at no extra cost to you. Thanks for all your support!
Mocha Cookie Crumble Frappuccino Recipe

The article will share why the Mocha Cookie Crumble Frappuccino is so darn delicious, how to make one at home, and some healthier alternatives, so you can have this tasty beverage without feeling guilty!

The Mocha Cookie Crumble Frappuccino is a delectable blend of chocolate cookie crumbles blended in a combination of coffee and milk with a creamy whipped cream topping, a splash of mocha sauce, and a pinch of Frappuccino chips.

If you are a coffee and chocolate lover with a sweet tooth then this creamy beverage is heaven in a cup!

The refreshing coffee beverage made its debut on May 1, 2012, when the iconic Starbucks coffee house announced its newest Frappuccino choice: the Mocha Cookie Crumble Frappuccino.

As with all new releases, Starbucks initially made this addictive delicacy available for only a limited time but its popularity quickly made it a must-have menu addition year-round.

Now, this favorite frozen coffee beverage has become a regular on the Starbucks menu. 

If you love this trendy mocha Frappuccino with cookie crumbles then you’re probably familiar with its high price tag of around $4.00 (as of March 2023). Why spend so much when you can actually create your own Mocha Cookie Crumble Frappuccino and even modify it to your liking?

In this article, we explore how you can create this beverage in your own kitchen with the right ingredients and equipment. 

History of the Mocha Cookie Crumble Frappuccino

homemade mocha cookie crumble frappuccino

Some would argue that Starbucks did not actually invent the Mocha Cookie Crumble Frappuccino. Instead, they drew inspiration from Giuseppe Sanelli, an Italian man who loved coffee and invented the espresso machine.

His espressos would even contain bits of cream and chocolate, which is now the inspiration for popular modern coffee drinks by Starbucks and other coffee shops. 

The Invention of the Frappuccino 

The Frappuccino was first invented in 1992 at a Cambridge, Massachusetts coffee shop known as the Coffee Connection. They started to distribute a new frozen beverage called the ‘Frappuccino’.  Harvard University students fell in love with the cold, sweet coffee drink.

Starbucks Takes over the Frappuccino

Starbucks brewing coffee recipes

In 1994, the Coffee Connection was sold to Starbucks. With the purchase, they gained the rights to the Frappuccino drink.

In 1995, they tweaked the drink’s recipe and started selling a variety of Frappuccinos.  By 2012, the sales of the Frappuccino topped $2 billion and continue to rise. 

The appearance of the Cookie Crumble Frappuccino

Refreshing drink with Oreo cookies

The beverage appears dark tan in color with pieces of chocolate chip cookie throughout the blended icy drink. It is topped with a mountain of whipped cream with mocha drizzle and a sprinkle of chocolate frappe chips.

It’s available in various Starbucks cup sizes, including the gargantuan 24-oz Venti size!

Mocha Cookie Crumble Frappuccino Taste and Smell 

When you take your first sip of the Mocha Cookie Crumble Frappuccino you’ll notice the cold, sweet smoothness of the beverage.

Even after you swallow the first sip, small pieces of the chocolate chip cookies will persist on your tongue and start to melt from the heat of your mouth.

Many people consider the flavor of the drink to be similar to a chocolate milkshake infused with coffee.

As you gulp it down, you’ll get one last taste treat with the whip cream and mocha syrup topping. Unless you're anything like me and go for the whipped cream and drizzle first!

If you adore chocolate and coffee then you won’t be disappointed with this sweet, cold drink.  Even the aroma will tantalize you as you pick up the undertones of coffee, chocolate, and cream blended together.

DIY Mocha Cookie Crumble Frappuccino Recipe

A few simple ingredients

We know... Starbucks can be expensive...

You can either pick a cheaper Starbucks drink, like a black coffee or you can make your own frappuccino at home! Why pay $4 or more for the frappe when you can quickly make it yourself for a fraction of the cost in just a few minutes? 

Ingredients List

You’ll need the following ingredients to make your own homemade mocha cookie crumble Frappuccino: 

  • 2 cups of vanilla ice cream
  • 2/3 cup of whole milk
  • 1 cup of strong brewed coffee
    (this can be cold brew, iced coffee, or 2 shots of espresso)
  • 2/3 cup of chocolate chips or java chips 
  • 6 to 8 chocolate Oreos or a similar brand
  • 8 tbsp of chocolate syrup or mocha sauce (plus extra for garnish)
  • Whipped cream
  • 1 to 2 crushed Oreos for garnish
  • Ice (optional)

Although this recipe calls for strong coffee, the actual recipe from Starbucks uses Coffee Frappuccino Syrup, which is hard to find or make.

And you’ll need a powerful and large enough blender that is capable of making this delicious recipe because it will yield two (2) servings. 


  1. Add to the blender the vanilla ice cream, whole milk, strong coffee, chocolate chips, Oreos, and mocha sauce.

  2. Pulse until evenly incorporated. If the consistency seems watery, then you can choose to add some ice to thicken it up.

  3. Grab a tall glass, wet the rim with some milk, and lay it upside down on top of a plate of crushed Oreos to create an Oreos-covered rim.

  4. Then turn the glass upright and drizzle some of the mocha sauce along the inside walls, then pour the frappuccino mixture into the tall glass.

  5. Top with whipped cream, Oreo cookie crumbs, and more mocha sauce drizzle to taste.

How to Make a Healthier Mocha Cookie Crumble Frappuccino Recipe

Other ingredients for a healthier alternative

This frappuccino might not be very healthy but there are ways you can make a Mocha Cookie Crumble Frappuccino with fewer calories and fat so it’s more heart-healthy.

Substitute the Vanilla Ice Cream & Whole Milk

Instead of vanilla ice cream, you can use low-fat vanilla frozen yogurt, but those are hard to find. So instead use unsweetened vanilla greek yogurt and add extra ice to get the right consistency.

As for the milk, you can use a low-fat dairy or even a non-dairy substitute, such as almond milk or oat milk. 

Replace the Mocha Sauce 

Use unsweetened cocoa powder in place of chocolate syrup. You can also opt for granulated organic cane sugar, which is healthier than processed white sugar. You can mix the sweetener with the cocoa powder to produce a sweetened cocoa powder. Or even use a sugar-free sweetener.

The easiest substitute is to buy this Hershey's sugar-free mocha sauce from Amazon:

Sugar-Free Chocolate Chips 

Yes, you can find sugar-free chocolate chips online that are just as yummy as the real ones but with fewer calories. They are often a favorite for adding to diabetic recipes. Such as the ones below that are sweetened with Monk Fruit:

Cut Back on the Oreos

Why not cut back on the Oreos? Instead of using five, use half or less. You’ll enjoy the same texture, and you can taste the hallmark cookie flavor but the beverage will have fewer calories. 

But if you really want to use the recommended amount, then you can buy these HighKey Sugar-Free Chocolate Sandwich Cookies:

Substitute the Whipped Cream

It’s hard to tell the difference between regular whipped cream and light. They both have a creamy texture while the light has fewer calories and less fat so it's a little more healthy. Try out Deam Whip, which has 0g of fat and 2g of carbs per serving (link below)!

Variations of the Mocha Cookie Crumble Frappuccino

Why not customize the frozen beverage with your favorite ingredients?

Here are just a few ideas for variations of the mocha cookie crumble Frappuccino. You’ll keep the base recipe but add different treats to the beverage.

Ice Cream Changes

The classic recipe of the Mocha Cookie Crumble Frappuccino uses vanilla ice cream but you can use other flavors to experiment with the beverage.

For instance, why not try mint chocolate chip to put a flavor twist on this delicious drink? It's like having mint-flavored Oreos cookies. Heck, why not even substitute the cookies with the mint-flavored ones? It's a chocolate-mint lover's paradise!

Chocolate mint ice cream

Coffee Differences

Experiment with the coffee recipes that you use. You do not have to use a cold brew. Instead, use your Keurig or Nespresso coffee maker to brew up your favorite blends and use those in the coffee.

If you have an espresso machine then you can also use espresso. Usually, strong coffees work best because you want the coffee flavor added to the sweetness so you don’t feel like you are drinking a milkshake. 

Nespresso brewed coffee

Chocolate Choices

You have to have chocolate because the very name of the beverage contains the word ‘mocha.’ However, there are all kinds of chocolate options.

With the classic recipe you use chocolate chips combined with chocolate syrup but why not try using fudge, brownie crumbles, or even dark chocolate? You could even use chocolate mint candies to bring a touch of mint flavor to the beverage. 

Dark Chocolate

Add Extra Shots

If you want a blended coffee beverage that packs a punch, then you can always add extra espresso shots to the beverage to double up or triple up on the caffeine. Just make sure you don’t overdo it or you might find yourself bouncing off walls. 

Tastes great with espresso

Go Vegan

Yes, you can go with all vegan ingredients when making the creamy beverage.  It might be a little harder to gather up all of the ingredients but it is possible!

Can be 100% vegan

Related Posts:

Frequently Asked Questions

Can you get Mocha Cookie Crumble Frappuccino without caffeine?

If you want a caffeine-free Starbucks Mocha Cookie Crumble then you will have to order a Chocolate Cookie Crumble Crème Frappuccino, which also makes it an ideal drink for kids! If you are making the frozen beverage at home using a copycat recipe then you can always tweak it by opting for decaf iced coffee or decaf cold brew. 

Is the Mocha Cookie Crumble Frappuccino hot or cold?

The Mocha Cookie Crumble Frappuccino is always served as a blended cold drink. You can top the beverage with whipped cream, chocolate syrup, and crumbles. 

What's the difference between Java Chip and Mocha Cookie Crumble?

The Java Chip Frappuccino is another favorite blended beverage that does taste similar to the mocha cookie crumble but it’s actually a lighter taste since it doesn't include the oreo cookies. Also, it contains vanilla and java chips. 

How many shots of espresso are in a mocha cookie crumble?

You can make the beverage with one shot of espresso or more. If you are ordering it from Starbucks, then you can ask your barista to tailor the drink with additional espresso. 

What are the total carbs in a Mocha Cookie Crumble Frappuccino?

The total carbs differ from one size to the other, obviously. So, a Tall (12 oz) Mocha Cookie Crumble Frappuccino contains 45g of carbs, a Grande (16 oz) contains 62g of carbs, and a Venti (24 oz) contains 82g of carbs.

Is the Mocha Cookie Crumble Frappuccino healthy?

No, but you can make the beverage healthier by going with plant-based milk, sugar-free ingredients, and more. However, the Starbucks mocha cookie crumble frappuccinos will always be a decadent indulgence. 

Mocha Cookie Crumble Frappuccino


If you love coffee and chocolate flavor, then you’ll fall in love with the delicious Starbucks Mocha Cookie Crumble Frappuccino. You can order the iconic beverage from a Starbucks coffee house or you can make it in your own kitchen any time you want and for a fraction of the cost!

Nick loves coffee... Actually, he NEEDS coffee! So, he has dedicated his time to learning all he can about this magical bean. He can make a mean latte, is obsessed with flat whites, and is always up for a cup of java!
Copyright © 2023. Your Coffee and Tea Essentials. is a participant in the Amazon Services LLC Associates Program. 
As an Amazon Associate, I earn from qualifying purchases by linking to and affiliated sites at no extra cost to you. is a participant in the GoAffPro Affiliate Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to the partner site.