Skip to Content

Double Chocolate Chip Frappuccino Recipe [Starbucks Copycat]

This Starbucks Double Chocolate Chip Frappuccino recipe is a decadent frozen drink that’s perfect for a summer treat! If you make it in your own home, it’s a fraction of the cost of the Starbucks version!

A 16 ounce glass of my copycat Starbucks Double Chocolate Chip Frappuccino recipe with a stainless steel straw.

Jump to Recipe

If you’re a chocolate lover, this chocolaty frappe is PERFECT for you! This intense chocolate drink is bursting with decadent chocolate flavor because it’s actually triple chocolate: in the base, in the chocolate chips, and the chocolate drizzle on top!

The official Starbucks name for this drink is the Double Chocolatey Chip Crème Frappuccino Blended Beverage. But it’s also known as a double chocolate chip frappe or frozen chocolate frappe.

In this post I’ll be breaking down how to properly recreate this at home with my easy recipe!

Okay, let’s dive in.

Here’s a video tutorial in case you learn better that way!

The written tutorial is below.

All of the ingredients needed to make a double chocolate chip Frappuccino at home.

Note: Some links are affiliate. All opinions are my own. If you click a link and make a purchase, I will earn a small commission. This has zero impact on the price you pay, and it helps Buttered Side Up out!


First thing, let’s go over the ingredients you’ll need:

  • ¾ cup milk: I like to use whole milk to ensure a creamy, rich texture. If you really have to you could use low-fat milk, but it won’t be the same. You could experiment with a mix of coconut milk and oat milk for a dairy free version, but I haven’t personally tried it. I would steer clear of soy milk and almond milk – they just aren’t my favorite dairy free milks.
  • ¼ cup heavy cream: The Starbucks version only uses milk, but I like to add cream to bump up the creaminess of this drink and enhance the rich flavor. Feel free to use more milk in place of the cream if you prefer.
  • 4 tablespoons of chocolate syrup: Starbucks uses their “mocha sauce” (AKA chocolate sauce) to give their double chocolaty chip Frappuccino its chocolate flavor. I have a tutorial for how to make your own chocolate syrup, which is made with basically the same ingredients as the Starbucks version minus the “natural flavor.” But if you don’t want to bother with making chocolate syrup or you don’t have any on hand, you can substitute 2 tablespoons of cocoa powder and 1 tablespoon of sugar.
  • ¼ cup of dark chocolate chips: I like to use dark chocolate chips in this recipe. There’s no need to use mini chocolate chips – the blender should break them down into small enough pieces.
  • 1 chocolate wafer cookie (optional): Starbucks Frappuccino Chips contain cookie crumbles, which give them almost an Oreo flavor. To include that flavor in your drink, simply add a chocolate wafer cookie. (I like the Jovial chocolate cookies – they’re fair trade and organic.) This is optional, but this is my secret ingredient to make my copycat version over-the-top good. And it gives the whole drink a more similar flavor to the Starbucks version.
  • 1/4 teaspoon xanthan gum (optional): Starbucks uses their Crème Frappuccino Syrup, which contains xanthan gum. Xanthan gum is both a thickening agent and an emulsifier, which helps to keep the drink from separating. This is mostly an aesthetic concern, and you can get your double chocolate chip Frappuccino creamy by simply using cream. But, if you’d like a more authentic texture, you can actually purchase xanthan gum in some grocery stores or online. If you add ¼ teaspoon to the blender, it does edge the texture closer to Starbucks’ version.
  • 1/4 teaspoon vanilla extract: Technically this isn’t included in the base of the Starbucks drink (unless “natural flavors” includes a vanilla flavor), but I’m a vanilla lover, so I like to include it anyway. Please use pure vanilla extract, not imitation vanilla!
  • Pinch of salt: When I tested Starbucks’ version, it tasted a little salty to me. This is probably because their Frappuccino Chips contain salt. To mimic that flavor, I just add a pinch of salt.
  • 1 ¾ cup of ice cubes: This is the perfect amount if your ice cubes are small like mine (here’s the ice cube tray that I use). But if your ice cubes are bigger, you may want to bump it up to 2 cups of ice cubes.

How Do You Make a Double Chocolatey Chip Frappuccino?

