Homemade Starbucks Salted Caramel Mocha: Your Ultimate Copycat Recipe Guide
Indulge in the rich, sweet, and salty perfection of a Starbucks Salted Caramel Mocha right in your own kitchen! This meticulously crafted copycat recipe brings the beloved café experience to you, featuring decadent homemade mocha and caramel sauces, all crowned with luscious whipped cream and a sprinkle of sea salt. Forget seasonal limitations; enjoy this delightful beverage any time the craving strikes.

Why You’ll Adore This Salted Caramel Mocha Recipe
There are countless reasons to swap your daily Starbucks run for this homemade salted caramel mocha. Beyond the obvious convenience and cost savings, this recipe offers a superior taste and allows for complete customization to perfectly suit your preferences. It’s more than just a drink; it’s a cozy, comforting experience.
- A Lighter, Wholesome Version: Unlike many store-bought options that can be laden with artificial ingredients and excessive sugars, our homemade Starbucks salted caramel mocha is crafted with simple, whole ingredients. By making your own rich mocha sauce and creamy caramel sauce from scratch, you have full control over the quality and quantity of each component, resulting in a fresher, more natural flavor profile. This approach also allows you to significantly reduce the calorie count compared to the original, without sacrificing any of the indulgent taste you crave.
- The Perfect Copycat Experience: Prepare to be amazed by how closely this recipe mirrors the iconic Starbucks version. We’ve meticulously developed the balance of coffee, chocolate, caramel, and salt to deliver an authentic taste that will transport you straight to your favorite coffee shop. The best part? You’re not restricted by seasonal menus or store hours. Enjoy this delightful coffee creation year-round, whether it’s a chilly winter morning or a warm summer afternoon. It’s pure coffee shop magic, made effortlessly at home.
- Budget-Friendly Indulgence: Regularly purchasing gourmet coffee drinks can quickly add up. This homemade salted caramel mocha offers a fantastic way to enjoy your favorite treat without breaking the bank. The ingredients are readily available and affordable, allowing you to save money while still savoring a luxurious beverage.
- Customization at Your Fingertips: One of the greatest advantages of making your own salted caramel mocha is the ability to tailor it to your exact liking. Adjust the sweetness, increase the saltiness, or experiment with different milks. You can even make it dairy-free or decaf, ensuring every sip is exactly what you desire.
FREE Budget-Friendly Meal Plan!
Save thousands of dollars on food every year with my free budget-friendly meal plan ebook.
Essential Ingredients & Smart Substitutions for Your Mocha
Crafting the perfect Starbucks-style salted caramel mocha at home starts with understanding the core ingredients. We’ll dive into what you need and offer clever substitutions to make this recipe work for everyone, regardless of dietary preferences or pantry staples.
For the Homemade Mocha Sauce
The foundation of any great mocha is its rich chocolate sauce. Making it from scratch is surprisingly easy and results in a far superior flavor compared to most store-bought options.
- Sugar: Granulated white sugar is ideal for a clean, sweet base. However, for those looking to reduce sugar intake, a cup-for-cup sugar substitute like erythritol or stevia blend works beautifully without compromising texture. Remember to check the specific heat stability recommendations for your chosen substitute.
- Cocoa Powder: Unsweetened cocoa powder is crucial for achieving that deep, authentic chocolate flavor without added sweetness. You can opt for natural unsweetened cocoa powder, which has a slightly fruity and acidic profile, or Dutch-processed cocoa powder, which is milder, darker, and less acidic. Both will yield delicious results, but Dutch-processed often gives a color closer to what you’d expect from a coffee shop mocha.
- Water: Simple boiling water is used to dissolve the sugar and cocoa, forming the luscious sauce. For an extra layer of flavor, you could experiment with a very light coffee or even a dairy-free milk alternative, though water provides the most neutral base.
For the Irresistible Caramel Sauce
The salted caramel element is what truly elevates this mocha. Our homemade caramel sauce is buttery, rich, and perfectly balanced with sea salt, offering a depth of flavor that’s hard to beat.
- Sugar: White granulated sugar is essential for achieving that classic caramel color and flavor through the caramelization process. While the recipe suggests white sugar, using brown sugar can also work, lending a deeper, molasses-like undertone to your caramel. Be aware that brown sugar melts slightly differently, so keep a close eye on it.
- Butter: Unsalted butter is highly recommended. Using unsalted butter allows you to control the overall saltiness of your caramel, especially since you’ll be adding sea salt later. If you only have salted butter, you can still use it, but be sure to reduce the added sea salt to avoid an overly salty sauce.
- Heavy Cream: This is key for the creamy texture of the caramel sauce. Full-fat heavy cream (at least 36% milk fat) provides the richness and body needed. If heavy cream isn’t available, half-and-half or even evaporated milk can be used as alternatives, though they may result in a slightly thinner sauce. For a dairy-free option, full-fat canned coconut cream can be a suitable substitute, just ensure it’s well-chilled before using.
- Sea Salt: A good quality sea salt is vital for the “salted” aspect of this caramel. The larger flakes of sea salt provide bursts of flavor and a delightful textural contrast. Kosher salt can be used as a direct substitute, offering a similar pure salty taste without the same mineral undertones as some sea salts. Adjust the amount to your personal preference for saltiness.
For Assembling the Drink Itself
With your homemade sauces ready, assembling your perfect salted caramel mocha is the final step to enjoying your café-quality creation.
- Espresso: Two shots of freshly brewed espresso form the strong coffee base. For those without an espresso machine, fear not! Strong dark roast coffee (brewed extra strong) or even a rich cold brew concentrate can provide a fantastic substitute. The key is to have a robust coffee flavor that stands up to the sweetness of the sauces. Decaf options are also perfectly fine if you prefer.
- Milk: The beauty of homemade is choosing your milk! Any dairy milk (skim, 1%, 2%, whole milk) or dairy-free alternative (almond milk, oat milk, soy milk, coconut milk) will work beautifully. Whole milk or oat milk tend to froth the best, creating a luscious texture for your mocha.
- Homemade Mocha Sauce: Our freshly prepared mocha sauce is the heart of this drink. It provides a rich, deep chocolate note that complements the coffee and caramel. If you’re short on time, a good quality store-bought chocolate sauce or syrup can be used in a pinch, though the homemade version truly shines.
- Caramel or Toffee Syrup: While our homemade caramel sauce is fantastic for drizzling, a touch of store-bought caramel or toffee syrup in the drink itself adds another layer of caramel goodness. This is an optional but highly recommended addition for that authentic Starbucks taste. If you prefer to keep it all homemade, a caramel simple syrup can be an excellent alternative, offering a lighter caramel flavor.
- Sea Salt: A tiny pinch of sea salt in the drink amplifies the caramel flavor and provides that signature salty kick. Just a small amount makes a big difference. Kosher salt can be used as a substitute.
- Whipped Cream: No gourmet coffee drink is complete without a generous dollop of whipped cream! Homemade whipped cream is always best, but store-bought is perfectly acceptable for convenience. For a dairy-free option, coconut whipped cream is an excellent choice, providing a creamy texture and a subtle tropical note.

