White Chocolate Coffee Syrup - The Littlest Crumb (2024)

Published: by Ali

Jump to Recipe

Disclaimer: This post contains affiliate links. As an Amazon Associate I earn from qualifying purchases.

This white chocolate coffee syrup is the best Starbucks mocha sauce copycat recipe. You can buy white chocolate sauce premade (Torani, Monin, Ghirardelli, etc.), but this DIY homemade coffee creamer is just as delicious and much less expensive to make.

White Chocolate Coffee Syrup - The Littlest Crumb (1)

Coffee syrups are versatile and can be used to make creative, flavored lattes.

Some of my other favorite coffee syrups include this peppermint syrup, this peanut butter coffee syrup and this pistachio syrup (for Starbucks pistachio lattes).

Jump to:
  • Why You’ll Love This Recipe
  • Ingredients
  • How to Make White Chocolate Coffee Syrup
  • Storage
  • Expert Tips
  • Recipe FAQs
  • 📖 Recipe

Why You’ll Love This Recipe

  • Sweet Treat — This white chocolate syrup is definitely a sweet treat for making decadent, dessert like drinks that are perfect for the holiday season.
  • Starbucks Copycat — This is a copycat version of Starbucks’ white chocolate sauce that they use to make their white chocolate mochas. Make a large batch of this syrup and use it to make your favorite Starbucks drinks for a fraction of the price you’d pay in store.
  • Versatile — This syrup is great for making white chocolate lattes, but you can use it in any type of drink, such as for white chocolate hot chocolate or even dessert co*cktails.
  • Simple & Inexpensive — You only need 3 simple, easy to find ingredients to make this recipe.

Ingredients

White Chocolate Coffee Syrup - The Littlest Crumb (2)
  • White Chocolate: You can use any type of white chocolate for this syrup, but make sure it is a white chocolate that melts easily. Some types of white chocolate don’t melt smoothly and can be trickier to use. White chocolate melting wafers will be the easiest to work with.
  • Half & Half: You should be able to find half & half in the fridge section next to the cream. It is basically half cream and half milk. You can use table cream (15%) as an alternative. If your grocery store doesn’t carry either option, just use a mixture of half milk and half heavy cream.
  • Sweetened Condensed Milk: Sweetened condensed milk is sold in a can in the baking aisle (not to be confused with evaporated milk). It adds extra sweetness and decadence to this rich dessert-like coffee syrup.

How to Make White Chocolate Coffee Syrup

Step 1: Heat the half and half and sweetened condensed milk in a small saucepan over medium heat. Stir occasionally and continue to heat until the mixture almost comes to a simmer.

White Chocolate Coffee Syrup - The Littlest Crumb (3)

Step 2: Add in the white chocolate and stir until the chocolate has melted and the syrup is smooth. Remove from the stove.

White Chocolate Coffee Syrup - The Littlest Crumb (4)

Storage

Store extra white chocolate sauce in an airtight container in the fridge for up to a week. Make sure to let the syrup fully cool before storing it.

If you find that the syrup has hardened or thickened after being stored in the fridge, heat the portion you want to use in the microwave for 10 to 20 seconds before using.

Expert Tips

  • Don’t let the syrup boil. Adjust the temperature of the stove as needed to make sure the white chocolate syrup doesn’t actually reach a boil. You just want to heat the syrup enough so the white chocolate melts into a smooth, thick sauce.
  • Choose white chocolate that melts well. Unlike milk chocolate, not all types of white chocolate melt well. Some melt more into clumps or burn easily. Use a white chocolate that melts smoothly. If you are unsure what type to use, use white chocolate melting wafers as these are meant to be melted.
  • Adjust the amount of sweetened condensed milk. Sweetened condensed milk adds a lot of sweetness to this coffee syrup. If you prefer a syrup that is not as sweet, reduce the amount that you mix in.

Recipe FAQs

How can I use this white chocolate coffee sauce to make an iced white chocolate mocha?

