Two tall glasses are filled with a frothy Chocolate Chip Mocha Frappuccino, topped with whipped cream, chocolate chips, and chocolate sprinkles. A clear straw extends from one of the glasses. Chocolate chips are scattered around on the white marble surface.

Starbucks Copycat Chocolate Chip Mocha Frappuccino

This chocolate mocha Frappuccino is a nod to one of my favorite Starbucks beverages, the mocha Frappuccino. It is full of chocolatey goodness and the caffeine fix most of us crave in the mornings. It only has a few simple steps and you can make it in your own home for a fraction of the cost. All you need is instant coffee, ice cubes, Starbucks hot cocoa mix, milk, and vanilla extract. With a chocolate lover household, I make these on a regular basis. Full recipe card below.

Two tall, frothy Chocolate Chip Mocha Frappuccinos in glass jars are topped with whipped cream, chocolate sprinkles, and chocolate chips. Clear straws stick out of the jars. The background features a white towel with black stripes and a gray textured surface. Text reads: "Copycat Chocolate Chip Mocha Frappuccino.

This post contains affiliate links. Please see my privacy policy for more information.

Every Saturday morning my husband asks if I can make Starbucks drinks. Luckily, it is an easy recipe with simple ingredients you could actually make it every single day. But for me, I like to reserve my favorite indulgence for the weekends. If you are a cold coffee lover, you will likely love these frozen coffees too.

Why You Will Love this Recipe

  • Quick: You can easily make this full recipe in 10 minutes for two people. You can’t get through the Starbucks line at 8 am on your way to work that fast.
  • Easy: There are no time consuming steps. You don’t even have to brew the coffee. Just toss a few ingredients in the blender and you are done!
  • Taste: This is one of my favorite drinks! It has just enough chocolate and caffeine boost to start your day.
  • Healthier: I don’t like to dive too much into health benefits because I am not a dietician, but it doesn’t take a professional to know that 2% or skim milk is better for my waistline than heavy cream.

Ingredients

This is a simple recipe but the best part is it can an be modified with different ingredients for your taste buds or dietary needs. All you need is the basic recipe to build your own cold Starbucks beverage.

A collection of ingredients for making a chocolate beverage placed on a counter. Items include a Hershey's chocolate syrup bottle, a container of Starbucks hot cocoa mix, a jar of instant coffee, chocolate chips for adding that extra touch to your Chocolate Chip Mocha Frappuccino, and beakers of milk and ice.

Instant Coffee – The first thing you need is coffee. I am not usually a fan of instant coffee when I am just after a cup, but it is the perfect ingredient to make a multitude of at home coffee drinks. This can be found at your local grocery store in the coffee aisle. If you prefer strong coffee, add a little extra or a shot of espresso instead.

Hot Cocoa Mix – The Starbucks hot cocoa mix is hands down the best in my opinion. I usually find mine at Costco. It has a rich taste that creates a decadent chocolate flavor whether you are making hot cocoa or a chocolate Frappuccino.

Liquid Ingredients – As with any blended coffee you would get at your local coffee shop, you will need a little bit of liquid to blend it all. I prefer to make mine with 2% milk, however you could also use whole milk for a creamier version or low-fat milk for a lower calorie option. You could also use a plant-based milk like almond milk, soy milk, or coconut milk for a vegan option, but these may change the taste a bit.

Vanilla – I only use an 1/8 teaspoon of vanilla extract, but for real vanilla lovers, add a little extra or mix in a scoop of vanilla ice cream or vanilla syrup.

Ice – This is not only going to make your beverage cold, but it will give it the frozen component. If you want to go all out and make it a dessert, feel free to use less ice and add a scoop or two of vanilla, coffee, or chocolate ice cream. This will definitely make it more creamy.

Toppings – I like to top mine with whipped cream, a chocolate drizzle, and chocolate pieces. I usually use semi-sweet chocolate chips but dark chocolate chips or mini chocolate chips are a great option too. You can also use chocolate sprinkles.

Blender Options

When making a blended coffee with ice, it is very important to have a high-powered blender or your homemade Frappuccino is going to taste more like an iced coffee. My Ninja Foodi blender is a Rockstar. It blends frozen ingredients very well and even crushes ice like a pro. Trust me you want a good high-speed blender.