Making a double chocolate chip Frappuccino at home is actually pretty simple. You just blend all of the ingredients together until semi-smooth, pour into a glass, dollop some whipped cream on top, and drizzle it with chocolate syrup!

But let me break that down a little further for you.

Before and after blending the double chocolate chip Frappuccino.

Blending the Frappuccino:

Place all of the ingredients into a blender. Start on low speed to prevent overflow, and slowly increase to the highest setting. 

Blend until the drink is thickened, any large pieces of ice are broken down, and the chocolate chips are small, but not tiny.

You don’t want to completely pulverize the chocolate chips. If you find that the chocolate chips are disintegrating before the ice is properly chopped, you can add them after the rest of the drink has blended for a bit.

The Frappuccino base in a 16 ounce (Grande size) cup.

Pour the Frappuccino into a 20-24 ounce glass. 

Here’s the glass I use. This one is 21 ounces, and 1 recipe makes a little more than will fit into it.

This makes between a Grande size (16 ounce) double chocolatey chip Frappuccino and a Venti size (24 ounces).

Whipping cream with a hand held milk frother.

Easy Whipped Cream:

Now what’s a Frappuccino without whipped cream?

PLEASE tell me you always get whipped cream on your Frappuccino!

You could just use canned whipped cream to keep things really simple.

But you know me, I like to make my own.

And it’s actually really easy to make whipped cream at home if you own a hand held milk frother.

Simply place ¼ cup of whipping cream, ⅛ teaspoon of vanilla, and 2 teaspoons of sugar or maple syrup in a small glass or measuring cup.

Then just whip with the milk frother until thickened to your liking.

A copycat Starbucks double chocolate chip frappuccino in a 16 ounce glass with a stainless steel straw.

Scoop or pipe that on top of your double chocolatey chip cream Frappuccino blended beverage (sorry, I had to). 

And to mimic the mocha drizzle, simply drizzle some extra chocolate syrup on top.

Isn’t that gorgeous?!

A side by side comparison of the Starbucks Double Chocolatey Chip Crème Frappuccino vs my copycat homemade version.

Cost Comparison (Starbucks vs. Homemade):

If you plan on drinking a double chocolate chip Frappuccino on a regular basis, making this recipe will definitely save your wallet! 

Okay, let’s break down the cost comparison:

A 16 ounce Grande Starbucks Double Chocolaty Chip Crème Frappuccino® Blended Beverage will set you back $4.95.

If you use organic ingredients, my homemade version will cost around $2.85 for a 21 ounce drink.

But if you use conventional milk and cream and fair trade chocolate and ethical vanilla, it will only cost you around $1.57 for a 21 ounce drink.

That’s less than a third of the price of Starbucks’ version!

Since this fills more than a 21 ounce cup, you could actually make 2 tall (12 ounce) Frappuccino’s with 1 recipe.

So not only do you get to control the ingredients if you make this at home instead of rushing out to Starbucks, you also will be saving a good amount of money.

A copycat Starbucks double chocolate chip frappuccino in a 16 ounce glass with a stainless steel straw.


Now let’s answer some frequently asked questions!

What Does a Double Chocolatey Chip Frappuccino Have in it?

The Starbucks double chocolate chip Frappuccino is made from ice, milk, crème Frappuccino syrup, whipped cream, mocha sauce, and Frappuccino chips.

Here is the full ingredient list:

Ice, Milk, Creme Frappuccino Syrup [Sugar, Water, Natural Flavor, Salt, Xanthan Gum, Potassium Sorbate, Citric Acid], Whipped Cream [Cream (Cream, Mono and Diglycerides, Carrageenan), Vanilla Syrup (Sugar, Water, Natural Flavors, Potassium Sorbate, Citric Acid)], Mocha Sauce [Water, Sugar, Cocoa Processed With Alkali, Natural Flavor], Frappuccino Chips [Confectionary Coating (Sugar, Palm Kernel and Palm Oils, Cocoa Processed With Alkali, Soy Lecithin, Vanilla, Milk), Cocoa (Processed With Alkali, 9%), Cookie Crumbs (Unbleached Unenriched Wheat Flour, Sugar, Palm and Palm Kernel Oil, Cocoa Processed With Alkali, Chocolate Mass, Salt, Sodium Bicarbonate, Soy Lecithin, Natural Flavor), Chocolate Mass (2%), and Salt]