Step-by-Step: How to Make Your Perfect Salted Caramel Mocha
Creating this delicious Starbucks copycat is simpler than you might think. Follow these clear steps to brew, mix, and froth your way to a delightful salted caramel mocha.

Step 1: Prepare Your Signature Sauces
The secret to an exceptional homemade salted caramel mocha lies in its sauces. Begin by preparing both the mocha sauce and the caramel sauce. For the mocha sauce, simply boil water and dissolve sugar in it, then stir in your cocoa powder until smooth. For the caramel sauce, carefully caramelize sugar in a pot, then gradually whisk in butter and heavy cream until you achieve a rich, velvety consistency. Don’t forget to stir in the sea salt for that perfect balance of sweet and savory. These sauces can be made in advance and stored, making future mochas even quicker to prepare.
Step 2: Perfect Your Frothy Milk
A beautifully frothed milk is essential for that luxurious coffee shop texture. Heat your chosen milk (dairy or non-dairy) until it’s steaming but not boiling. Then, use a milk frother to create a creamy, airy foam. If you don’t have a frother, an easy hack is to microwave the milk in a mason jar, then secure the lid and shake vigorously until frothy. This creates a wonderful texture that adds to the overall indulgence of the drink.

Step 3: Brew the Espresso and Mix Flavors
Brew two shots of your favorite espresso directly into your serving mug. Immediately after brewing, stir in the desired amount of your homemade mocha sauce, a tablespoon of store-bought caramel or toffee syrup (if using), and a tiny pinch of sea salt. Stir well until all the sauces are fully dissolved into the hot espresso. This ensures a uniform flavor throughout your mocha, creating a delightful base for the frothed milk.
Step 4: Combine and Garnish
Gently pour the frothed milk over the espresso and sauce mixture. Stir gently to combine the layers without losing too much foam. The grand finale involves topping your homemade salted caramel mocha with a generous swirl of whipped cream. For the ultimate presentation and flavor, drizzle generously with your homemade caramel sauce and, for an extra pop of saltiness and visual appeal, sprinkle a few flakes of sea salt on top. Serve immediately and savor every customized, delicious sip!

