• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Simple Copycat Recipes logo
  • Home
  • About me
  • Recipe Index
    • Appetizers
    • Breakfast
    • Dessert
    • Dips
    • Drinks
    • Main Dishes
    • Salads
    • Side Dishes
    • Soups
  • Contact
  • Nav Social Menu

    • Facebook
    • Instagram
    • Pinterest
    • TikTok
menu icon
go to homepage
search icon
Homepage link
  • Home
  • Recipe Index
  • About me
  • Contact
    • Facebook
    • Instagram
    • Pinterest
    • TikTok
  • ×
    Home » Drinks » Syrup

    The Best Starbucks White Chocolate Mocha Syrup Recipe

    Published: Jun 22, 2024 by Chahinez · This post may contain affiliate links · Leave a Comment

    This copycat Starbucks white chocolate mocha syrup recipe is exactly what your morning coffee has been missing. Made with just a few main ingredients, you can quickly and effortlessly have a coffee that tastes like it's made from Starbucks in the comfort of your own home!

    Jump to Recipe
    Starbucks white chocolate mocha syrup recipe in a glass

    This white chocolate mocha sauce goes great with espresso shots to make a hot or iced white chocolate mocha latte. And the best thing about is that it can be made in under 5 minutes! Give it a try today and see the difference it brings to your coffee drinks.

    Since you are here and love a copycat Starbucks recipe, check out this Starbucks Honey Oatmilk Latte Recipe, this Starbucks Brown Sugar Syrup Copycat Recipe, or this Starbucks Chocolate Cake Pop Recipe.

    Starbucks white chocolate mocha sauce recipe ingredients

    Ingredients for this White Chocolate Mocha Syrup Recipe

    Here are the ingredients you will need to make this white chocolate mocha recipe. Scroll down to the recipe card at the bottom of this page for the detailed ingredient measurements.

    • White Chocolate: You can use a white chocolate bar or white chocolate chips.
    • Heavy Cream: adds a thick and creamy moisture to create the saucy consistency.
    • Evaporated Milk: helps add a deeper milk flavor to balance out the white chocolate.
    • Sweetened Condensed Milk: sweetens the heavy cream and evaporated milk and turns them into the white chocolate syrup.
    overhead shot of the Starbucks white chocolate mocha syrup recipe

    How to make this white chocolate mocha syrup recipe

    This is how you can make this homemade white chocolate sauce. Make sure to scroll down to the recipe card at the end of this post for the full step-by-step instructions.

    1. Add the white chocolate to a microwave-safe bowl. Top with the heavy whipping cream, sweetened condensed milk, and evaporated milk. Microwave in 15 to 30-second intervals until fully melted, stirring in between every time. Be careful not to overheat the milk mixture or you risk burning the chocolate.
    2. Whisk vigorously to get everything emulsified properly, and use in your favorite white chocolate mocha beverages!
    unmixed ingredients in a bowl
    mixed ingredients in a bowl
    Starbucks White Chocolate Mocha Sauce mixed ingredients in a bowl

    Why you need to make this white chocolate mocha syrup recipe!

    • This easy recipe has a small ingredient list that you can easily find at a grocery store.
    • This recipe is made using a microwave and is the easiest way to enjoy a white mocha sauce at home.
    • One of the best parts about this recipe is it's not just good in coffee, you can use it in a bunch of different delicious recipes!
    • It's a fun white chocolate twist on a traditional mocha and is a great way to satisfy your white chocolate craving.

    Frequently Asked Questions - FAQ

    ​How do I store this homemade mocha sauce?

    To store, put your leftover white mocha syrup in an airtight container such as a mason jar or bottle with a tight seal. Place it in the fridge. It should be good for at least a week. Be sure to not leave it on the kitchen counter since it has dairy in it.

    As a helpful tip: When transferring it from the saucepan to the jar, use a funnel for better aim and less mess. If you don't have a funnel, pour the syrup from the saucepan to a measuring cup first, then the jar. It will be much easier to handle this way.

    side shot of the Starbucks White Chocolate Mocha Syrup recipe in a glass

    How do I cook it if I don't want to use a microwave?

    I get it, sometimes you want to avoid the waves a microwave emits to heat the food. Making this coffee syrup in a double boiler over a small saucepan is just as easy.

    Fill a pot with water and bring it to a rolling boil. In a heat-safe glass bowl, put in all of your ingredients and place the bowl over the boiling pot. Stir as the white chocolate begins to melt and mix until everything is combined. Remove from the heat and let it cool completely in the bowl before transferring it to a bottle or jar.

    Can I make a lighter-calorie version of the white chocolate mocha syrup recipe?

    Unfortuantley, you need to use the ingredients listed here to get the right consistency.

    I would suggest using a keto or low-sugar white chocolate bar instead of a regular one to save on some calories, but in the grand scheme of things, it will still be a sweet treat that contains some calories in it!

    overhead shot of the Starbucks White Chocolate Mocha Syrup recipe in a glass

    How can I make the syrup if I don't have sweetened condensed milk?

    You can make a similar syrup using an altered simple syrup mixture of equal parts sugar and milk. Heat them together until the sugar is completely dissolved, and the milk mixture has started to reduce. Then mix in the white chocolate until melted and smooth.

    Is there a dairy-free version of this white chocolate mocha syrup recipe?

    Of course! You can make a non-dairy version by using non-dairy white chocolate and substituting the heavy cream with coconut cream, and coconut sweetened condensed coconut milk.

    overhead shot of coffee flavoring in a glass

    What can I use this white mocha sauce on?

    ​In a delicious coffee drink, first and foremost. Combine it with shots of espresso, instant coffee, cold brew, or regular hot coffee and your favorite creamer. Here are a couple other creative ways to utilize your own white chocolate sauce:

    • Turn your breakfast into a sweet treat by putting it on your pancakes, waffles, or French toast.
    • Put it over a scoop of vanilla ice cream to create a white chocolate sundae.
    • The next time you or the kids are craving a hot chocolate beverage in the winter, combine this with warm milk instead.

    How much syrup should I use per coffee?

    Typically, 2-3 tablespoons of syrup per 8-ounce cup of coffee is a good starting point. But adjust according to your taste preference.

    overhead shot of coffee flavoring in a glass

    The Best White Chocolate Mocha Syrup Recipe

    overhead shot of coffee flavoring in a glass

    Starbucks White Chocolate Mocha Syrup Recipe

    This copycat Starbucks white chocolate mocha syrup recipe is quick and easy to make and tastes like it's made from Starbucks!
    No ratings yet
    Print Recipe Pin Recipe
    Prep Time 5 minutes mins
    Total Time 5 minutes mins
    Course Drinks
    Cuisine American
    Servings 12 servings
    Calories 172 kcal

    Ingredients
     
     

    • 8 oz white chocolate bar or chips
    • ½ cup heavy cream
    • ⅓ cup evaporated milk
    • ⅓ cup sweetened condensed milk
    InstacartGet Recipe Ingredients

    Instructions
     

    • Add the chopped up white chocolate to a microwave safe bowl, top with the heavy cream, sweetened condensed milk, and evaporated milk, and microwave in 30 second intervals until fully melted, stirring in between every time.
      8 oz white chocolate bar or chips, ½ cup heavy cream, ⅓ cup evaporated milk, ⅓ cup sweetened condensed milk
    • Whisk vigorously to get everything emulsified properly and use in your white chocolate mocha drinks.

    Notes

    If you do not have a microwave you can make this white chocolate mocha sauce over a double boiler.

    Nutrition

    Calories: 172kcalCarbohydrates: 17gProtein: 3gFat: 11gSaturated Fat: 7gPolyunsaturated Fat: 0.4gMonounsaturated Fat: 3gCholesterol: 20mgSodium: 38mgPotassium: 116mgFiber: 0.04gSugar: 17gVitamin A: 191IUVitamin C: 1mgCalcium: 87mgIron: 0.1mg
    Keyword Starbucks White Chocolate Mocha Syrup, Starbucks White Chocolate Mocha Syrup Recipe, White Chocolate Mocha Syrup
    Tried this recipe?Let us know how it was!

    More Syrup

    • a jar of starbucks brown sugar syrup recipe
      The Best Starbucks Brown Sugar Syrup Recipe Copycat

    Reader Interactions

    leave a comment Cancel reply

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

    Recipe Rating




    Primary Sidebar

    Chahinez

    Hi! I'm Chahinez and I love recreating recipes that I've had at restaurants, bakeries, and just when I'm out and about. I hope you enjoy making these easy copycat recipes as much as I did creating them!

    More about me →

    Popular

    • a bowl of taco bell nacho cheese recipe with a chip in it
      The Best Taco Bell Nacho Cheese Recipe Copycat
    • Chili's Southwest Eggroll recipe cut in half stacked on each other
      Chili’s Southwestern Egg Rolls (Copycat Recipe with Avocado Ranch)
    • Starbucks Toasted Vanilla Shaken Espresso Recipe
      Toasted Vanilla Shaken Espresso (Starbucks Copycat Recipe)
    • Close-up of a creamy Applebee's Beer Cheese Dip in a white mug surrounded by salted pretzels.
      Easy Applebee’s Beer Cheese Dip Recipe Copycat

    Seasonal

    • A single Crumbl Cornbread Cookies Copycat recipe drizzled with honey, placed on a white ceramic plate.
      The Best Copycat Crumbl Cornbread Cookies Recipe
    • Copycat Chick-Fil-A Cookies recipe stacked on top of each other
      The Best Copycat Chick-fil-A Cookies Recipe
    • Two slices of Cracker Barrel Coca cola Cake recipe stacked on top of each other.
      The Best Cracker Barrel Coca-Cola Cake Recipe
    • Flat lay shot of the Best Nestle Toll House Chocolate Chip Cookie bars.
      The Best Nestle Toll House Chocolate Chip Cookie Bars

    Footer

    Information

    • FAQ
    • Media Kit
    • Services
    • Disclaimer

    About

    • About Me
    • Recipe Index
    • Contact

    Follow

    • Instagram
    • Facebook
    • Pinterest
    • Tiktok

    Join the newsletter

      Built with ConvertKit

      Copyright © 2025 Simple Copycat Recipes

      Privacy Policy Accessibility Policy Terms
      • Facebook
      • Pinterest
      • Save
      • X

      Rate This Recipe

      Your vote:




      A rating is required
      A name is required
      An email is required