This Homemade Mocha Cookie Crumble Frappuccino tastes just like the coffee shop version but costs a fraction of the price. Made with simple ingredients and ready in minutes, it’s an easy, budget-friendly way to enjoy your favorite frozen coffee drink at home.

Mocha Cookie Crumble Frappuccino in a glass topped with crushed cookie
Want to save this?
Just enter your email and I’ll send it right to you, plus great new recipes weekly!

Making this Mocha Cookie Crumble Frappuccino saves me time and money. It is easy to recreate this delicious creamy drinks with basic ingredients, espresso machine, moka pot or a regular coffee maker.

A woman with long dark hair, wearing earrings and a burgundy top, smiles at the camera in front of a textured, beige background.

This Frappuccino blends your favorite coffee to create a delicious drink. We love to top with chocolate cookie crumble for the extra crunch and mocha sauce for the best flavor. I keep the ingredients on hand so we can make this anytime a coffee craving hits without running out or overspending.

Make this simple ingredients cookie crumble mocha Frappuccino the next time you need a caffeine fix. If you love coffee drinks, then you need to make this delicious Frappuccino recipe. Check out this other Copycat Starbucks Recipes – Starbucks White Hot Chocolate, Cotton Candy Frappuccino and Starbucks Cookies and Cream Frappuccino.

This Copycat Mocha Cookie Crumble Frappuccino lets you skip the coffee shop and make it at home for less!

Recipe Snapshot

  • Prep Time – Ready in 5 minutes
  • Budget-Friendly – Yes. Store brand ingredients work great too!
  • Equipment Needed – Blender
  • Best For – Coffee lovers, afternoon treat, copycat drinks

Ingredients 

Ingredients needed - strong brewed coffee, milk, chocolate syrup, chocolate chips, Oreo cookies, ice, whipped cream
  • Strong Brewed Coffee – This is the base of the Frappuccino. You can use regular brewed coffee, cold brew, instant coffee, or espresso—whatever you already have. Making coffee at home is one of the biggest money-savers compared to buying coffee drinks out.
  • Whole Milk – We used whole milk for a creamy texture, but any milk works. Use whatever is already in your fridge—2%, skim, almond milk, oat milk, or soy milk—to avoid buying something extra.
  • Chocolate Syrup – Adds that rich chocolate flavor. Store-brand chocolate syrup works just as well as name brands and costs less. You can also use homemade chocolate syrup if you have it on hand.
  • Chocolate Chips – These add extra chocolate flavor and texture. A small amount goes a long way, making this an affordable add-in that most families already keep in the pantry.
  • Oreo Cookies – Used for the signature cookie crumble topping. Buying a regular package and using just a few cookies is far cheaper than specialty toppings, and the rest can be used for snacks or other desserts.
  • Ice – Ice helps create that thick, frozen Frappuccino texture—no cost and always on hand.
  • Whipped Cream – Totally optional, but adds that coffee-shop finish. Store-brand whipped topping works great and keeps costs down.
Oreo crushed on a cutting board

Step 1 – Crush Cookies – Crush the Oreo Cookies and reserve some for the toppings. 

Pouring in chocolate chips into the coffee mixture in the blender cup

Step 2 – Step 2 – Add Ingredients – Add the coffee shots, ½ cup milk, tablespoons of chocolate syrup, chocolate chips and Oreo Cookies to a blender. 

Step 3 – Blend – Blend until smooth. 

Step 4 – Mix in Cups of Ice Cube – Then add ice to the blender. Blend until the drink is the thickness that you prefer.  More ice will make the frappuccino thicker and less ice will make it thinner. 

Step 5 – Pour into Glass – Pour the mixture into a glass. Then top with the whipped cream, reserved crushed Oreos and drizzle with chocolate syrup. 

Step 6 – Serve and enjoy – Serve immediately while cold and enjoy.

Mocha Cookie Crumble Frappuccino topped with whipped cream and chocolate syrup

Recipe Tips

  • Blending Ingredients – This coffee recipes is easy to make by mixing milk, chocolate syrup and the other ingredients. We recommend using a high speed blender to help with the blending of the ice consistency.
  • Crushing Cookies – For best results we recommend crushing cookie with a food processor.

Substitutions and Additions

  • Change the Milk – We used whole milk in this recipe but feel free to other types. You can use a dairy free milk, coconut milk, soy milk, or oat milk. Mix the ingredients with almond milk or a plant-based milk.
  • More Chocolate Flavor – You can add in cocoa powder or chocolate milk for delicious flavor. Top the frappes with chocolate sauce or mocha syrup with whipped cream.
  • Ice – For strong coffee flavors, make roast coffee ice cubes by pouring coffee in ice cube trays.
  • Cookie Crumbs – We used Oreo to garnish this Frappuccino. But you can use different types of cookies to make this recipe.
  • Sweeteners – This tasty drink is already sweet, but you can add in a sweetener of your choice. I have even added in a ½ teaspoon of vanilla extract for even more flavor.
