Is there anything better than a Frappuccino in the summer?

Or, for those chilly mornings or afternoons when you want a sweet coffeehouse-style drink?

This salted caramel mocha Frappuccino is not only delicious, but it's also super easy to make.

You don't need any special equipment or ingredients, just a blender and some basic supplies.

If you're looking for a quick and refreshing treat, this recipe is perfect for you.

Let's begin!

What is a salted caramel mocha Frappuccino?

A salted caramel mocha Frappuccino is a coffee-based beverage made with espresso, milk, mocha sauce, toffee nut syrup, and ice.

It is then blended together and topped with whipped cream, caramel sauce, and a sprinkle of sea salt.

This tasty Frappuccino uses so many delicious flavors that it will turn into one perfectly balanced drink.

You can adjust the ingredients to your taste depending on the flavor you're looking for.

Tip: This Frappuccino recipe uses the same base mentioned in this in-depth article. If this is your first time making a Frappuccino at home, I suggest reading that article first.

Support this blog
In the Netherlands? Support this blog by trying my coffee beans.
Droom Boon is my own coffee brand. I'm the person behind Your Dream Coffee, and these are the beans I sell and stand behind for flavor. If you've enjoyed my guides, this is the simplest way to support what I do and get great-tasting coffee in return.
Try Droom Boon beans Dutch visitors only. Thank you for supporting what I publish here.

Which ingredients are needed for this recipe?

You'll need a considerable amount of ingredients to make this salted caramel mocha Frappuccino.

However, you may have most, if not all, of the ingredients at home.

There are also many ingredients that you can use for different coffee recipes, so if you like testing out different coffee recipes at home, you'll also love the flavor combination of this one:

  • Strong coffee. You can use espresso or regular brewed coffee, depending on how strong you like your Frappuccino to be. I'll go over this in more detail a bit further down.
  • Milk of choice. You can use whichever milk you prefer. I usually have whole milk at home because I like the full flavor, but low-fat milk or your favorite milk alternatives will work perfectly well for this recipe.
  • Crushed ice or regular ice cubes are used to cool things to the perfect temperature and to get that unique blended Frappuccino base.
  • Toffee nut syrup is one of the main sweeteners of this drink. I'm using this toffee nut syrup. There are even more recipes that use this coffee syrup, so it's worth buying, in my opinion.
  • Mocha sauce is the second sweetener in this drink and will also give the Frappuccino its characteristic coffee-like color.
  • Caramel sauce is used as a topping; you need just a tablespoon. You can make it yourself (recipe listed below) or use a store-bought version.
  • Whipped cream is the perfect way to finish this Frappuccino. It will hold the caramel sauce and will make it look great when serving this drink to your friends and family!
  • Sea salt is the final topping that will bring this drink to the next level. A little goes a long way, as you'll see in the final result.
All of the ingredients that are needed to make a salted caramel mocha Frappuccino at home.

Now that you know what kind of ingredients are used to make this delicious blended beverage, let's take a look at the best coffee to use:

What is the best coffee to use for this recipe?

I suggest using espresso coffee for this Frappuccino.

Brewed coffee is best suited for those who prefer a milder flavor, while decaf is ideal for those who want to avoid caffeine.

Espresso has a stronger flavor that can stand up to the sweetness of the other ingredients while still allowing the delicate flavors of chocolate and caramel to shine through.

Espresso shot in a small glass.

If you don't have access to espresso, then brewed coffee will do in a pinch, though the drink won't be quite as strong.

Decaf coffee doesn't taste significantly different from regular coffee, making it a good choice for those who want to avoid caffeine altogether.

Whichever coffee you choose, go with high-quality beans for the best flavor. More on this below:

How do you choose the right coffee beans?

