Homemade Mocha Frappuccino

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!

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!

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.

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

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!

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!

4.89 from 9 votes

Print Pin Rate

Course: Drinks

Cuisine: American

Prep Time: 5 minutes

Servings: 1

Calories: 337kcal

Author: Lorie Yarro

Ingredients 

1x2x3x

• ▢ ¾ cup strong brewed coffee, chilled or room temp.
• ▢ ½ cup milk or cream (or a combo of the two)
• ▢ 2 cups ice
• ▢ 1 teaspoon 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)

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

Did you try this recipe? I would love to see it! Mention @LemonsAndZest or tag #LemonsAndZest!

Shop this Post

Vitamix Blender

Buy Now →

Ghirardelli Chocolate Sauce

Buy Now →