Mocha Coconut Frappuccino Copycat Recipe

Starbuck's discontinued the mocha coconut frappuccino, but I'm bringing it back with this copycat recipe. Tropical Coconut syrup blended with milk, coffee, and ice; then drizzled in rich, dark mocha sauce and topped with toasted coconut pieces. 

*this post contains affiliate links. For more info, please refer to my disclaimers and policies page*

So here's the thing...

When I was in college, I would study at my local Starbuck's a minimum of 3x a week. After college, I decided to learn how to make my coffee at home. It started with flavored creamers, which are not even close to any coffeehouse-style cup of joe. 

So I had to know, how do they do it? Fast-forward, I have an espresso machine and a plethora of flavored syrups. 

Whenever I want to make a coffee recipe at home, I always look for recipes online. Those recipes call for added granulated sugar or too many ingredients that I have to make from scratch. When doing an online search for "Starbucks mocha coconut frappuccino recipe," this one is often more complicated than it needs to be. 

Plus, that's not how the coffee shop does it. A coffee shop relies on simple syrups to flavor and sweetens your drinks. No need to measure (when you have a pump) or pray that the sugar dissolves completely; there's nothing like a mouth full of grit.  

In addition to that, if I'm going to go through the trouble of making my coffee at home, it needs to be two things: easy and accurate. If it's not exact or close to, why am I wasting my time? 

Want more Starbucks copycat recipes?

If you want to learn how to make your favorite drinks at home, be sure to read my other coffee-related posts at the bottom of this page and sign up for my newsletter to be notified when I release more recipes like this one.

Now, let's get into how to make the Mocha Coconut Frappuccino at home.

What's in Starbuck's Mocha Coconut Frappuccino?

They no longer have the ingredients listed on their site because this drink is not available. However, since I just recreated S'mores Frappuccino, I can show you how to make this one, too. 

Ice

Milk (whole milk)

Coffee Frappuccino Syrup

mocha sauce

coffee

coconut syrup

whipped cream

mocha drizzle

toasted coconut

Here's what you'll need to make this copycat Starbucks mocha coconut frappuccino recipe. 

Classic Frappe Base

Whole milk

Instant espresso

Coconut Syrup

Vanilla-flavored Whipped cream

Mocha sauce

Toasted coconut flakes

How to make a mocha coconut frappuccino?

1. In a blender, pulse together classic frappe base, whole milk, and instant espresso until well incorporated. 
2. Next, add two to four pumps of coconut syrup and ice. Blend until you've reached your desired consistency. 
3. Then, taste the Mocha Coconut Frappuccino and adjust by adding additional syrup, ice, or milk if needed.
4. Drizzle the inside of your cup with mocha sauce, pour in your frappuccino, top with whipped cream and toasted coconut. 

Whipped Cream?

The Starbucks whipped cream is typically labeled with vanilla syrup. Here are two options for making your own whipped cream.

• Purchase a reusable whipped cream canister. A dispenser is the easiest option. You can store the heavy whipping cream and marshmallow syrup and use what you need—keeping the rest in the fridge for later use. 
• Make your vanilla whipped cream from scratch using flavored vanilla simple syrup. However, this version must be used immediately because it will not last.

Here’s a basic recipe:

1. Take one cup of (cold) heavy cream and whip it with a fourth cup of flavored vanilla simple syrup and a pinch of salt until stiff peaks form.
2. Use an electric mixer, so your arm doesn’t fall off unless you want the workout, then, by all means, go for it.

---

Craving more? Check out these recipes below.

---