Starbucks Mocha Cookie Crumble Frappuccino Copycat Recipe

This Starbucks Mocha Cookie Crumble recipe makes the coffee chain’s beloved layered frappuccino right in your own kitchen, for a fraction of the price. It’s cold, chocolatey, and loaded with that crunchy cookie crumble on top that makes every sip a little more interesting.

If you’ve been spending $7 a pop on this drink all summer, this one’s for you. It comes together in about 5 minutes with a blender and a few pantry staples.

Why I Love This Recipe

This is the version I keep coming back to because the mocha flavor is actually strong, not watery. A shot of espresso and real chocolate sauce pull their weight here.

The cookie crumble is the part that usually gets skipped in homemade versions, but it’s the whole point. Crushed chocolate sandwich cookies on top give you a little crunch with every sip.

It scales easily too. Make 1 glass or 4 for a crowd, and the ratios stay consistent.

Recipe Ingredients

• 1 shot (2 oz) espresso, cooled – Strongly brewed coffee works too, but espresso gives you a cleaner, more intense coffee flavor
• 2 tbsp chocolate sauce – Store-bought Ghirardelli or Hershey’s both work; use a good one since it’s a main flavor
• 1 cup whole milk – Whole milk makes the blend creamier; oat milk is a solid dairy-free swap
• 2 cups ice – Standard ice cubes; the amount gives you that thick, frosty texture
• 2 tbsp whipped cream – For layering and topping; canned is completely fine
• 2 tbsp chocolate chips – Semi-sweet; these go into the blend for a deeper chocolate hit
• 3 chocolate sandwich cookies (e.g. Oreos) – Crushed; this is the crumble topping that makes the drink
• 1 tsp chocolate sauce, extra – For drizzling inside the cup before you pour

Variations / Substitutions

• Oat milk or almond milk – Both blend smoothly and keep the drink dairy-free, though oat milk gives a slightly richer result.
• Decaf espresso – Swap in decaf if you want the flavor without the caffeine hit, especially useful for an afternoon treat.
• Dark chocolate sauce – Use 70% dark chocolate melted down if you want a more bitter, less sweet mocha flavor.
• Extra cookie crumble – Double the crushed cookies if you want more crunch; it won’t throw off anything in the blend.
• Java chip variation – Keep the chocolate chips in the blend and add an extra tablespoon for something closer to a Java Chip Frappuccino.
• Vanilla sweet cream instead of whipped cream – Mix 2 tbsp heavy cream with a small splash of vanilla extract and pour it over the top for a richer finish.

If you like cold coffee drinks, the Starbucks Vanilla Bean Frappuccino Copycat Recipe is worth making next.

How To Make Mocha Cookie Crumble Frappuccino

Step 1: Crush the Cookies

Put the 3 chocolate sandwich cookies in a zip-lock bag and seal it. Use the bottom of a glass or a rolling pin to crush them into a coarse crumble, about 30 seconds of work. You want a mix of fine crumbs and a few bigger chunks, not a fine dust.

Set the crumble aside. This is the topping, so you won’t blend it.

Step 2: Drizzle the Cup

Take your serving glass (a tall 16 oz glass works best) and drizzle the 1 tsp extra chocolate sauce along the inside walls in a slow spiral. Tilt and rotate the glass as you pour so it sticks in streaks rather than pooling at the bottom.

This takes about 10 seconds and it’s purely visual, but it makes the drink look exactly like the Starbucks version when you pour the frappuccino in.

Step 3: Blend the Frappuccino Base

Add the 2 cups ice, 1 shot (2 oz) cooled espresso, 2 tbsp chocolate sauce, 1 cup whole milk, and 2 tbsp chocolate chips to a blender. Blend on high for 30 to 45 seconds until the mixture is completely smooth and thick with no visible ice chunks.

The texture should be somewhere between a milkshake and a slushy. If it looks too thin after 30 seconds, add a small handful of ice and blend for another 10 seconds. If it won’t blend at all, add a splash of milk, about 2 tablespoons.

