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 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.
Save this recipe!
Enter your email and I’ll send it to you, plus get new recipes from me regularly!
Please enable JavaScript in your browser to complete this form.

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!

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, making your own will save you lots of money in the end.
  • 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. 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:

  • 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.
  • A high quality chocolate sauce is best versus Hershey’s syrup for a “tastes like Starbucks” drink. I love Ghirardelli or Torani the best right now.
  • 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 brews are great as well because they are typically much stronger.
  • 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 Copycat Mocha Frappe:

  1. Combine the milk/cream, sweetener, vanilla, sea salt, and chocolate in a blender and stir to combine.
  2. Add in the ice.
  3. 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?!

Coffee, milk and ice in blender.

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 as the ice cubes and then blend with milk or cream.
Overhead view of mocha frappuccino in glass with whipped cream and chocolate drizzle.

Other Recipes You will Love:

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

Homemade Mocha Frappuccino with Sea Salt

A simple blended coffee drink with all the chocolate and budget friendly–this Homemade Mocha Frappuccino with Sea Salt is the perfect pick me up for any day!
Prep Time: 5 minutes
Servings: 1

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)
Save this recipe!
Enter your email and I’ll send it to you, plus get new recipes from me regularly!
Please enable JavaScript in your browser to complete this form.

Instructions 

  • Combine all ingredients but the ice and stir/whisk well until combined. This works best especially if using hot coffee so it can cool down before putting over ice.
  • Add mixture and ice to high powered blender or smoothie maker and blend until smooth. Add in more ice if too thin for your liking. Also adjust sweetener as desired.
  • Serve immediately with whipped cream and an extra drizzle of chocolate!

Notes

This makes 2 small or 1 large serving.
  • 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.
  • A high quality chocolate sauce is best versus Hershey’s syrup for a “tastes like Starbucks” drink. I love Ghirardelli or Torani the best right now.
  • 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 brews are great as well because they are typically much stronger.
  • 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.

Nutrition

Calories: 337kcal, Carbohydrates: 45g, Protein: 5g, Fat: 14g, Saturated Fat: 9g, Cholesterol: 45mg, Sodium: 108mg, Potassium: 379mg, Fiber: 1g, Sugar: 33g, Vitamin A: 428IU, Vitamin C: 1mg, Calcium: 163mg, Iron: 1mg

Nutrition information is automatically calculated, so should only be used as an approximation.

Did you enjoy this recipe? Have a question?Leave a comment below!

Leave a comment

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

Recipe Rating




8 Comments

  1. Emma says:

    5 stars
    This recipe was really good! I made this a few times but the most recent time that I made it I added too much ice (1/2-1cup extra) and blended it a little longer and it was so thick and creamy it was basically like soft serve ice cream/a thick milkshake, it was delicious.

    1. Lorie says:

      So happy you loved it! Thanks for the feedback!

  2. Kenya says:

    4 stars
    Love it!
    Easy and deliciousness in minutes.
    Thank you!

    1. Lorie says:

      Happy to hear it!! A favorite summer drink over here 100%!

  3. Sarah says:

    5 stars
    Oh my goodness! This is just as good or better than a Starbucks Frappuccino! I am totally in love with this drink and it makes two decent size servings! Thanks so much for the great recipe! ????

    1. Lorie says:

      Yay!!! Love hearing this so much!

  4. Jordan says:

    5 stars
    This is so good! Will definitely be making this regularly rather than going to Starbucks ????

    1. Lorie says:

      Yay!!! This makes me so happy to hear. Here’s to saving lots of cash right?!