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.

Why You’ll Love Mocha Cookie Crumble Frappuccino!
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.

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

- 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.
How to Make Mocha Cookie Crumble Frappuccino

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

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.

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.

Is there Coffee in Mocha Cookie Crumble Frappuccino?
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
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.
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.
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.
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.
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.

Mocha Cookie Crumble Frappuccino
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.
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
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.



