White Chocolate Syrup

Elevate your morning coffee with a drizzle of rich White Chocolate Syrup. With just three ingredients, this easy-to-make syrup offers hints of buttery, vanilla and sweet cream.

This post contains affiliate links. If you click on one and buy something, Feast + West receives a small commission at no additional cost to you. All opinions are our own. As an Amazon Associate, I earn from qualifying purchases.

Homemade White Chocolate Syrup recipe

Making coffee shop drinks at home is always a delicious way to start the day. From cold brew coffee to cinnamon lattes, there are so many options to try.

For chocolate lovers, there’s the mocha, a rich and creamy espresso drink with a swirl of milk chocolate.

And for white chocolate lovers, the white chocolate mocha is a dreamy sweet treat.

To make this delicious coffee drink, you’ll need a thick white chocolate coffee syrup to mix into the drink. This recipe is super easy to throw together and you can use it on pancakes, on ice cream sundaes and in cocktails too.

More syrup recipes: Irish Cream Syrup • Cinnamon Syrup • Sugar Cookie Syrup

Why you’ll love this recipe

If your favorite Starbucks drinks call for a few pumps of white chocolate mocha sauce, then you’ll love making your own. This smooth white chocolate mocha syrup recipe will be your new favorite way to sweeten your coffee — it’s simply the best thing! 

• It’s easy to make at home with just three ingredients.
• You can use it in a hot coffee or make an iced drink.
• It works beyond drinks: Try it on breakfast treats and desserts.
• You’ll know exactly where the ingredients come from.

Tools & glassware

To make homemade white chocolate sauce, you don’t need a lot of special equipment.

• measuring cups and measuring spoons
• a wooden spoon or spatula
• a medium saucepan
• mason jar, for storing

Ingredients

You only need three simple ingredients to make this recipe. Here’s what to grab at the grocery store:

• white chocolate chips or white chocolate bars (I used Ghirhardelli white chocolate chips)
• half-and-half
• vanilla extract

If you need this recipe to be vegan, be sure to buy vegan white chocolate and use a dairy-free milk such as coconut milk, oat milk or almond milk.

How to make White Chocolate Syrup

Making white chocolate syrup is super simple. Here are step-by-step instructions to making it at home:

First, in a medium saucepan over medium heat, add the half-and-half and white chocolate chips together.

Stir frequently until combined and the chips are fully melted. Remove from heat.

Stir in the vanilla extract. Then set aside to cool.

You can use it while it’s still warm in a hot drink. For ice cream or cold drinks, let it cool first.

Before storing, it should be cooled fully. Store in an airtight container, such as a mason jar, in the fridge.

Tips & tricks

Here are some tips and tricks for making this recipe:

• Whether you use white chocolate chips or bars, weigh the white chocolate to get the right ratio to half-and-half.
• For a thicker syrup, use heavy cream. For a thinner syrup, use whole milk or skim milk.
• Keep the heat at medium or even medium-low. White chocolate burns quickly, and there’s no going back once it burns. Cook the mixture until the chips are just melted.

Uses for White Chocolate Mocha Syrup

You can use this copycat Starbucks recipe to make your favorite white chocolate coffee drinks.

• White chocolate mocha drink: Creamy and delicious, the white mocha is one of the most popular drinks at coffee shops. Served warm, it is made with white chocolate syrup, espresso and steamed milk, then topped with a thick layer of whipped cream.
• Iced white chocolate mocha recipe: This is an iced version of the drink above. Made with white chocolate syrup, slightly cooled espresso and steamed milk, it’s served over ice and enjoyed with a straw.
• Tuxedo mocha, AKA black & white mocha: Use half white chocolate syrup and half chocolate syrup to make a tuxedo mocha.
• White hot chocolate: You can drink this syrup as a base for hot white chocolate. It’s very thick, so you’ll want to stir in more warm milk. Try this rose hot white hot chocolate for a floral twist.

You can also use this white chocolate syrup in cocktails. Try it in a white Russian or a peppermint white chocolate martini.

Don’t be afraid to drizzle some white chocolate sauce over pancakes, waffles or French toast for breakfast. It would be an excellent addition to a pancake charcuterie board.

After dinner, you can drizzle it over your favorite desserts, like chocolate pecan pie. It would also be good over an ice cream sundae with a base of white chocolate cranberry cookies.

FAQ

More coffee syrup recipes

• Pumpkin Spice Syrup
• Gingerbread Syrup
• Vanilla Syrup
• Brown Sugar Syrup