Recipe Tips & Tricks for Your Best Mocha Yet
One of the true joys of making this Starbucks Salted Caramel Mocha at home is the complete freedom to customize it to your heart’s content! Here are my top tips and creative customization options to ensure your homemade beverage is absolutely perfect:
- Effortlessly Dairy-Free: Achieving a dairy-free salted caramel mocha is incredibly simple. For the caramel sauce, substitute regular butter with your favorite vegan butter alternative and use full-fat coconut cream instead of heavy cream. When assembling the drink, opt for any dairy-free milk such as almond, oat, or soy milk. Finish it off with a dollop of coconut whipped cream for an equally indulgent experience. This ensures everyone can enjoy this delightful beverage!
- Transform into an Iced Version: When the weather warms up, easily convert this hot mocha into a refreshing iced treat. Simply brew your espresso as usual, but allow it and both the mocha and caramel sauces to cool completely. Once chilled, combine the cooled espresso and sauces in a glass filled with ice, then pour in your preferred milk. Stir well and garnish with whipped cream and caramel drizzle. This makes for a perfect summer pick-me-up.
- Master Milk Frothing in a Mason Jar: No fancy milk frother? No problem! Achieve beautifully frothed milk using a simple mason jar. Pour your milk into a clean mason jar, filling it no more than halfway. Secure the lid tightly and shake vigorously for about 30-60 seconds, or until the milk has doubled in volume and become foamy. Then, remove the lid and microwave the frothed milk for about 30 seconds. This stabilizes the foam, making it extra creamy and perfect for your mocha.
- Embrace Convenience with Store-Bought Sauces: While homemade sauces offer an unparalleled depth of flavor, sometimes time is of the essence. For a quicker preparation, feel free to use high-quality store-bought mocha and caramel sauces. Just ensure they are of a good brand to maintain the delicious taste profile of your copycat drink. This shortcut allows you to enjoy your favorite mocha even on the busiest days.
- Adjust Sweetness to Your Liking: The beauty of homemade is control. If you prefer a less sweet drink, reduce the amount of sugar in your sauces or simply add less mocha and caramel syrup to your final beverage. If you have a sweet tooth, feel free to add a little extra!
- Experiment with Coffee Bases: Don’t limit yourself to espresso. If you enjoy a milder coffee flavor, try using strong brewed dark roast coffee. For a truly unique twist, cold brew concentrate can offer a smoother, less acidic coffee base for your mocha, perfect for an iced version.
Frequently Asked Questions About This Delicious Mocha
Got questions about perfecting your homemade Starbucks Salted Caramel Mocha? We’ve got answers! Here are some common inquiries to help you master this delightful drink.
What’s the best milk to use for a salted caramel mocha?
The “best” milk truly comes down to personal preference and dietary needs. For a classic, rich, and creamy texture that froths exceptionally well, whole milk is often the top choice. However, 2% milk offers a slightly lighter option with good frothing capabilities. If you prefer dairy-free alternatives, oat milk and soy milk are excellent for their creamy texture and ability to create stable, luxurious foam. Almond milk and coconut milk are also viable options for a dairy-free salted caramel mocha, though they might yield a slightly thinner foam. Feel free to experiment with skim milk for a very light version or any other milk you enjoy!
Can you make it decaf?
Absolutely! Making a decaf salted caramel mocha is incredibly simple. Just swap out regular espresso shots for decaf espresso. If you’re using strong brewed coffee as an alternative to espresso, opt for decaf roast coffee instead. The flavor of the caramel and mocha sauces will still shine through beautifully, allowing you to enjoy this delicious drink at any time of day or night without the caffeine jitters.
How many calories are in this recipe vs. Starbucks?
You’ll be delighted to know that making your salted caramel mocha at home offers a significant calorie saving compared to the Starbucks version. A grande (16 oz) Starbucks Salted Caramel Mocha typically contains around 470 calories, often due to pre-made syrups and additional sugars. Our homemade recipe, crafted with whole ingredients and allowing for sugar control, comes in at approximately 326 calories per serving. This means you’re saving a substantial amount of calories – over 140 calories per drink – by indulging in your delicious homemade creation!
Can I store leftover sauces?
Yes, absolutely! Both the homemade mocha sauce and caramel sauce can be prepared in advance. Store them in airtight containers or mason jars in the refrigerator for up to 2 weeks. This makes future mocha preparations incredibly quick and convenient, as you’ll only need to brew your coffee and froth your milk. When ready to use, gently warm the sauces to make them pourable.