The right coffee beans for you will depend on your personal preferences, so you can only find this out by testing a lot of different coffee beans. Here's what I suggest:

  • If you prefer strong, bold flavors, opt for a dark roast coffee bean. These beans are roasted for a longer period than light or medium roast beans, resulting in a more intensely flavored coffee.
  • If you prefer subtler flavors, a light or medium roast coffee bean would be a better choice.
Medium roasted and dark roasted coffee beans next to each other.
Medium roast on the left. Dark roast on the right

Whichever type of bean you select, ensure it's freshly roasted for optimal flavor.

I use coffee beans no older than eight weeks from their roasting date.

Check out some of my recommendations for coffee beans for different brewing techniques below:

A homemade mocha sauce recipe to try

There are many ways to make a mocha sauce, but one of the most straightforward and delicious is to make it with cocoa powder, white granulated sugar, and cold tap water.

This recipe is quick and easy to make, and the results are simply heavenly. It'll look like this after letting it cool completely:

Chocolate sauce.
  1. Start by combining equal parts of cocoa powder and white granulated sugar. Add the same amount of cold tap water and whisk until the mixture is smooth.
  2. Next, pour this mixture into a small saucepan over medium heat.
  3. Cook the sauce for about 2 minutes, constantly stirring, until it thickens and the sugar has completely dissolved.
  4. Remove from heat and let cool slightly before using for this Frappuccino recipe.

If you're interested in learning more about this recipe, you can find all the necessary information here, including a complete recipe.

How to make caramel sauce at home

You can easily make caramel sauce at home with just three main ingredients: white granulated sugar, cold tap water, and heavy cream.

Since this caramel sauce is only intended for use as a topping on this drink, I recommend using a store-bought version if you don't plan to use it for other coffee recipes.

You'll have to at least make the caramel sauce for a few servings, meaning you'll have leftovers for a few more caramel drinks, like:

After making the caramel sauce and letting it cool, it'll look like this:

Homemade caramel sauce.

If you'd like to give the recipe a try and make even more delicious caramel-based coffees, you can follow the complete recipe here.

How to make a salted caramel mocha Frappuccino at home

Making a salted caramel mocha Frappuccino at home is actually quite easy. If you have all the ingredients at home, you can make one in five minutes!

You can review a quick overview of the steps below, along with photos of the process. Scroll down a bit further for the complete recipe.

  1. Brew the coffee you prefer the most and let it cool completely before using it in this recipe.
  2. Add the cooled coffee, milk, mocha sauce, and toffee nut syrup to a blender cup.
  3. Next, add the crushed ice or regular ice cubes to the blender cup.
  4. Blend the mixture on high speed until it's slightly chunky, but not overly smooth.
  5. Pour the Frappuccino base into a glass.
  6. Top with whipped cream, a drizzle of caramel sauce, and a pinch of sea salt.

Have a look below for the complete recipe so that you can put this recipe to the test yourself:

Yield: 1 Serving

Homemade Salted Caramel Mocha Frappuccino

Salted caramel mocha Frappuccino, ready to drink.

This Frappuccino is a fun, coffeehouse-style treat you can blend up in just a few minutes.

Prep Time 3 minutes
Additional Time 2 minutes
Total Time 5 minutes

Ingredients

  • Three espresso shots (3 oz or 90 ml) or 1/2 cup (120 ml) of brewed coffee
  • 1/2 cup (0.12 l) of whole milk
  • 1 cup (240 grams) of crushed ice (or regular ice cubes)
  • 2 tbsp (30 grams) of mocha sauce
  • 2 tbsp (30 grams) of toffee nut syrup
  • 1 tbsp (15 grams) of caramel sauce
  • A serving of whipped cream
  • A pinch of sea salt