Step 4: Pour and Layer the Drink

Pour the blended frappuccino into your prepared glass, stopping about 1 inch from the top to leave room for the toppings. The chocolate sauce streaks on the sides should show through nicely at this point.

Spoon the 2 tbsp whipped cream over the top in a generous mound, then scatter the crushed cookie crumble over the whipped cream and finish with a light drizzle of extra chocolate sauce if you have any left. Serve immediately with a wide straw.

Recipe Tips

• Cool the espresso before blending. Hot espresso melts the ice too fast and gives you a watery drink. Pull the shot, then let it sit for 5 minutes or pour it over an ice cube in a separate glass to cool it quickly.
• Crush the cookies coarser than you think. Fine cookie powder disappears into the whipped cream. Bigger chunks give you actual texture with each sip.
• Use a wide straw. A regular thin straw gets clogged by cookie pieces. A bubble tea straw or any wide straw lets the full drink experience come through.
• Taste before you pour. Dip a spoon into the blender before pouring. If it needs more chocolate, add another teaspoon of chocolate sauce and pulse once.

Blend times by blender power level (targeting a smooth, thick consistency):

How To Store

• Refrigerate – Frappuccinos do not store well once blended. The ice separates within 20 minutes. Make it fresh and drink it right away.
• Serve Cold – If you need to prep ahead, measure and chill all the liquid ingredients together in a jar in the fridge, then blend with fresh ice when you’re ready to serve.

Frequently Asked Questions

Can I make this without an espresso machine?

Yes. Brew a strong cup of regular coffee at double the usual strength, about 2 oz, or use 2 tsp of instant espresso powder dissolved in 2 oz of hot water, then let it cool completely before blending.

Can I make a larger batch for a group?

Yes, just multiply every ingredient by the number of servings. Blend in batches of 2 at a time so the blender doesn’t overflow, then pour and top each glass individually.

Why is my frappuccino coming out icy and watery instead of thick?

The most common cause is too little ice or too much liquid. Stick to the 2 cups ice to 1 cup milk ratio in the recipe, and make sure your espresso is only 2 oz, not a full cup of coffee.

Can I use chocolate milk instead of whole milk and chocolate sauce?

You can, but the chocolate flavor will be noticeably milder and you’ll lose some of the mocha depth. If you go this route, keep at least 1 tbsp of chocolate sauce in the blend to compensate.

Mocha Cookie Crumble Frappuccino Recipe

Print Recipe Pin Recipe

Prep Time 5 minutes mins

Total Time 5 minutes mins

Servings: 1 servings

Ingredients Method Notes

Ingredients

  

• 1 shot (2 oz) espresso, cooled
• 2 tbsp chocolate sauce
• 1 cup whole milk
• 2 cups ice
• 2 tbsp whipped cream
• 2 tbsp chocolate chips
• 3 chocolate sandwich cookies (e.g. Oreos), crushed
• 1 tsp chocolate sauce, extra for drizzling

Method

 

1. Crush the 3 chocolate sandwich cookies in a sealed zip-lock bag until you have a coarse crumble with both small crumbs and a few larger pieces. Set aside.
2. Drizzle the 1 tsp extra chocolate sauce in a slow spiral along the inside walls of a tall 16 oz serving glass.
3. Add the 2 cups ice, 1 shot (2 oz) cooled espresso, 2 tbsp chocolate sauce, 1 cup whole milk, and 2 tbsp chocolate chips to a blender and blend on high for 30 to 45 seconds until smooth and thick.
4. Pour the blended frappuccino into the prepared glass, leaving about 1 inch at the top. Spoon on the 2 tbsp whipped cream, scatter the cookie crumble over the top, and serve immediately with a wide straw.

Notes

This drink is best made and drunk right away since the ice melts fast once it’s blended. If you’re making it for more than 1 person, blend in separate batches rather than trying to scale up in one go, the texture holds better that way. Cooled espresso is key, so pull your shot first and let it rest while you gather everything else.