Prepping Your Homemade Sauces for Future Enjoyment
While the complete salted caramel mocha drink is best enjoyed fresh, the beauty of this recipe lies in its prep-ahead friendly components. The homemade mocha and caramel sauces can be prepared well in advance, saving you significant time when you’re craving that barista-quality drink.
You can easily make both the rich mocha sauce and the luscious salted caramel sauce up to two weeks ahead of time. Simply store them in separate, airtight containers or jars in your refrigerator. When you’re ready to whip up a mocha, gently warm the sauces (a few seconds in the microwave or a quick stir over low heat on the stovetop will do the trick) to restore their pourable consistency. This advanced preparation means you can enjoy a delicious homemade Starbucks copycat drink with minimal effort whenever the mood strikes!
More Starbucks Copycat Recipes to Try at Home
If you’re loving the art of recreating your favorite Starbucks drinks, explore these other fantastic copycat recipes!
-
Homemade Starbucks Eggnog Latte Recipe
Capture the spirit of the holidays with this rich and creamy homemade Eggnog Latte, just like Starbucks makes it!
-
Cinnamon Dolce Latte {Starbucks Copycat}
Enjoy the comforting blend of cinnamon and sweet syrup with this easy-to-make Cinnamon Dolce Latte copycat recipe.
-
Pumpkin Spice Latte {Starbucks Copycat}
Get your autumn fix anytime with this delicious Pumpkin Spice Latte, featuring real pumpkin puree for authentic flavor.
Recommended Meal Prep Tools & Essentials for This Recipe
Having the right tools can make all the difference in preparing your homemade Starbucks Salted Caramel Mocha efficiently and beautifully. Here are a few recommendations to enhance your coffee-making experience:
- Order some similar clear glass mugs to showcase the beautiful layers of your mocha and create that authentic coffee shop aesthetic.
- For added convenience or if you prefer a different caramel flavor, you can always order some Starbucks caramel syrup online. This can be a great backup or an easy way to quickly add caramel notes to your drink without making it from scratch.
- Consider a good quality milk frother (either handheld or a standalone machine) to consistently achieve perfectly frothed milk.
- A small saucepan for making the caramel sauce and a kettle for boiling water for the mocha sauce are also indispensable.