Two frothy Chocolate Chip Mocha Frappuccinos topped with whipped cream and chocolate sprinkles sit on a white surface. A sleek, stainless steel French press is placed beside them, along with scattered chocolate chips. A light gray textured background completes the scene.

* Note to my readers. I strive to bring home cooks reliable recipes you can count on. Every recipe on this site is tested and made by me personally in my own kitchen and given to my harshest recipe tester critics for invaluable feedback. This site does not review its own recipes or participate in paid reviews nor does it purchase recipes and photos from third parties. Photos are taken of each recipe and not artificially generated. All reviews are real trustworthy reviews and if you make a recipe and have feedback, please feel free to contact me.

Print
clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon
Two tall glasses filled with frothy Chocolate Chip Mocha Frappuccino's are topped with generous swirls of whipped cream and chocolate chips. The drinks have clear straws and are placed on a white marble surface with scattered chocolate chips and a striped napkin in the background.

Homemade Chocolate Chip Mocha Frappuccino


5 Stars 4 Stars 3 Stars 2 Stars 1 Star

No reviews

  • Author: Lisa
  • Total Time: 10 minutes
  • Yield: 2 Frappuccinos 1x

Description

A nod to everyone’s favorite coffee shop, this double chocolate chip Frappuccino is a great way to start your day. An intense chocolate drink with a boost of caffeine.


Ingredients

Units Scale
  • 4 cups ice
  • 2 cups milk
  • 2 tbsp instant coffee
  • 2 tbsp Starbucks hot cocoa mix
  • 1/2 cup chocolate chips
  • 1 tbsp chocolate syrup
  • 2 tbsp sugar
  • 1/4 tsp vanilla extract
  • whipped cream (for topping)
  • chocolate syrup (for topping)
  • chocolate chips (for topping)
  • chocolate sprinkles (for topping)

Instructions

  1. Combine the first 8 ingredients in a powerful blender in the order listed above.
  2. Blend on high for 2 minutes or until smooth
  3. Top with whipped cream, chocolate chips, and chocolate sprinkles
  4. Serve and enjoy!

Notes

  • If you use brewed coffee rather than instant, you will need to decrease the amount of liquid you add to the blender and you will need to chill the coffee prior to blending. Otherwise it will just melt the ice. This will make a runnier version.
  • If your Frappuccino is too runny, add more ice and a thicker liquid. The less fat content your liquid has, the thinner the Frappuccino will be.
  • For a vegan option, skip the whipped cream and milk and use a plant-based milk.
  • For a more filling version, add a scoop of vanilla or chocolate protein powder.
  • For less caffeine, use decaffeinated instant coffee.
  • Prep Time: 10 minutes
  • Category: Breakfast, Drinks
  • Cuisine: American

Two tall glasses filled with frothy Chocolate Chip Mocha Frappuccino's are topped with generous swirls of whipped cream and chocolate chips. The drinks have clear straws and are placed on a white marble surface with scattered chocolate chips and a striped napkin in the background.

Did you love this recipe? Give it a five star rating and tag @garrison.street.eats on Instagram and hashtag it #garrisonsteats. Wanna save it and make it later? Hover over an image and save to Pinterest! And if you don’t already follow me on Instagram, Pinterest, TikTok or Facebook, I would love for us to be friends!

Looking for more copycat recipes? Try my copycat pink Crumbl cookies, Chuy’s jalapeno dip, Kraft chipotle aioli, Texas Roadhouse sweet honey butter, or Torchy’s Tacos queso.

Love new recipes? Subscribe so you never have to ask what’s on the menu 😉

Two glass mugs of Chocolate Chip Mocha Frappuccino topped with whipped cream and chocolate chips sit on a light-colored surface. Both frappuccinos have a straw, and a striped cloth is in the background. Text overlay reads, "Homemade Chocolate Chip Mocha Frappuccino.

This recipe, Starbucks Copycat Chocolate Chip Mocha Frappuccino, appeared first on Garrison Street Eats.

Similar Posts

Leave a Reply

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

Recipe rating 5 Stars 4 Stars 3 Stars 2 Stars 1 Star