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.

A glass of White Chocolate Syrup and white chocolate on a cutting board.

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 SyrupCinnamon SyrupSugar Cookie Syrup

A jar of White Chocolate Syrup and white chocolate chips and cookies on a cutting board.

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.

Ingredients for a white chocolate syrup on a white marble surface.

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.

A bottle of White Chocolate Syrup and white chocolate chips on a table.

How to make White Chocolate Syrup

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

A bowl of white pecans drizzled with white chocolate syrup in a metal bowl.
Cream is being poured into a pot of white chocolate chips.

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

A bowl of white chocolate chips and milk with a blue spatula.
A bowl of white chocolate and milk with a blue spoon in it.

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

White Chocolate Tip

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.

A person is pouring vanilla extract into a pot of melted white chocolate.
A blue spoon is being used to stir a mixture of white chocolate syrup in a bowl.

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.
A glass of White Chocolate Syrup and some White Chocolate chips on a table.

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. 

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.

A glass of White Chocolate Syrup and cookies on a table.

FAQ

What kind of drink is a white chocolate mocha?

White chocolate mochas are espresso drinks. Made with freshly brewed espresso and steamed milk and sweetened with white chocolate syrup, this popular beverage is a rich and creamy coffee drink.

What syrup does Starbucks use for white chocolate mochas?

Starbucks uses a pre-mixed white chocolate sauce to make their famous white chocolate mocha drink. You can make your own at home with white chocolate chips, half-and-half and vanilla extract.

More coffee syrup recipes

— Did you make this recipe? —

Please leave a ★★★★★ review or comment below.

A glass of White Chocolate Syrup and white chocolate on a cutting board.

White Chocolate Syrup

Yield: 16 ounces
Prep Time: 5 minutes
Cook Time: 10 minutes
Total Time: 15 minutes
Stir White Chocolate Syrup into your morning coffee or evening cocktails for creamy, sweet sips.
5 from 1 vote
Print Save

ingredients

  • 8 ounces white chocolate chips about 1¼ cups, I used Ghirardelli
  • ½ cup half-and-half
  • ½ teaspoon vanilla extract

instructions

  • In a medium saucepan over medium heat, combine white chocolate chips and half-and-half.
  • Stir frequently until the ingredients are combined and the chips are fully melted, with no lumps remaining. Remove from heat.
  • Stir in the vanilla extract.
  • Let cool. Store in an airtight container in the fridge.

notes

Here are some tips and tricks for making this recipe:
  • Whether you use white chocolate chips or bars, weigh the white chocolate for the right ratio to half-and-half.
  • For a thicker syrup, use heavy cream. For a thinner syrup, use whole 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.

recommended products

As an Amazon Associate and member of other affiliate programs, I earn from qualifying purchases.

nutrition information

Yield: 16 ounces

amount per serving:

Serving: 1ounce Calories: 87kcal Carbohydrates: 9g Protein: 1g Fat: 5g Saturated Fat: 3g Polyunsaturated Fat: 0.2g Monounsaturated Fat: 2g Cholesterol: 6mg Sodium: 17mg Potassium: 51mg Fiber: 0.03g Sugar: 9g Vitamin A: 31IU Vitamin C: 0.1mg Calcium: 36mg Iron: 0.04mg
did you make this recipe?Please leave a comment on the blog or share a photo on Instagram with the hashtag #feastandwestrecipes!

The Golden Ratio Guide:

Mix the perfect cocktail, every time

Reader Interactions

Leave a Reply

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

Recipe Rating




This site uses Akismet to reduce spam. Learn how your comment data is processed.

Sharing is Caring

Help spread the word. You're awesome for doing it!