• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Clove and Cumin
  • About
  • Recipes
menu icon
go to homepage
  • About
  • Recipes
    • Facebook
    • Instagram
    • Pinterest
    • YouTube
  • subscribe
    search icon
    Homepage link
    • About
    • Recipes
    • Facebook
    • Instagram
    • Pinterest
    • YouTube
  • ×
    • A bowl of mustard sauce
      Hibachi Mustard Sauce - Copycat Benihana Recipe
    • Benihana Hibachi Steak and Fried Rice
      What Does Hibachi Mean in Japanese? Hint: Not Teppanyaki
    • Easy, Homemade Vanilla Simple Syrup
      Easy Homemade Vanilla Simple Syrup Recipe for Coffee
    • Iced White Chocolate Mocha
      Iced White Chocolate Mocha Starbucks Recipe | Copycat
    • Espresso made with Instant Coffee
      How to make an espresso shot with instant coffee
    • Delicious Coconut Curry Shrimp
      Easy Shrimp Coconut Curry and Potatoes | 30 Mins
    • Vegetable Pulav Recipe
      Vegetable Pulav Recipe | Veg Polao | Pulao Rice
    • Creamy Delicious White Mushroom Pizza with Pecorino and Thyme
      White Mushroom Pizza Recipe with Pecorino and Thyme
    • Perfectly-Steamed-Basmati-Rice
      How to Cook Perfectly Steamed Basmati Rice Every Time
    • A Thin Ribeye Steak
      The Ultimate Guide to Cooking Thin Ribeye Steak
    • Best Thanksgiving Apple Pie 1
      One Hour Quick & Easy Apple Pie | Store Bought Crust
    • Raw-steak-in-the-refrigerator
      How Long Does Raw Steak Last in the Fridge? A Guide
    Home » Drinks

    Starbucks Mocha Cookie Crumble Frappuccino Recipe

    May 16, 2023 by Lima 23 Comments

    Jump to Recipe Jump to Video Print Recipe

    With ribbons of whipped cream, cookie crumble and chocolate sauce this easy Mocha Cookie Crumble Frappuccino Recipe is perfect for a hot day!

    Mocha Cookie Crumble Frappuccino
    Mocha Cookie Crumble Frappuccino

    Starbucks Mocha Cookie Crumble Frappuccino Recipe

    Perfect for a steamy summer afternoon, this Mocha Cookie Crumble Frappuccino is one of the most popular drinks offered by Starbucks. This Frappuccino tastes like a coffee and chocolate flavored milkshake with pops of dark chocolate cookie crumbles, decadent chocolate sauce and oodles of sweet, whipped cream.

    While Starbucks uses their own signature mocha sauce and java chips, this copycat recipe substitutes these with simple ingredients which are easily available ingredients. Despite the substitutions, this copycat homemade Frappuccino still tastes like the real thing! The Mocha Cookie Crumble Frappuccino is a high calorie dessert drink so directions are provided in case you want to substitute some of the ingredients with lower calorie or plant-friendly options.

    Why you'll love this Mocha Cookie Crumble Frappuccino recipe

    • Its absolutely delicious! This heavenly sweet treat is made for coffee and chocolate lovers who have a sweet tooth.
    • The basic ingredients are customizable. By making it at home, you can easily customize this drink by adding an extra burst of goodness - like a little more cookie crumble or chocolate sauce. You also have the option of making a lighter version or healthier version by substituting some of the ingredients.
    • Quick and easy. No special skills or equipment is required! Just a blender and a tall glass. You can also make some of the individual components ahead of time and quickly assemble the drink when ready.
    • Available anytime and won't break the bank. Not only can you enjoy this heavenly drink anytime you want, but you can have it over several days with the price of one trip to your local Starbucks or local coffee shop.

    Ingredients & Substitutions

    Ingredients for Homemade Mocha Cookie Crumble Frappuccino
    Ingredients for Homemade Mocha Cookie Crumble Frappuccino
    • Strong brewed coffee or espresso. While any type of coffee works - my favorite coffee type is bold dark roast because you need the strong coffee flavors to stand up to the other flavors in the drink. You can also substitute with regular coffee or decaffeinated coffee..
    • Oreo cookies. The dark cookie part of the regular Oreos is all that is needed to get that delicious cookie flavor. You can use any other type of similar dark chocolate cookie or chocolate sandwich cookie - just remove any cream filling.
    • Whole milk. I use whole milk because it makes the Frappuccino taste just right. For an even creamier Frappuccino, you can use half and half, heavy cream or even ice cream. To reduce calories you can use 2% milk or substitute with vegan friendly plant-based options like soy milk, oat milk, coconut milk and almond milk.
    • Chocolate syrup or mocha sauce. Any brand of chocolate syrup or mocha sauce works. To make a mocha syrup similar to the one used in for Starbucks' Mocha Cookie Crumble Frappuccino, simmer equal amounts of strong coffee, cocoa powder and sugar with a pinch of salt and dash of vanilla until it thickens to a chocolate sauce-like consistency.
    • Chocolate chips. I use Ghirardelli milk chocolate chips when making this Frappuccino. You can use your favorite type or brand of chocolate chips. The original Starbucks Frappuccino recipe uses java chips which taste very much like chocolate chips when blended. Starbucks uses Java chips because they are easier to blend with coffee due to their higher cocoa content. Java chips are available in specialty stores and can also be purchased online.
    • Ice cubes. The ice cubes give the Frappuccino its signature milk shake like texture. For very strong coffee flavors, you can also use frozen coffee ice cubes. The amount of ice used in this recipe can be varied depending on your preference.
    • Sweetened whipped cream. Save time by using canned heavy whipped cream (aerosol). I use Land O'Lakes' canned sugar free whipped cream to reduce the amount of calories in this drink.

    How to make Mocha Cookie Crumble Frappuccino

    Make the cookie crumble

    Make The Cookie Crumble
    Make The Cookie Crumble
    • Remove the white cream filling from the Oreo cookies. Place the Oreo cookies into a blender and blitz it 2-3 times. The cookies should be made up of some fine and some small cookie crumbs. Set aside. I typically discard the cream filling- but you could technically use it for some other purpose e.g., as an ingredient for Oreo ice cream or as a sweet dip for fruit (thin out with 1-2 teaspoons of water or milk).

    Make the Frappuccino base

    Make the Frappuccino Base
    Make the Frappuccino Base
    • Make 2 ounces of very strong coffee or espresso. If you do not have an espresso machine or a Moka pot, use instant coffee. To make espresso with instant coffee just follow the directions on the instant coffee label for 2 ounces (or shots) of espresso.
    • Pour the milk and espresso into the blender. Add all but 1 teaspoon of the Oreo cookie crumbles. Set aside the 1 teaspoon of cookie crumbles for garnish. Add a third of the chocolate syrup and the ice. Blend.

    Assemble the Frappuccino

    Mocha Cookie Crumble Frappuccino:  Layers from the bottom up - whipped cream, chocolate syrup, frappuccino base, whipped cream, chocolate syrup, cookie crumbles
    Layering The Mocha Cookie Crumble Frappuccino
    • Add an inch of whipped cream and drizzle a little of the mocha sauce on the bottom of the serving glass. For an authentic Starbuck's "look", apply a little of the mocha drizzle to the sides of the glass.
    • Pour the blended Frappuccino mixture into the glass.
    • Swirl the whipped cream on top. Drizzle with chocolate sauce. Sprinkle the remaining cookie crumbles on top. Serve immediately.
    Homemade Mocha Cookie Crumble Frappuccino
    Homemade Mocha Cookie Crumble Frappuccino

    Expert Tips

    • Do not over blend. Blend the Frappuccino mixture just enough so that it has a smooth, creamy texture. If you over blend, the ice will melt, and the texture will be more watery than the regular mocha Frappuccino.
    • For a stronger taste make coffee ice cubes. Freeze some coffee ahead of time in ice cube trays and use the frozen coffee ice cubes instead of regular ice cubes to get a stronger coffee flavor.

    Storage

    Chocolate Cookie Crumble Frappuccino is best served freshly blended. Blended iced coffee recipes don't store well because the signature milkshake texture is lost within an hour, as the ice melts. Instead of making extra and storing leftovers in the refrigerator, it is better to make the individual components ahead of time and simply assemble the drink when ready to serve.

    Variations

    Take this drink to the next level by adding other Frappuccino syrups. Starbucks uses a whole slew of syrups to further customize their custom drinks. The most popular one used in this drink is vanilla syrup. I also love adding hazelnut syrup to my own Mocha Cookie Crumble Frappuccino.

    I once added vanilla ice cream on top of the Frappuccino instead of whipped cream. It was amazing!

    Nutrition

    A single serving of this Mocha Cookie Crumble Frappuccino with whole milk has about 483 calories, 23.7g of fat and 63.2g of carbohydrates. Note that the caloric content will increase dramatically if you decide to use more of any of the ingredients with the exception of the espresso.

    This recipe yields 1 serving. The nutrition guidance and is intended for informational purposes only. Please use it as a general guideline. If the nutrition information is important to you, you should independently verify it using your preferred tool.

    What to serve with Starbuck's Mocha Cookie Crumble Frappuccino

    This delicious Frappuccino is best served alone as a dessert drink. I love having it as an afternoon pick me up!

    FAQs

    What is a Frappuccino?

    A Frappuccino is a coffee drink, trademarked by Starbucks where a base of coffee, milk and ice is blended into a smooth, milkshake-like texture. The Frappuccino is often sold as a decadent dessert drink topped with whipped cream with other flavors like different syrups, cookie crumbles and chocolate sauce.

    Lima and Tareq

    DID YOU MAKE THIS RECIPE?

    We'd love to hear how it turned out. Please take a picture and tag us on Instagram @cloveandcumin

    Looking for more recipes?

    Dessert Recipes

    • Indian Mango Lassi
      Mango Lassi with Mango Pulp or Fresh/Frozen Mango
      Cook Time5 Minutes
    • Banana-Bread
      How to bake perfect banana bread with frozen bananas
      Cook Time1 Hours 10 Minutes
    • New York Style Cheesecake
      New York Cheesecake with Philadelphia Cream Cheese
      Cook Time4 Hours
    Delicious Mocha Cookie Crumble Frappuccino
    Print Recipe
    5 from 13 votes

    Starbucks Mocha Cookie Crumble Frappuccino

    With ribbons of whipped cream, cookie crumble and chocolate sauce this easy Mocha Cookie Crumble Frappuccino Recipe is perfect for a hot day!
    Prep Time5 minutes mins
    Cook Time5 minutes mins
    Total Time10 minutes mins
    Course: Drinks
    Cuisine: American
    Keyword: cookie crumble frappuccino, frappuccino, mocha frappuccini, starbucks frappuccino, strabucks mocha frappuccino
    Servings: 1 serving
    Calories: 483kcal
    Author: Lima

    Equipment

    • Espresso machine or any coffee maker optional
    • Blender
    • 1 tall glass

    Ingredients

    • 2 ounces strong brewed coffee or espresso * to make espresso with instant coffee, follow directions on label for 2 shots or ounces of espresso
    • 6 oreo cookies
    • ½ cup whole milk
    • 2 Tablespoon chocolate syrup mocha sauce divided into thirds
    • 1 Tablespoon chocolate chips
    • 1 cup ice cubes
    • ½ -⅔ cup whipped cream

    Instructions

    Make the cookie crumble

    • Remove the white cream filling from the Oreo cookies. Place the Oreo cookies into a blender and blitz it 2-3 times. The cookies should be made up of some fine and some small cookie crumbs. Set aside.
      Make The Cookie Crumble

    Make the Frappuccino base

    • Make 2 ounces of very strong coffee or espresso. If you do not have an espresso machine or a Moka pot, use instant coffee. To make espresso with instant coffee just follow the directions on the instant coffee label for 2 ounces (or shots) of espresso.
      Pour the milk and espresso into the blender. Add all but 1 teaspoon of the Oreo cookie crumbles. Set aside the 1 teaspoon of cookie crumbles for garnish. Add a third of the chocolate syrup and the ice. Blend.

    Assemble the Frappuccino

    • Add an inch of whipped cream and drizzle a little of the mocha sauce on the bottom of the serving glass. For an authentic Starbuck's "look", apply a little of the mocha drizzle to the sides of the glass.
      Pour the blended Frappuccino mixture into each glass.
      Swirl the whipped cream on top. Drizzle with chocolate sauce. Sprinkle the remaining cookie crumbles on top. Serve immediately.

    Video

    Notes

    • Do not over blend. Blend the Frappuccino mixture just enough so that it has a smooth, creamy texture. If you over blend, the ice will melt, and the texture will be more watery than the regular mocha Frappuccino.
    • For a stronger taste make coffee ice cubes. Freeze some coffee ahead of time in ice cube trays and use the frozen coffee ice cubes instead of regular ice cubes to get a stronger coffee flavor.

    Storage

    Chocolate Cookie Crumble Frappuccino is best served freshly blended. Blended iced coffee recipes don't store well because the signature milkshake texture is lost within an hour, as the ice melts. Instead of making extra and storing leftovers in the refrigerator, it is better to make the individual components ahead of time and simply assemble the drink when ready to serve.

    Variations

    Take this drink to the next level by adding other Frappuccino syrups. Starbucks uses a whole slew of syrups to further customize their custom drinks. The most popular one used in this drink is vanilla syrup. I also love adding hazelnut syrup to my own Mocha Cookie Crumble Frappuccino.
    I once added vanilla ice cream on top of the Frappuccino instead of whipped cream. It was amazing!

    Nutrition

    A single serving of this Mocha Cookie Crumble Frappuccino with whole milk has about 483 calories, 23.7g of fat and 63.2g of carbohydrates. Note that the caloric content will increase dramatically if you decide to use more of any of the ingredients with the exception of the espresso.
    This recipe yields 1 serving. The nutrition guidance and is intended for informational purposes only. Please use it as a general guideline. If the nutrition information is important to you, you should independently verify it using your preferred tool.
    « How to Reheat Pizza - Pan, Air Fryer, Oven, Toaster Oven
    Frappuccino vs. Cappuccino - 11 Key Differences »

    Reader Interactions

    Comments

    1. Emma

      August 07, 2024 at 1:08 am

      5 stars
      So good will be making again

      Reply
      • Lima

        August 11, 2024 at 9:05 am

        I am so glad that you liked it!!

        Reply
        • Deborah Crawley

          August 27, 2024 at 9:57 pm

          5 stars
          Really awesome!, Thanks!

        • Lima

          August 27, 2024 at 10:25 pm

          Thank you!

    2. Ali

      July 09, 2023 at 2:06 pm

      5 stars
      This frappuccino was incredible!! So much better than the starbucks version and much cheaper to be able to make it at home.

      Reply
      • Lima

        July 09, 2023 at 7:05 pm

        I am so glad you liked it! Thanks!

        Reply
    3. Gina Abernathy

      May 20, 2023 at 10:54 am

      5 stars
      Made this for a treat last night and enjoyed every bit of it. Delish!

      Reply
    4. Shadi Hasanzadenemati

      May 20, 2023 at 9:17 am

      5 stars
      I was looking for a recipe like this, thank you for sharing! I can't wait to try it soon!

      Reply
    5. dana

      May 20, 2023 at 8:44 am

      5 stars
      This was an absolute DREAM. And so much better to make at home than going to Starbucks. Thank you!

      Reply
    6. Angela

      May 20, 2023 at 8:43 am

      5 stars
      Ok, this is better than Starbucks! So happy I found this recipe. Making it from home from now on!

      Reply
      • Lima

        June 01, 2023 at 10:00 pm

        Thrilled to hear it!

        Reply
    7. Sharon

      May 19, 2023 at 8:45 pm

      5 stars
      I love this Starbucks frappucino favorite and now I can make it right at home.

      Reply
      • Lima

        June 01, 2023 at 9:59 pm

        I am so glad you liked it! Lima

        Reply
    8. Colleen

      May 16, 2023 at 6:24 pm

      5 stars
      This looks deliciously decadent. It's been very hot here, so and I can't wait to make this for a weekend treat!

      Reply
      • Lima

        May 16, 2023 at 9:09 pm

        Its hugely addictive! Please let me know how it goes!

        Reply
    9. Nikki

      May 16, 2023 at 5:24 pm

      5 stars
      Wow! No more drive thru for me, I'm making this myself from now on. Yum!

      Reply
      • Lima

        May 16, 2023 at 9:09 pm

        Awesome! Its a gamechanger!

        Reply
    10. Dina Miller

      May 16, 2023 at 5:07 pm

      5 stars
      Oh my goodness this was dessert! Yum!

      Reply
      • Lima

        May 16, 2023 at 9:10 pm

        Same - so addicted!!!

        Reply
    11. Beth

      May 16, 2023 at 4:56 pm

      5 stars
      Decadent and so delicious. Can't wait to make it again! Thanks!

      Reply
      • Lima

        May 16, 2023 at 9:10 pm

        Glad you liked it - its perfect for summer!

        Reply
    12. Hayley Dhanecha

      May 16, 2023 at 4:41 pm

      5 stars
      This mocha was super delicious, so refreshing and easy to whip up!

      Reply
      • Lima

        May 16, 2023 at 9:10 pm

        Thrilled that you like it! Its soooooo good!

        Reply

    Leave a Reply Cancel reply

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

    Recipe Rating




    Primary Sidebar

    Lima and Tareq

    Hi! Welcome to Clove and Cumin! We are foodies who love to cook!

    Decoding the secrets to cooking restaurant-quality meals is our specialty. We take pride in studying global flavors, studying their unique flavor profiles and empowering you with the knowledge and skills to easily replicate them in the comfort of your home kitchen.

    MORE ABOUT US >

    KEEP IN TOUCH!

    • Instagram
    • YouTube
    • Facebook
    • Pinterest

    JAPANESE

    • Benihana Chicken
      Easy Hibachi Chicken Recipe - Copycat Benihana Recipe
    • Benihana Fried Rice
      Benihana Fried Rice Recipe with Secret Garlic Butter
    • Japanese-Hibachi-Shrimp-v
      Japanese Hibachi Shrimp | Benihana Copycat Recipe
    • Benihana-Vegetables-(Copycat)-2
      Best Hibachi Vegetable Recipe - Benihana Copycat

    AS FEATURED IN

    As seen in with square

    DID YOU TRY A RECIPE?

    Tag @cloveandcumin on Instagram!

    Footer

    ↑ back to top

    STAY CONNECTED

    FOLLOW US

    • Facebook
    • Pinterest
    • Instagram
    • YouTube

    BROWSE

    Mains

    Better-Than-Takeout

    Breads

    Pizza

    INFO

    About us

    Privacy Policy

    Accessibility

    Contact

    © Clove and Cumin 2024 | All Rights Reserved