Starbucks Salted Caramel Mocha
Print
Pin
Rate
SEND ME MY PLAN
Ingredients
Mocha sauce
- 1/2 cup water
- 1/2 cup sugar
- 2 tbsp cocoa powder
Caramel sauce
- 1/2 cup sugar
- 3 tbsp butter
- 1/3 cup heavy cream
- 1/4 tsp sea salt
For the drink itself
- 2 espresso shots
- 1 cup milk
- 2 tbsp homemade mocha sauce (see above)
- 1 tbsp storebought caramel or toffee syrup
- 1 tiny pinch of sea salt
- Whipped cream
- homemade caramel sauce, for drizzling (see above)
Instructions
Make the mocha sauce
-
Boil water in a kettle and mix boiling water with sugar in a mason jar or heat-proof container, stirring thoroughly until the sugar dissolves. Add the cocoa powder and stir again until completely smooth and lump-free. This creates a rich, chocolatey base for your mocha. Set aside to cool slightly.
Make the caramel sauce
-
Add sugar to a small, heavy-bottomed pot on the stove over medium heat. Resist the urge to stir constantly; instead, gently swirl the pan occasionally. Watch it carefully as it starts to clump, then melt and turn a beautiful golden brown color. Continue to cook, stirring gently with a heat-proof spatula, until it transforms into a thick, amber-colored liquid. Be careful not to burn it, as burnt sugar will taste bitter.
-
Once the sugar is fully melted and has reached a rich, golden color, remove the pot from the heat. Carefully stir in the butter until it’s completely melted and incorporated, which should take about 1 minute or so. Next, very slowly drizzle in the heavy cream while continuously stirring. The mixture will bubble and steam; this is normal. Continue stirring until smooth. Finally, stir in the sea salt, then remove the sauce from the heat and set it aside to cool slightly. It will thicken as it cools.
For the drink itself
-
Begin by brewing your espresso shots directly into a large, heat-proof mug. While the espresso is brewing, prepare your milk. You can either microwave the milk for 1-2 minutes until hot and steaming, then froth it using a handheld milk frother. Alternatively, use a steam wand on an espresso machine or a dedicated milk steamer to heat and froth the milk to a creamy, airy consistency.
-
Into your mug with the freshly brewed espresso, stir in 2 tablespoons of your homemade mocha sauce, 1 tablespoon of store-bought caramel or toffee syrup (if you’re using it for extra flavor), and a tiny pinch of sea salt. Stir these ingredients thoroughly until they are well combined and the sauces have dissolved into the hot coffee, creating a harmonious flavor base.
-
Finally, pour the warm, frothed milk gently over the espresso and sauce mixture. Stir lightly to integrate everything while preserving the lovely foam on top. To complete your masterpiece, generously top the drink with a swirl of whipped cream. For a final flourish and that undeniable salted caramel touch, drizzle with extra homemade caramel sauce and sprinkle a few additional flakes of sea salt. Serve immediately and relish your perfectly crafted Starbucks-style salted caramel mocha!
Video
Notes
If you don’t have an espresso machine, make with strong dark roast brewed coffee instead for a delicious alternative.
For a completely dairy-free option, use vegan butter and full-fat coconut cream to make the caramel syrup. Finish the drink with your favourite non-dairy milk and a generous topping of vegan whipped cream.
The homemade caramel and mocha sauces can be made up to 2 weeks in advance and stored in the refrigerator, making future preparations even quicker.
Nutrition
