Go Back
Homemade Mocha Cookie Crumble Frappuccino topped with whipped cream, mocha drizzle, and crushed cookies

Mocha Cookie Crumble Frappuccino (DIY Copycat Recipe)

Eva
Learn how to make the Starbucks Mocha Cookie Crumble Frappuccino at home with easy ingredients, expert tips, and delicious chocolatey layers.
Prep Time 5 minutes
Total Time 5 minutes
Course Beverages, Drink, Drinks
Cuisine American
Servings 1 serving
Calories 480 kcal

Equipment

  • Blender
  • Measuring cups
  • Spoon

Ingredients
  

  • 1 cup Ice
  • 3/4 cup Milk Whole almond, oat, or soy
  • 1/2 cup Strong brewed coffee Cooled; or use cold brew concentrate
  • 3 tbsp Mocha sauce Store-bought or homemade
  • 2 tbsp Granulated sugar Optional for extra sweetness
  • 2 tbsp Chocolate chips or crushed cookies For frappuccino chips
  • As needed Whipped cream For layering and topping
  • As needed Chocolate cookie crumbs Oreo crumbs work well
  • As needed Mocha drizzle Store-bought chocolate syrup

Instructions
 

  • 1️⃣ Brew & cool the coffee
  • If using coffee, brew a strong cup and let it cool completely.
  • 2️⃣ Blend the frappuccino base
  • In a blender, combine ice, milk, cooled coffee, mocha sauce, sugar, and chocolate chips or cookie crumbs. Blend until smooth and creamy.
  • 3️⃣ Layer the cup
  • Add a layer of whipped cream and cookie crumbles to the bottom of your glass.
  • 4️⃣ Pour & top
  • Pour in the blended frappuccino mixture. Top with more whipped cream, mocha drizzle, and cookie crumbles.
  • 5️⃣ Customize (Optional)
  • Adjust sweetness, milk type, or add an extra espresso shot for a stronger mocha flavor.

Notes

For a caffeine-free version, skip the coffee and use extra milk. To reduce calories, opt for almond milk, sugar-free mocha syrup, and fewer toppings.
"Love Starbucks drinks? Check out our Caramel Ribbon Crunch Frappuccino and Java Chip Frappuccino recipes too!"
Keyword homemade frappuccino, Mocha Cookie Crumble Frappuccino, mocha frappuccino recipe, Starbucks copycat