• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Recipes
  • About Me
  • Subscribe

Mindy's Cooking Obsession

menu icon
go to homepage
  • Recipes
  • About Me
  • Subscribe
    • Facebook
    • Instagram
    • Pinterest
    • Twitter
  • search icon
    Homepage link
    • Recipes
    • About Me
    • Subscribe
    • Facebook
    • Instagram
    • Pinterest
    • Twitter
  • ×
    Home » Recipes » Sauces, Syrups & Dressings

    White Chocolate Mocha Syrup

    July 16, 2023

    Modified: Oct 16, 2024 · Published: Jul 16, 2023 by Mindy Boyd · 4 Comments
    Share by text, email, or on social!
    163Pinterest72FacebookEmailRedditXSMSFlipboardBluesky
    235
    SHARES
    Pinterest Hidden Image
    ⏲ 10 minutes minutes
    ↓Jump to Recipe

    You do not need to wait until the holiday season to make this Homemade White Chocolate Mocha Syrup recipe. This yummy syrup is great any time of the year and has a multitude of delicious uses. 

    A mason jar filled with Best Homemade White Chocolate Mocha Syrup sitting on a wooden cutting board with the recipe title above it in text.

    While this homemade white chocolate sauce makes a delicious coffee drink that is not all you can use it for. We use it in our Iced White Chocolate Mocha as well as a topping for ice cream and other favorite desserts like cake. It can also be used in milkshakes, hot chocolate, or as pancake syrup. 

    This creamy white chocolate syrup will make a delightful poke cake. I am thinking a chocolate cake topped with a layer of this white chocolate mocha syrup then a layer of smooth white chocolate pudding, then a layer of whipped topping. Then to top all that off drizzle some chocolate syrup and more of this yummy syrup in a pretty pattern over it. Sounds amazing, doesn’t it?! I love poke cakes! 

    A small glass bowl with a scoop of vanilla ice cream topped with white chocolate mocha syrup.
    Jump to:
    • Ingredients
    • Ingredient Notes
    • Step-By-Step Instructions
    • Starbucks Drinks Using Our Homemade White Chocolate Syrup
    • How much is one pump of syrup at Starbucks?
    • Storage
    • What we love about this recipe
    • Easy Drink Recipes You Might Like
    • White Chocolate Mocha Syrup
    A cup of coffee that has white chocolate mocha in it and the spoon used to mix it on the table next to it.

    Ingredients

    See recipe card for exact amounts. 

    All of the ingredients needed to make this recipe on a white background, they are labeled with text that says what they are.

    Ingredient Notes

    Just a few simple ingredients are all you need to make this delicious sweet treat. 

    Sweetened Condensed Milk – we use store bought but you can use homemade, Simply Recipes has a recipe if you want to make your own. 

    Whole Milk – you can use skim milk, 2%, heavy cream, half & half, coconut milk, oat milk, almond milk, or soy milk. It may change the thickness a little bit but not enough to make that much of a difference. If using non-dairy milk make sure to buy the unsweetened type or cut the sugar down some. 

    Sugar – regular granulated sugar.

    White Chocolate – we like to use good quality white chocolate chips. You can use white chocolate bars cut into smaller pieces. 

    Vanilla – pure vanilla extract and not imitation vanilla. 

    Instant Coffee – we have a large jar because we use it in a lot of recipes. It comes in small packets in a box and that is more economical than the big jar if you don’t want to spend that much to make this white mocha syrup recipe. 

    The bottom half of a mason jar filled with white chocolate mocha syrup and a few white chocolate chips sitting next to it.

    Step-By-Step Instructions

    1. Add all of the ingredients to a medium saucepan.
    2. Simmer over medium-high heat stirring constantly until the chocolate chips melt.

    You want the chocolate to melt as the mixture heats up to a simmer, adjust the heat down if it looks like it is going to start boiling. 

    The image on the top has the ingredients in a pan before they are heated and the image on the bottom has the cooked white chocolate mocha syrup in it.

    Starbucks Drinks Using Our Homemade White Chocolate Syrup

    I don’t claim that this white chocolate syrup recipe is a copycat Starbucks recipe but it can be used to make homemade versions of some of the popular drinks you get at the coffee shop. It is the perfect way to save money without having to leave the comfort of your own home! 

    White Chocolate Crème Frappuccino – the grande calls for milk, 3 pumps of white chocolate mocha sauce and whipped cream. 

    White Chocolate Mocha – the grande calls for espresso, 2% milk, milk foam, steamed milk, 4 pumps of white mocha sauce, and whipped cream. 

    Iced White Chocolate Mocha – the grande calls for 2 shots of espresso, 2% milk, milk foam, steamed milk, 4 pumps of white mocha sauce, and whipped cream and is served over ice, of course.  

    There are also other seasonal and secret menu Starbucks coffee drinks that use syrup. 

    How much is one pump of syrup at Starbucks?

    It was tough to find this answer when I googled it. I saw anything from ¼ ounce to ⅓ ounce to 1 tablespoon per pump. I think that ¼ ounce sounds close to right. One tablespoon sounds like way too much. I don’t think Starbucks is putting 4 tablespoons of flavored syrup into one 16 ounce white chocolate mocha drink. 

    We use 1-2 tablespoons of white chocolate syrup in one cup of coffee, depending on how big the cup is. 

    A scoop of vanilla ice cream topped with white chocolate mocha syrup in a small glass bowl.

    Storage

    Store in an airtight container in the refrigerator for up to a month. We like to use a mason jar.

    Special note: The syrup will thicken in the refrigerator. If you are adding it to hot coffee it will melt just fine. If you want to use it in iced coffee or as a sauce on ice cream, pancakes or other dessert just put a bit in the microwave for a few seconds and it will thin out as it warms up. 

    What we love about this recipe

    • It is a super yummy and easy recipe. 
    • This is versatile because it has so many tasty uses. 
    • One batch will keep for about a month in the refrigerator which means it stays good longer than it will actually last, if you know what I mean😉.

     

    A mason jar with white chocolate syrup in it and a spoon with it on it sitting in front of it.

    Easy Drink Recipes You Might Like

    • Cafe Mocha
    • Brown Sugar Oat Milk Coffee
    • Maple Syrup Coffee
    • Caramel Coffee – this recipe uses my Caramel Sauce!
    • Vanilla Coffee 

    Follow us on social!

    • Pinterest
    • Facebook
    • Instagram
    • Twitter

    Did you love this recipe?

    We would love it if you’d leave a comment and ⭐️⭐️⭐️⭐️⭐️ review below!

    A mason jar about half full of white chocolate mocha syrup in it.

    White Chocolate Mocha Syrup

    Mindy Boyd
    The Best Homemade White Chocolate Mocha Syrup comes together quickly and is great in coffee, or as a topping on pancakes, ice cream or other desserts.
    5 from 3 votes
    Print – Email Required Pin Recipe Save Recipe Saved Recipe
    Prep Time 2 minutes mins
    Cook Time 8 minutes mins
    Total Time 10 minutes mins
    Course Sauce, Syrup
    Cuisine American
    Servings 40 tablespoons

    Ingredients
      

    • 1 can sweetened condensed milk 14 ounces
    • 1 cup white chocolate chips
    • ¾ cup milk
    • ⅓ cup sugar
    • 2 teaspoons vanilla
    • 1 teaspoon instant coffee
    Prevent your screen from going dark

    Instructions
     

    • Add all of the ingredients to a medium saucepan.
    • Simmer over medium-high heat stirring constantly until the chocolate chips melt completely, about 6-8 minutes.

    Notes

    Cook time is approximate and may be different because of your stove and the type of pan you use. You want the chocolate to melt as the mixture heats up to a simmer, adjust the heat down if it looks like it is going to start boiling. 
    This recipe makes 2 ½ cups, or 40 tablespoons. 
    Did you make this recipe? We would love it if you would leave us a comment and ⭐️⭐️⭐️⭐️⭐️ review below!
     
    Nutritional information is approximate. 
     
    See tips, notes, and suggestions in the post above.
     
    Bookmark this page to find it quickly when you are ready to make this recipe!

    Nutrition Facts

    Serving: 1tbsp | Calories: 66kcal | Carbohydrates: 10g | Protein: 1g | Fat: 2g | Saturated Fat: 2g | Polyunsaturated Fat: 0.1g | Monounsaturated Fat: 1g | Cholesterol: 5mg | Sodium: 18mg | Potassium: 58mg | Fiber: 0.01g | Sugar: 10g | Vitamin A: 35IU | Vitamin C: 0.3mg | Calcium: 43mg | Iron: 0.03mg
    Tried this recipe?Let us know how it was with a comment below.
    Share by text, email, or on social!
    163Pinterest72FacebookEmailRedditXSMSFlipboardBluesky
    235
    SHARES

    More Sauces, Syrups & Dressings

    • Feature image of a large mason jar filled with Homemade Caramel Coffee Creamer, there's a tan colored napkin next to it.
      Homemade Caramel Coffee Creamer 
    • Close up of the Homemade Caramel Syrup for Coffee in a jar with a bottle of Great Value vanilla and a container of sugar in the background.
      Homemade Caramel Syrup for Coffee
    • Feature image of the mason jar full of Copycat Starbucks Sugar Cookie Syrup.
      Starbucks Sugar Cookie Syrup
    • Feature image of a white gravy boat filled with homemade giblet gravy.
      Thanksgiving Turkey Giblet Gravy

    Reader Interactions

    Me in my kitchen cutting vegetables.

    About Mindy

    Mindy has been cooking for over 30 years, starting as a young mother who learned how to create delicious meals on a budget. Today, she shares approachable recipes made with everyday ingredients that are easy, affordable, and family-friendly. Her goal is to show that great food doesn’t need to be complicated or expensive.

    Comments

    1. Anne says

      January 10, 2024 at 11:43 pm

      5 stars
      I made this sauce to use for mochas and it was very good! I did substitute instant coffee for instant espresso. Used 1/4 cup of sugar and 3 teaspoons of vanilla extract. I stored mine in the refrigerator and it had this weird thick “skin” after refrigeration. While this doesn’t bother me since I’m using it in hot beverages. But it would be off-putting if I was to use it on top of ice cream or cakes as it would be lumpy. I’m guessing this happened because I used fresh milk. When I used evaporated milk, the “skin” didn’t happen. Just a tip for anyone making it as a dessert topper. Thanks for a great recipe!

      Reply
      • Mindy Boyd says

        January 11, 2024 at 5:58 pm

        Good to know, thank you so much for the tip!

        Reply
    2. Anne says

      December 28, 2023 at 1:35 am

      Will instant espresso work?

      Reply
      • Mindy Boyd says

        December 28, 2023 at 7:23 am

        Yes, that will work and give it a nice bold flavor.

        Reply
    5 from 3 votes (2 ratings without comment)

    Leave a Reply Cancel reply

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

    Recipe Rating




    Primary Sidebar

    A picture of me sitting at my dining room table.
    Hi, I’m Mindy! Whether I’m cooking for friends and family or sharing recipes with you, I love feeding people. And it doesn’t have to be complicated! Here, you’ll find quick and easy recipes that don’t require a long list of ingredients or take too much time.

    More about me →


    Connect with us!

    • Facebook
    • Instagram
    • Pinterest
    • Twitter

    Reader Favorites

    • Four cooked cube steaks in the air fryer basket.
      Air Fryer Cube Steak
    • Three potatoes on a sheet pan after they have been baked in the oven without foil.
      Baked Potato Without Foil
    • Several air fried biscuits in a cloth lined basket.
      Air Fryer Canned Biscuits
    • one piece of cake on a white plate.
      Tornado (Do Nothing) Cake
    • Homemade Arby’s Chicken Salad
    • Overhead view of several fried squash rounds on a white plate.
      Southern Fried Yellow Squash

    Popular Pasta Dishes

    • Homemade Tuna Helper Creamy Pasta
    • Feature image showing the skillet full of cooked cheesy chili mac.
      One-Pot Chili Mac
    • Overhead close up shot of a bronze colored pot full of alfredo chicken broccoli pasta.
      Alfredo Chicken Pasta & Broccoli (with jar sauce)
    • Overhead close up of one serving of lemon pasta with peas and ricotta on a white plate.
      Lemon Pasta with Peas & Ricotta
    • A white plate with one serving of hamburger helper on it.
      Hamburger Helper Italian Shells
    • A serving of Cheesy Chicken & Broccoli Orzo on a white plate.
      Cheesy Chicken & Broccoli Orzo
    • close up view of one pot meaty marinara pasta on a white plate.
      One Pot Meaty Marinara Pasta
    • Cheesy Beef Taco Noodles - ground beef, onion, cheese soup, salsa, corn and Light 'n Fluffy Noodles. Easy to make and on the table in about 25 minutes!
      Cheesy Beef Taco Noodles
    • Overhead view of plate with one serving of homemade hamburger helper cheeseburger macaroni.
      Hamburger Helper Cheeseburger Macaroni

    Recent Posts

    • Chocolate Pudding Cool Whip Frosting
    • Easy Cake Mix Banana Cake
    • Iced White Chocolate Mocha
    • Banana Chocolate Chunk Muffins
    • Maple Brown Sugar Overnight Oats
    • Orange Pineapple Chicken

    Footer

    Featured on

    The websites I have been featured in, parade, purewow, msn, mashed and brit+co.

    ↑ back to top

    Every recipe on this blog is tested in my own kitchen and written by me, Mindy. I occasionally use AI tools to help with things like editing or brainstorming, but the cooking, photography, and storytelling are all mine.

    Newsletter

    SIGN UP TO RECEIVE EMAIL UPDATES

    CONNECT WITH US!

    • Facebook
    • Instagram
    • Pinterest
    • Twitter

    FIND IT HERE

    Privacy Policy | Contact

    Copyright © 2025 Mindy's Cooking Obsession

    Rate This Recipe

    Your vote:




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

    Recipe Ratings without Comment

    Something went wrong. Please try again.