This Salted Caramel Mocha Frappuccino is an easy homemade version of the Starbucks favorite made with coffee, chocolate, caramel and toffee nut flavors. It’s blended with milk and ice, then topped with whipped cream, caramel sauce and a sprinkle of sea salt.
Making this caramel mocha frappuccino at home is easy and much less expensive than buying one at the coffee shop. I use instant coffee so there’s no coffee to brew or cool, and homemade or store-bought caramel sauce works great.

Jump to:
What is in a Salted Caramel Mocha Frappuccino?
The Starbucks version was made with mocha sauce, toffee nut syrup, milk and ice, then topped with whipped cream, caramel sauce and a sea salt topping. My homemade version uses those same basic flavors with easy-to-find ingredients.
Ingredients
See recipe card for exact amounts.

Ingredient Notes
You only need a few ingredients to make this homemade Frappuccino.
- Coffee: Coffee: I use instant coffee to make this super easy—there’s no coffee to brew or cool. Decaf instant coffee works too.
- Milk: We like to use whole milk. Low-fat milk or non-dairy milk such as oat milk, almond milk, or soy milk can be used.
- Chocolate sauce: Store-bought chocolate syrup such as Hershey’s or homemade chocolate syrup can be used. We use Torani chocolate sauce.
- Caramel sauce: I like to use my own 3-ingredient homemade caramel sauce (it’s made in the microwave so it’s super quick and easy). Any store-bought caramel syrup or sauce works great too.
- Toffee nut syrup: I make my own because I can’t find it in my area. If you can’t find it, or if you don’t want to make it, you can leave it out.
- Whipped cream: We prefer the type in the can, but homemade whipped cream is great too.
- Sea salt: Just a pinch in the bottom of the glass and on top of the caramel drizzle garnish.
How to Make a Salted Caramel Mocha Frappuccino
- Put about ¼ cup whipped cream into the bottom of a tall glass. Drizzle ½ tablespoon caramel sauce over the whipped cream and sprinkle with a small amount of sea salt.
- Place the instant coffee, milk, chocolate sauce, toffee nut syrup and ice in a blender. Pulse until blended and the ice is small enough to easily go through a straw.
- Pour into the glass and top with whipped cream, the remaining caramel sauce and another small pinch of sea salt.
Frequently Asked Questions
Yes. Starbucks discontinued the Salted Caramel Mocha from its seasonal menu in 2021. While it is no longer available on the regular Starbucks menu, you can make a similar version at home with coffee, chocolate sauce, toffee nut syrup, caramel sauce and sea salt.

More Frappuccino Recipes
Love this recipe?
Leave a comment and a ⭐⭐⭐⭐⭐ rating below!

Salted Caramel Mocha Frappuccino
Equipment
- Blender
Ingredients
- whipped topping
- 1 tablespoon caramel sauce divided
- sea salt
- 1 cup ice
- 6 tablespoons milk
- ½ tablespoon instant coffee
- 1 tablespoon toffee nut syrup
- 1 tablespoon chocolate sauce
Instructions
- Put about ¼ cup of whipped cream into the bottom of a tall glass. Drizzle ½ tablespoon of caramel sauce over the whipped cream. Sprinkle a small amount of sea salt over the caramel.
- Place the instant coffee, milk, chocolate sauce, toffee nut syrup and ice in a blender, pulse until the mixture is blended.1 cup ice, 6 tablespoons milk, ½ tablespoon instant coffee, 1 tablespoon toffee nut syrup, 1 tablespoon chocolate sauce
- Pour into the glass and top with more whipped cream, add another ½ tablespoon caramel sauce on top of the whipped cream and add another small pinch of sea salt.









A salted caramel mocha frappuccino isn’t something that is offered by Starbucks. People making up their own names and creating their own drinks make it hard on the baristas there. People who go and order things like this won’t get the same thing each time then customers get upset with us and also don’t tip or show any kind of gratitude for us making a twenty step drink.
It is on their website here. I am telling people how to make it at home, not how to order it in the coffee shop.