Toasted White Chocolate Mocha (Starbucks Copycat) with Homemade White Chocolate Syrup

Toasted White Chocolate Mocha (Starbucks Copycat)

Prep Time: 5 minutes
Cook Time: 5 minutes
Total Time: 10 minutes
Servings: 1 drink

Ingredients:

1 cup whole milk or milk of choice

¼ cup white chocolate chips or 3 tablespoon white mocha sauce

1 tablespoon caramel sauce

2 oz espresso or 8 oz brewed coffee

Whipped cream, red sanding sugar, and pearl sprinkles optional for garnish

Directions:

Add the milk and white chocolate chips to a small saucepan and heat over medium-low heat. Whisk frequently, heating until the white chocolate is melted.

Stir in the caramel sauce, then remove from heat and froth with a milk frother.

Brew your espresso or coffee into a large mug, then top with the sweetened milk.

Top with whipped cream, red sanding sugar, and pearl sprinkles if desired. Drink up!

Notes:

Whether you’re a first-timer or a seasoned home barista, a few tips can make all the difference in crafting that perfect cup:

Quality Matters: Invest in high-quality coffee beans and real white chocolate. The better the ingredients, the more delightful your drink will taste. Remember, your mocha is only as good as what you put into it!

Froth Matters: If you have a milk frother, use it! Frothy milk makes for a creamier, coffeehouse-quality mocha. If you don’t have a frother, a good old-fashioned whisk or even a blender can do the trick.

Water Temperature: Ensure your water is between 195°F to 205°F (90°C to 96°C) to brew the espresso. Too hot or too cold can affect the extraction and flavor of your coffee.

Sweeten to Taste: While the recipe provides measurements, remember that everyone’s sweetness preference is different so use it as a guideline. Feel free to start with less sugar or syrup, taste, and then adjust according to your palate.

Mug Warm-Up: Pre-warm your mug with hot water before pouring your mocha into it. This little trick ensures your drink stays hot for longer.

Substitutions:

Being your own barista means you can make any swaps you like without any annoying upcharges. Here are some suggestions:

Whole Milk - You’re welcome to use the dairy milk or unsweetened plain or vanilla plant-based milk of your choice.

White Chocolate Chips - If you have some homemade white mocha sauce on hand, this is a great place to put it to use!

Espresso - You can also use 8 ounces of strong brewed coffee.

Optional Variations & Dietary Adjustments:

Dairy-Free/Vegan - While you can’t order a vegan version of this Starbucks drink in store, the beauty of making it at home is that you can make it however you dang well please — including by making it dairy-free!

Decaf - Feel free to swap in decaf espresso (or strong decaf coffee) to get all the cozy flavor without the buzz. You can also make a toasted white hot chocolate Starbucks-style by omitting the coffee altogether.

Iced Toasted White Chocolate Mocha - Serve your caramelized bliss over ice for a refreshing twist. You can also blitz it up in a blender with a scoop of coffee ice cream to make your very own toasted white chocolate mocha frappuccino!

FAQs:

What’s the difference between a toasted white chocolate mocha vs white chocolate mocha?

The only difference is a toasted white mocha has a roasty, toasty, caramelized flavor that a regular white mocha does not.

What are the chunks in Starbucks toasted white chocolate mocha?

Those are pretty little pearl sprinkles! They look gorgeous on top of the mocha, then sink to the bottom and act like candy after the whipped cream cloud they rest on melts.

Is the toasted white chocolate mocha hot or cold?

This is your drink, so serve it the way YOU want!

Is this toasted white mocha gluten-free?

It sure is!

Is the toasted white chocolate mocha seasonal?

Yep. This tasty little number was debuted in November 2022 for the holiday season and only ran for a short time. But, now that you have the recipe, you can make one whenever your heart desires!

Nutritional Facts:

Serving: 1drink | Calories: 424kcal | Carbohydrates: 52g | Protein: 12g | Fat: 20g | Sodium: 289mg | Sugar: 45g

Recipe courtesy of Coffee Copycat.com

Homemade White Chocolate Syrup

Prep Time: 5 minutes
Cook Time: 5 minutes
Total Time: 10 minutes
Servings: 10

Ingredients:

1 ½ cups white chocolate chips
½ cup whole milk
2 tablespoons evaporated milk

Directions:

Add all ingredients to a small saucepan and heat on medium-low.

Whisk frequently until the white chocolate is melted.

Allow to cool at room temperature for 10 minutes, then transfer to a mason jar or other airtight container and refrigerate for up to 7 days.

Notes:

Substitutions:

Can’t find an ingredient? Not to worry. Here are some easy swaps you can make:

White Chocolate Chips - If you can’t find white chocolate chips, you can easily swap in white chocolate bars chopped into tiny pieces. You’re also welcome to make a regular chocolate mocha sauce by using semi-sweet or dark chocolate instead.

Whole Milk - If dairy is a no-no, try using a creamy plant-based alternative like full-fat coconut, soy, or oat milk instead.

Evaporated Milk - You’re welcome to use vegan evaporated milk if you like. You can also Make Your Own Evaporated Milk if you prefer.

Optional Variations & Dietary Adjustments:

As much as I love this white mocha sauce just the way it’s written, there are plenty of ways for you to customize it to your liking. Here are a few ideas to get you started:

Vegan/Dairy-Free - Make sure you use vegan-friendly white chocolate (e.g. Enjoy Life or Pascha), then swap in a creamy, full-fat plant-based milk and the vegan evaporated milk of your choice.

Add Extra Flavor - There are tons of flavors that pair well with white chocolate, so the world is kind of your oyster here. Add a splash of flavor extract like peppermint, raspberry, or almond for an added layer of yum.

Black & White Mocha Sauce - If you like to order your grande with 2 pumps of white chocolate sauce and 2 pumps of regular mocha sauce, split the difference by using a 50/50 split of regular chocolate chips and white chocolate chips.

Recipe Success Tips:

Don’t Get Too Hot. White chocolate and milk are both prone to scorching, so keep the temp around medium-low and make sure to whisk or stir constantly as the chocolate melts. Remove it from heat promptly!

Waste Not, Want Not. Use the rest of your evaporated milk as an alternative to half-n-half in your normal drip coffee, or add it to everything from soups and pasta sauces to custards and puddings.

Invest In Smarter Mason Jar Lids. While traditional mason jar lids are great for canning, they’re NOT excellent if you only want to use a little bit of something at a time. Consider grabbing a lid with a closeable pour spout to keep sticky messes to a minimum.

FAQs:

Does white chocolate sauce have dairy? Can I make vegan white chocolate syrup?

I can’t speak to all recipes, but this particular Starbucks copycat recipe can either be made with or without dairy. If you’re vegan, simply swap in plant-based milk alternatives and choose white chocolate that is vegan-friendly!

Does white chocolate syrup need to be refrigerated?

Yep! You’ll want to keep it in the fridge to prevent spoilage. It should last for up to a week if stored properly.

What’s the best way how to use white chocolate sauce in coffee?

I recommend adding it to the mug or cup before adding in freshly brewed coffee. Once the coffee is in there, stir until the syrup dissolves.

Nutritional Facts:

Serving: 2tablespoon | Calories: 147kcal | Carbohydrates: 17g | Protein: 3g | Fat: 8g | Sodium: 72mg | Sugar: 17g

Recipe courtesy of Coffee Copycat.com

3 Likes