Hello, friends! I’m very excited to bring you this recipe for white chocolate sauce. With this white chocolate syrup recipe in your arsenal, you’ll be able to make your very own homemade fancy seasonal mocha, and I guarantee it’ll taste better than the storebought ones!
We’ll break down what white chocolate is–and what it isn’t–and I’ll show you how to introduce the elements into your sauce even if you can’t find the high-quality stuff.
You’ll also learn some variations and I’ll give you substitutions where I can. Read on for this info as well as the recipe. If you’d like to skip straight to the recipe, use the jump to recipe button at the top of the post.
You may also be interested in my chocolate syrup and butterscotch coffee syrup recipes. For ease of browsing, you can find all my dessert sauce recipes in one place. Thanks for being here!
Watch my white chocolate coffee syrup web story here.
Why You Need to Make This White Chocolate Sauce Recipe
If you’re looking for an excellent white chocolate sauce, you really need look no further than this recipe.
It contains all the elements necessary for good white chocolate–dairy, cocoa butter, and vanilla–separately.
This is so you don’t have to rely on getting the high-quality stuff, which can be very difficult to find.
I based the ingredients on the ingredient list from a very well-known brand of sauce used in many coffee shops, so all the elements you love are there.
I did a side-by-side taste comparison of my homemade sauce and the national brand I purchased, and honestly, my recipe tastes like delicious, creamy, pourable white chocolate.
Their’s does…not. I found it had an almost tropical flavor that tasted nothing like white chocolate.
The Difference Between White Chocolate and White Baking Chips
You can make a very tasty sauce by melting high-quality white chocolate in hot milk or half and half.
The problem is, it is very difficult to find it in the store, and it’s almost non-existent in the baking aisle.
What you will generally find is almond bark or white baking chips.
To be classified as white chocolate, it must contain cocoa butter along with dairy, vanilla, and some stabilizers/emulsifiers (which do not contribute to flavor).
White baking chips generally do not contain cocoa butter. Even the very recognizable brand from San Francisco uses palm kernel oil and not cocoa butter, so it cannot be called white chocolate.
White almond bark is also made with a range of vegetable fats with no cocoa butter to be found.
To be called white chocolate, it must contain cocoa butter. Period.
How To Make
Now that we know what’s in white chocolate, it’s easy to see those elements in this recipe.
And while the national brand says that it does contain cocoa butter, it’s in such a small quantity that it may as well not be there at all.
Here’s what you’ll need:
Ingredients and Substitutions
- water: Like most syrups, this one starts with a simple syrup, where part of the sugar is replaced by sweetened condensed milk. So water is a must.
- sugar: I use white granulated, but for a deeper flavor, you could certainly use raw sugar or light brown sugar. I wouldn’t use dark brown as that much molasses might mask the delicate flavor of the cocoa butter
- sweetened condensed milk: You can use skim or regular sweetened condensed milk. If you want to make your sauce vegan, substitute sweetened condensed coconut milk and be sure to use vegan sugar. Do NOT substitute evaporated milk
- pure cocoa butter: Look for food or cosmetic-grade cocoa butter. I used the brand (affiliate link) Terrasoul and am very happy with the flavor and the way it melted into the sauce
- vanilla: Either extract or paste works well here. Use extract if you prefer not to have little specks of vanilla seed in your sauce
- salt: Just a pinch helps to round out and bring out the flavor in the cocoa butter and dairy
As with most syrup recipes, this one is very easy to make, and probably easier than you might expect:
- Put water, sugar, sweetened condensed milk, and salt in a pan.
- Heat to a boil and let boil for five minutes.
- Add the cocoa butter, and whisk in well.
- Boil for two additional minutes.
- Whisk in vanilla off the heat.
Tips for Success
To a great extent, the final texture depends on how much water evaporates during boiling. Use a wider pan for more evaporation and a thicker sauce. Use a taller pan with a smaller diameter for less evaporation and a thinner sauce.
Dairy likes to boil over. Use a pan that is taller/larger than you think you need. Watch it carefully and adjust the heat if it boils up too much for comfort!
Equipment You May Need
You won’t need much specialized equipment to make this recipe at all.
A good, heavy-bottomed saucepan and a whisk are really all that you need.
And, as always, I do recommend getting a good kitchen scale for accuracy in measuring.
This syrup is really excellent as-is, but a little bit of extra spice is never a bad thing.
It’s particularly good with a little shake of cinnamon in it.
You could also add 2-3 drops of peppermint oil for a white peppermint mocha that will be out of this world!
If you can find white chocolate that actually contains cocoa butter (read the labels), you can substitute that for the sweetened condensed milk, cocoa butter, and vanilla.
Use 6 oz chopped white chocolate in place of the other three ingredients and pour 8 oz (1 cup) of heated (not boiling) milk over the chocolate.
Add the salt and whisk until smooth.
Here are some short video clips to illustrate a few of the steps to making this coffee syrup.
I hope you find them helpful.
Stirring water, sugar, sweetened condensed milk, and salt together.
Bring the sauce to a boil. You can control the thickness of the final sauce by keeping it at a low boil for thinner sauce and at a rolling boil for thicker sauce.
You can also use a narrower pan for less evaporation.
Chop the cocoa butter pretty finely. It’s very easy to chop it up.
Also, that is Sam, our ill-behaved foster cat.
Here’s what the sauce will look like once it is done.
White Chocolate Sauce Q & A
Since it contains dairy, I would only keep this sauce in the fridge for up to 10 days. It could stay good longer, but I wouldn’t push it.
Yes, you can freeze this. It may not freeze solid, but you can extend its “shelf life” by storing it in the freezer for up to 3 months. Thaw in the fridge. If it has separated, heat in the microwave for 30 seconds or so, and then blend it with an immersion blender or just whisk it really well.
As written, this recipe is gluten-free. To be double sure, check packaging to make sure none of the ingredients are manufactured on shared equipment.
Absolutely. Since the recipe is written with the components of white chocolate and not the actual stuff, it’s easy to veganize. Replace the sweetened condensed milk with sweetened condensed coconut milk, and be sure to use vegan sugar, and you’re good to go!
How To Make The Best White Chocolate Mocha
- Make coffee or espresso to your desired strength.
- Add your homemade coffee sauce for sweetness and flavor, about 2 Tablespoons per cup of coffee.
- Top off with steamed/foamed milk.
- Top with some grated nutmeg or a dusting of cinnamon if you’re feeling fancy.
- Enjoy every sip.
Although I expressly made this sauce to be able to make a homemade mocha whenever I want, by no means should you limit its use to Just That.
Consider using this sauce on pancakes or waffles.
Pour it over ice cream.
Drizzle it over pound cake.
Use it as a fruit dip.
Try it as a sauce for bread pudding.
Make your own version of a dirty soda by adding a splash to your root beer float.
Whisk some into whipped cream and then put that on…whatever you want!
If you have questions about this post or recipe, don’t hesitate to get in touch. You can leave a comment on the post and I will get back to you within about 24 hours.
If your question is more urgent, please shoot me an email, and I will respond within 4 hours, unless I’m asleep.
A Note About Measurements
NOTE: Most of my recipes are written by weight and not volume, even the liquids.
Even though I try to provide you with volume measurements as well, I encourage you to buy a kitchen scale for ease of measuring, accuracy, and consistency.
If you make this recipe and/or have enjoyed or learned from reading this post, I’d appreciate it if you could share this!
I have Convenient share buttons that float to the left on desk top and on mobile which invite you to share on Pinterest, Facebook, Twitter or Yummly.
If you make the recipe, please consider rating it a rating and a review. You can do this via the recipe card in the post.
Reviews really help sell the recipe, and negative reviews help me tune into what people really want to have explained better, so any ratings and reviews are helpful!
Also feel free to tag me on Instagram at @onlinepastrychef with #pcorecipe so I can find your creation. Thank you!
- 1 cup water
- 1/2 cup sugar
- 1/2 cup sweetened condensed milk
- 1/4 teaspoon salt
- 1 oz cocoa butter, chopped finely
- 1/2 teaspoon vanilla extract
- Pour the water, sugar, and sweetened condensed milk into a saucepan.
- Add the salt.
- Bring the mixture to a boil, stirring frequently. It will boil up, so keep an eye on it and regulate the heat so it doesn't boil over.
- Boil the milk mixture for 5 minutes. (See Notes)
- Off the heat, whisk in the cocoa butter as well as you can.
- Return to the heat and boil for 2 additional minutes. The agitation from the boil will help to emulsify the cocoa butter into the sauce.
- Remove from heat and whisk in the vanilla.
- Pour into a heat-safe container and cool until just warm. Store in the fridge for up to 10 days.
To Control the thickness of the final sauce
Cook in a narrower pan for less evaporation and a thinner syrup.
Cook in a wider pan for more evaporation and a thicker syrup.
You can also control the thickness by keeping your sauce at a low boil for a thinner sauce and at a full, rolling boil for a thicker sauce.
Keep in the fridge for up to 10 days. Freeze for up to 3 months.
Replace the water with milk.
Replace the sweetened condensed milk, sugar, and vanilla with 6 oz chopped high-1uality white chocolate (check the label)
Heat the milk and salt until steaming.
Pour it over the chopped chocolate and whisk until smooth.
Nutrition InformationYield 12 Serving Size 2 Tablespoons
Amount Per Serving Calories 95Total Fat 3gSaturated Fat 2gTrans Fat 0gUnsaturated Fat 1gCholesterol 4mgSodium 61mgCarbohydrates 15gFiber 0gSugar 15gProtein 1g
The stated nutritional information is provided as a courtesy. It is calculated through third party software and is intended as a guideline only.
Thanks for spending some time with me today.
Can’t wait for you to wow your friends with this fabulous coffee syrup.
Take care, and have a lovely day.
Want me to shoot new recipes and an occasional email into your inbox?
You can do that by signing up here for my newsletter, The Inbox Pastry Chef.
I’ll be seeing you!