Double Chocolate Chip Frappuccino Recipe [Starbucks Copycat] (2023)

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!

Double Chocolate Chip Frappuccino Recipe [Starbucks Copycat] (1)

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.

Double Chocolate Chip Frappuccino Recipe [Starbucks Copycat] (2)

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.

Double Chocolate Chip Frappuccino Recipe [Starbucks Copycat] (3)

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.

(Video) Starbucks Double Chocolaty Chip Frappuccino at Home!

Double Chocolate Chip Frappuccino Recipe [Starbucks Copycat] (4)

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).

Double Chocolate Chip Frappuccino Recipe [Starbucks Copycat] (5)

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.

Double Chocolate Chip Frappuccino Recipe [Starbucks Copycat] (6)

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?!

Double Chocolate Chip Frappuccino Recipe [Starbucks Copycat] (7)

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:

(Video) Starbucks Double Chocolate Chip Frappuccino | 4 ingredients

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.

Double Chocolate Chip Frappuccino Recipe [Starbucks Copycat] (8)


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.

Double Chocolate Chip Frappuccino Recipe [Starbucks Copycat] (9)

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:

  • Pumpkin Spice Latte
  • Homemade London Fog Latte
  • Dirty Chai Latte
  • How to Make a Mocha Latte
  • Homemade Oat Milk Latte
  • Iced Chai Latte

Frappuccino Recipes:

  • Mocha Frappuccino
  • Iced Matcha Latte
  • Homemade Coffee Frappuccino

Homemade Iced Coffee Drinks:

  • Sweet Cream Cold Foam Recipe
  • Iced Brown Sugar Oat Milk Shaken Espresso
  • Healthy Dalgona Coffee with Honey

Recipe Card

Double Chocolate Chip Frappuccino Recipe [Starbucks Copycat] (10)


Starbucks Double Chocolate Chip Frappuccino

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



KeywordChocolate, Cold Drink, Frappuccino

Prep Time 5 minutes

Servings 1 16 ounce glass

(Video) Starbucks Double Chocolate Chips Frappuchino Recipe | Double 🍫 Frappe | Starbucks Copycat Recipe

Calories 844 kcal

Author Erica Kastner


For the Frappuccino:

  • ¾cupwhole milk
  • ¼cupheavy cream
  • ¼cupchocolate syrup(see note)
  • ¼cupdark chocolate chips
  • ¼tspvanilla extract
  • 1pinchsalt
  • ¼tspxanthan gum(optional)
  • 1chocolate wafer cookie(optional)
  • cupice cubes

For the Topping:

  • ¼cupwhipping cream
  • 2-3tspsugar
  • tspvanilla 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.

    Double Chocolate Chip Frappuccino Recipe [Starbucks Copycat] (11)

  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.

    Double Chocolate Chip Frappuccino Recipe [Starbucks Copycat] (12)

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.

    Double Chocolate Chip Frappuccino Recipe [Starbucks Copycat] (13)

  2. Drizzle chocolate syrup on top if desired. Drink immediately.

    Double Chocolate Chip Frappuccino Recipe [Starbucks Copycat] (14)

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.


1. Starbucks Java Chip Frappuccino | SweetTreats
2. Double Chocolate Chip Frappuccino/Starbucks Copycat
(The Bare Pantry Show)
3. Double Chocolate Chip Frapp - Starbucks
(Remie Lou Geha)
4. Quick & Easy DIY Starbucks Double Chocolate Chip Frappuccino│Ching Ching 씨 Home Café
(Ching Ching 씨)
5. Double Chocolate Chip Crème Frappe
(TikTok Eats)
6. Double Chocolatey Chip Frappuccino Copycat: Noreen's Kitchen
(Noreen's Kitchen)
Top Articles
Latest Posts
Article information

Author: Stevie Stamm

Last Updated: 12/19/2022

Views: 5795

Rating: 5 / 5 (60 voted)

Reviews: 91% of readers found this page helpful

Author information

Name: Stevie Stamm

Birthday: 1996-06-22

Address: Apt. 419 4200 Sipes Estate, East Delmerview, WY 05617

Phone: +342332224300

Job: Future Advertising Analyst

Hobby: Leather crafting, Puzzles, Leather crafting, scrapbook, Urban exploration, Cabaret, Skateboarding

Introduction: My name is Stevie Stamm, I am a colorful, sparkling, splendid, vast, open, hilarious, tender person who loves writing and wants to share my knowledge and understanding with you.