To make a Starbucks’ iced white chocolate mocha, combine espresso, white chocolate coffee sauce, milk and ice. Optionally top with whipped cream.

Can I find store bought white chocolate sauce?

Yes. If you prefer to buy a store bought syrup instead of making your own, there are several brands such as Fontana, Ghirardelli, Torani and Monin that sell a version of it.

How much sauce should I add to each drink?

Always adjust to taste, but generally you can add 1 to 2 oz of syrup per coffee drink.

Why is Starbucks’ version called white chocolate mocha sauce?

The Starbucks sauce has the name “mocha” in it, even though there is no mocha flavoring in the actual sauce. This may be just because Starbucks uses this white chocolate sauce to make their mocha drinks.

White Chocolate Coffee Syrup - The Littlest Crumb (5)

Print

📖 Recipe

White Chocolate Coffee Syrup - The Littlest Crumb (6)

White Chocolate Coffee Syrup

5 Stars4 Stars3 Stars2 Stars1 Star

No reviews

  • Author: Ali
  • Total Time: 15 minutes
  • Yield: 1 cup syrup 1x
  • Diet: Vegetarian
Print Recipe

Description

This white chocolate coffee syrup is the best Starbucks mocha sauce copycat recipe. It’s easy to make and great for making lattes or hot chocolate.

Ingredients

Scale

Instructions

  1. In a small saucepan, heat the half and half and sweetened condensed milk over medium heat. Bring the mixture almost to a boil. Don’t let the mixture actually boil.
  2. Add in the white chocolate and lower the heat. Stir continuously until the white chocolate has completely melted.
  3. Remove the syrup from the stove and let it cool before using or storing it.

Notes

  • *If you can’t find half and half, use a 50/50 mixture of milk and heavy cream.
  • Storage: Store leftover white chocolate syrup in an airtight container in the fridge for up to a week. If needed, reheat in the microwave for 10 to 20 seconds to melt before mixing into coffee.
  • Prep Time: 5 minutes
  • Cook Time: 10 minutes
  • Category: Coffee Syrups
  • Method: Stovetop
  • Cuisine: American

Nutrition

  • Serving Size: 1 tbsp
  • Calories: 67
  • Sugar: 7g
  • Sodium: 19mg
  • Fat: 4g
  • Saturated Fat: 2.5g
  • Unsaturated Fat: 1.3g
  • Trans Fat: 0.1g
  • Carbohydrates: 7.3g
  • Fiber: 0g
  • Protein: 1.1g
  • Cholesterol: 7mg

More Coffee & Tea Recipes

  • Iced Gingerbread Latte
  • Gingerbread Chai Latte
  • Starbucks Iced White Chocolate Mocha
  • What is the Difference Between a Mocha and a Latte?

Reader Interactions

Comments

  1. Suzy

    67 calories? Ummm...... It's actually 1,093 calories.

    Reply

    • Ali

      The calories are calculated per serving size -- in this case the serving size is 1 tablespoon. Normally I would use 1 to 2 tablespoons per coffee drink/ latte.

      Reply

Leave a Reply

White Chocolate Coffee Syrup - The Littlest Crumb (2024)

References

Top Articles
Latest Posts
Article information

Author: Merrill Bechtelar CPA

Last Updated:

Views: 5543

Rating: 5 / 5 (70 voted)

Reviews: 93% of readers found this page helpful

Author information

Name: Merrill Bechtelar CPA

Birthday: 1996-05-19

Address: Apt. 114 873 White Lodge, Libbyfurt, CA 93006

Phone: +5983010455207

Job: Legacy Representative

Hobby: Blacksmithing, Urban exploration, Sudoku, Slacklining, Creative writing, Community, Letterboxing

Introduction: My name is Merrill Bechtelar CPA, I am a clean, agreeable, glorious, magnificent, witty, enchanting, comfortable person who loves writing and wants to share my knowledge and understanding with you.