Name: Homemade Mocha Frappuccino with Sea Salt
Prep time: 5 min
Total time: 5 min
Ingredients: ¾ cup strong brewed coffee, chilled or room temp.; ½ cup milk or cream (or a combo of the two); 2 cups ice; 1 tsp vanilla extract; 1 - 2 T maple syrup or favorite sweetener (depending on desired sweetness); 2 - 3 T chocolate sauce (more for drizzle!); 2 cranks sea salt (optional)

Jump to Recipe

This post may contain affiliate links.

Save some cash and skip the Starbucks run! A simple blended coffee drink with all the chocolate, 5 minutes to prep and budget friendly–this Homemade Mocha Frappuccino with is the perfect pick me up for any day!

Homemade mocha frappuccino in glass with whipped cream.

Why You Will Love This Homemade Mocha Frappuccino:
Recipe Ingredients:
How To make This REcipe:
Recipe Tips
Ways to Vary This Recipe:
Homemade Mocha Frappuccino with Sea Salt Recipe
Shop this Post

This recipe was originally published June 2015 and updated January 2021.

Save some cash–make your own Starbucks at home! You will be amazed by how simple and delicious this homemade Mocha Frappuccino is and at a fraction of the cost.

Plus, you can add all the extra whipped cream you want! Definitely try it with this Chocolate Whipped Cream on top.

Why You Will Love This Homemade Mocha Frappuccino:

The perfect sweet treat to sip on during the midday slump. Or the morning slump. Or in the evening while watching Netflix, this mocha frappe is a great chocolate and coffee treat to sip on.
Cost effective. Can’t beat saving some cash! Coffee shop prices can get steep, a Starbucks frappuccino racks up about $6 at least these days. Making your own will save you at least half of that!
Easily modified to make it all your own. Need it decaf? Yes! Light on the coffee? Can do. Half white chocolate and half dark chocolate–let’s do this. A homemade version allows you to really make it yours.

Pull out the blender and let’s get our barista on. Time for some sweet, icy, frothy coffee deliciousness!

Ice blended coffee with straws and whipped cream.

Recipe Ingredients:

milk/cream: I typically use all half n’ half or a combo of whole milk and heavy cream in this Mocha Frappuccino. At least a little bit of rich cream is necessary for the best possible drink. The milk or cream you use will have a big impact on how good yours is. Skim milk will definitely not have quite the same richness by any means. If you need to make it dairy free, I suggest using coconut cream over soy milk or almond milk.
chocolate sauce: A high quality chocolate sauce is best versus something like Hershey’s chocolate syrup for a “tastes like Starbucks” drink. I love Ghirardelli or Torani the best right now.
coffee/espresso: The stronger the coffee, the better. The strength will be diluted by the ice and cream, so you don’t want to start off with a weak coffee. Cold brew coffee and cold brew concentrates are great as well because they are typically much stronger and already chilled. You can use shots of espresso but I suggest chilling it first for best results. While you can use regular coffee that is chilled, you won’t get a strong coffee flavor in your drink.
Sweetener: ok, when I originally developed this recipe, I often used maple syrup to sweeten everything. Sweeten to your own taste and with your favorite sweetener. This is the biggest feedback I have gotten on this frappuccino recipe over the years–too sweet or not sweet enough. So seriously, YOU DO YOU! You know what you love.

Ice, chocolate, coffee, and other ingredients labeled.

How To make This REcipe:

Combine the milk/cream, sweetener, vanilla, sea salt, and chocolate in a blender and stir to combine.
Add in the ice.
Blend until smooth. Add more sweetener if desired or more ice if too thin.

You are all set to serve it up as desired! And if you are like I am, you will have your whipped cream with a side of Mocha Frappuccino, am I right?!

Recipe Tips

I highly recommend skipping the Hershey’s syrup and going for something a bit richer and higher quality for the best Mocha Frappuccino you can make. Ghirardelli and Torani are two of my favorites. And you can even play around with white or dark chocolate!
This makes a solid large serving or two small servings–so plan accordingly!
Please sweeten this to your taste. Use the sweetener of choice as well. Sugar, maple, honey, none, powdered sugar–whatever you prefer!
For a stronger drink, you could freeze coffee into coffee ice cubes and then blend with milk or cream.

Overhead view of mocha frappuccino in glass with whipped cream and chocolate drizzle.

Ways to Vary This Recipe:

You can add other ingredients to this base recipe to get all sorts of different flavors!

add a drop of peppermint extract for a mint chocolate mocha frappe! Top it with crushed mint Oreos and a drizzle of chocolate sauce for the best minty treat!
Add a drizzle of caramel sauce to the blender for a chocolate caramel variation of this frozen drink
This one may sound odd, but add a tablespoon of peanut butter before blending–you will be surprised by how delicious it is!
Scoop in some of your favorite protein powder for a protein boost
Chocolate chips anyone? Blend these in with the coffee and ice mixture!

Other Recipes You will Love:

Kahlua Cream Cheese Brownies
Easy Mocha Cupcakes with Salted Caramel Buttercream
Peanut Butter Mocha Smoothie (one of my absolute favorites!)
Vanilla Cold Brew Overnight Oats

HUNGRY FOR MORE? Subscribe to my newsletter and follow me on Facebook, Instagram and Pinterest for all the latest!

Tap stars to rate!

4.93 from 13 votes