Is There Coffee in the Double Chocolatey Chip Frappuccino?

No, there is no coffee in the Double Chocolatey Chip Frappuccino. It’s a great option for a kids’ drink or for anyone who is avoiding caffeine.

However, it’s important to remember that chocolate does contain a small amount of caffeine. 

Starbucks states that a Grande Double Chocolate Chip Frappuccino contains 15 mg of caffeine. 

If you want to add coffee to this drink to get your caffeine fix, you could cut the milk down to 2/3 cup and add a shot of espresso.  Or you could just add a teaspoon or two of instant coffee.

A cup of Starbucks Frappuccino Chips (AKA Java Chips)

What are Frappuccino Chips Made Of?

Frappuccino chips are from chocolate cookies coated in a chocolate confectionary coating. Their taste is reminiscent of an Oreo. They taste saltier than a regular chocolate chip. And their texture is grittier than a chocolate chip.

They’re actually really yummy, and you an order extra on the side to munch on!

Are Java Chips and Frappuccino Chips the Same?

Yes. Java chips are basically chocolate pieces that you add to coffee drinks.

Starbucks actually calls their java chips Frappuccino Chips. Which is a little confusing since they use Frappuccino Chips in their Java Chip Frappuccino.

Starbucks Frappuccino Chips aren’t considered chocolate chips since the chocolate content is lower than a chocolate chip. Hence the “chocolatey” chip instead of “chocolate” chip in the name.


So that’s how to make my copycat Starbucks double chocolate chip Frappuccino! If you have any questions, please feel free to leave me a comment!

And check out the recipes below for more Starbucks copycat recipes!

Copycat Starbucks Drinks:

Frappuccino Recipes:

Homemade Iced Coffee Drinks:

Recipe Card

Starbucks Double Chocolate Chip Frappuccino

Learn how to make a double chocolatey chip Frappuccino with this easy recipe!

Course Drinks
Cuisine American
Keyword Chocolate, Cold Drink, Frappuccino
Prep Time 5 minutes
Servings 1 16 ounce glass
Calories 844 kcal
Author Erica Kastner


For the Frappuccino:

  • ¾ cup whole milk
  • ¼ cup heavy cream
  • ¼ cup chocolate syrup (see note)
  • ¼ cup dark chocolate chips
  • ¼ tsp vanilla extract
  • 1 pinch salt
  • ¼ tsp xanthan gum (optional)
  • 1 chocolate wafer cookie (optional)
  • cup ice cubes

For the Topping:

  • ¼ cup whipping cream
  • 2-3 tsp sugar
  • tsp vanilla extract
  • chocolate syrup (to drizzle, optional)


For the Frappuccino Base:

  1. Place all of the ingredients for the Frappuccino in a blender pitcher. Start on low, and gradually increase the speed to high. Blend until the ice cubes are well crushed, the drink is thick, and the chocolate chips are in small pieces but not completely pulverized.

    Before and after blending the double chocolate chip Frappuccino.
  2. If you find that the chocolate chips and wafer cookie are disintegrating before the ice is properly chopped, you can add those after the other ingredients have been blended for a bit.

  3. Pour into a 20-24 ounce glass. You could also divide it between 2 12-ounce glasses.

    The Frappuccino base in a 16 ounce (Grande size) cup.

For the Whipped Topping:

  1. Place the cream, sugar, and vanilla extract in a small measuring cup or glass. Whip with a hand held milk frother until desired thickness is reached. Scoop or pipe that over your frappuccino.

    Whipping cream with a hand held milk frother.
  2. Drizzle chocolate syrup on top if desired. Drink immediately.

    A copycat Starbucks double chocolate chip frappuccino in a 16 ounce glass with a stainless steel straw.

Recipe Notes

  • You can substitute 2 tablespoons of cocoa powder and 1 tablespoon of sugar for the chocolate syrup.
  • To make homemade chocolate syrup, mix together 1 cup water, to ¾ cup sugar, 1 cup cocoa powder, and 1/2 teaspoon salt in a saucepan. Bring to a boil, stirring frequently. Sugar should be dissolved. Stir in 1 teaspoon of vanilla extract. Pour into a storage container and cool completely before storing in the refrigerator. 
Recipe Rating