Instructions

  1. Start by brewing your coffee if you haven't done so already. It's best to let it cool completely before using it in this recipe. It'll allow the ice to do its work correctly, so you have the perfect Frappuccino base.
  2. Add the cooled coffee, milk, mocha sauce, and toffee nut syrup to a blender cup.
  3. Add the crushed ice or regular ice cubes as well. Crushed ice will make the quickest Frappuccino. You'll have to blend the base a bit longer if you're using regular ice cubes.
  4. Blend the mixture at high speed until a slightly chunky mixture appears.
  5. Pour the Frappuccino base into a tall glass of choice.
  6. Top with a generous amount of whipped cream
  7. Finish with a caramel drizzle and just a tiny bit of sea salt.
  8. Serve your homemade salted caramel mocha Frappuccino as soon as possible, and enjoy!

Notes

Tip: Brew the coffee before heading to bed and let it cool completely overnight if you want to make this Frappuccino in the early morning.

Recommended Products

As an Amazon Associate and member of other affiliate programs, I earn from qualifying purchases.

Nutrition Information:

Serving Size:

1

Amount Per Serving: Calories: 342Total Fat: 11.3gSaturated Fat: 6.1gUnsaturated Fat: 2.4gCholesterol: 39mgSodium: 73mgCarbohydrates: 23gFiber: 3.3gSugar: 50.5gProtein: 5.9g
Find Your Dream Coffee

Want more ideas? Use my Coffee Recipes Directory to find drinks that match your mood, brew style, and time.

  • See hot, iced, cold brew, and Frappuccino recipes in one place.
  • Browse latte, espresso, milk-based, and coffee add-in recipes.
  • Get inspiration for what to make next at home.
Browse the Coffee Recipes Directory →

Over 200 coffee recipes to explore.

Conclusion

If you're a fan of Frappuccinos, I highly recommend trying this recipe. It's easy to follow, and the end result is absolutely delicious.

When made with homemade mocha sauce and caramel sauce, you'll be able to enjoy this drink more than one in the coming days!

Support Your Dream Coffee

AI tools make it easy to get quick answers without clicking through to the original article. That's convenient, but it makes it harder for small, independent blogs like this one to stay visible.

If you want these guides to stay free and be regularly updated, you can see a few simple ways to support Your Dream Coffee on this page.

See ways to support →

More Frappuccino recipes to try

If you like making Frappuccinos at home, you can check out some more recipes for it below:


Ask Jeffrey a quick question

If something still feels unclear, drop your question here. I read every comment.

This will scroll you to the comment box and paste your question there.

Profile picture of Jeffrey (Founder & Coffee expert at Your Dream Coffee)
Author

Jeffrey is a former Chef turned coffee educator. He applies culinary precision to home brewing, testing every recipe and bean in his own kitchen to prove you don't need expensive equipment to make a world-class cup.

Write A Comment

Your Dream Coffee is an independent media publication dedicated to the home brewer.

From expert-tested recipes to in-depth brewing guides and unbiased equipment reviews, everything we share is refined in our home kitchen to help you master the craft of coffee.

Contact

Trading as: Your Dream Coffee (“Your Dream Blogs VOF”)
Registration Number (KVK): 85204455
VAT Number: NL863544940B01
Address: Keurenplein 41 (A0767)
1069 CD, Amsterdam (NL)

Follow

As Featured On

Companies Your Dream Coffee is featured on

Disclaimer: The content on Your Dream Coffee is meant to inform, inspire, and guide, but it's not professional advice. We do our best to share accurate, helpful, and up-to-date information based on experience and research. That said, we can't guarantee everything will apply perfectly to your unique situation.

Use of this site is subject to our Terms & Conditions and means you accept that any actions you take based on the content are your own responsibility. Your Dream Coffee isn't liable for any direct or indirect issues that result from how you use the information here.

This site is the official website of Your Dream Coffee and represents our professional editorial standards and firsthand testing experiences.

Affiliate Disclosure: Some links on this site are affiliate links, meaning we may earn a small commission at no extra cost to you if you make a purchase.

Your Dream Coffee is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to products on Amazon.com. Amazon and the Amazon logo are trademarks of Amazon.com, Inc, or its affiliates.

Site Editor: Jeffrey

Skip to Recipe