Mocha Cookie Crumble Frappuccino topped with whipped cream and chocolate syrup

Yes, this Frappuccino is made with strong coffee. We used brewed coffee but you can use french press, cold brew coffee or instant coffee. Use a espresso machine for a shot of espresso to add to the Frappuccino.

Feel free to make this coffee Frappuccino with decaf coffee.

FAQs

What Does Mocha Cookie Crumble Frappuccino Taste Like?

Mocha Cookie Crumble Frap has a smooth and creamy texture with a strong coffee flavor. Adding in the chocolate chips and cookies enhances the sweetness for a family favorite drink.

How to Store Leftover Frappuccino

This Frappuccino is best served immediately. But if you do have leftovers, store in the freezer for up to 2 days. When ready to enjoy again, allow to thaw and top with your favorite toppings.

Can I Make without a Blender?

Yes! While a blender gives the smoothest Frappuccino texture, you can still make this drink without one. Stir or shake together the coffee, milk, chocolate syrup, and crushed cookies in a large jar or cup. Add finely crushed ice (or let regular ice soften slightly before stirring) for a thicker, slushy-style drink. The texture won’t be as smooth, but the flavor is still delicious and budget-friendly.

Is this cheaper than buying one at a coffee shop?

Yes! Making this at home costs just a fraction of the price of a coffee shop Frappuccino. One batch often costs less than a single store-bought drink and can make multiple servings.

How do I make it thicker like a coffee shop Frappuccino?

For a thicker texture, add more ice or use frozen coffee cubes instead of regular ice. Blending longer with a high-speed blender also helps create a smoother, thicker drink.

Two Mocha Cookie Crumble Frappuccinos topped with whipped cream, chocolate syrup, and crushed cookies sit side by side in clear glasses with green straws. Oreo cookies and a white pitcher are in the background.

Mocha Cookie Crumble Frappuccino

5 from 8 votes
Mocha Cookie Crumble Frappuccino can be made at home at a fraction of the cost. Delicious and easy to make your favorite Frappuccino.
Prep Time 5 minutes
Total Time 5 minutes
Servings 1
Cuisine American
Course Beverage
Calories 593

Ingredients

  • 1 cup Strong Brewed Coffee
  • ½ cup Whole Milk
  • 2 Tablespoons Chocolate Syrup
  • 2 Tablespoons Chocolate Chips
  • 4 Oreo Cookies
  • 1-2 cups Ice
  • Whipped Cream

See how we calculate recipe costs.

Want to save this?
Just enter your email and I’ll send it right to you, plus great new recipes weekly.

Instructions

  • Crush the Oreo Cookies and reserve some for the toppings.
  • Add the coffee, milk, chocolate syrup, chocolate chips and Oreo Cookies to a blender.
  • Blend until smooth.
  • Then add ice to the blender and blend until the drink is the thickness that you prefer.  More ice will make the frappuccino thicker and less ice will make it thinner.
  • Pour the mixture into a glass, top with the whipped cream, reserved crushed Oreos and drizzle with chocolate syrup.
  • Serve immediately while cold and enjoy!

Nutrition Facts

Calories 593kcal, Carbohydrates 82g, Protein 9g, Fat 25g, Saturated Fat 11g, Polyunsaturated Fat 4g, Monounsaturated Fat 9g, Trans Fat 0.02g, Cholesterol 16mg, Sodium 281mg, Potassium 603mg, Fiber 4g, Sugar 56g, Vitamin A 213IU, Vitamin C 0.1mg, Calcium 199mg, Iron 4mg

Pin This Now to Remember It Later

Pin Recipe

More Copycat Starbucks Drinks

We love to hear from you. If you make this Starbucks Mocha Cookie Crumble Frappuccino Recipe, please leave us a comment or a star review.

Share this recipe!

Pin

About the Author

Hi, I’m Carrie Barnard — a professional food blogger with over 14 years of experience helping busy families make dinner fast, easy, and affordable.

At Eating on a Dime, I share simple, budget-friendly recipes that are tested in my own kitchen and approved by my 8 kids. With millions of readers each month, I’m here to help you cook real food for real families — without the stress.

5 from 8 votes (8 ratings without comment)

Leave A Review

Your email address will not be published. Required fields are marked *

Recipe Rating