Starbucks White Chocolate Mocha

This copycat Starbucks White Chocolate Mocha recipe combines bold espresso, creamy white chocolate sauce, milk, and a generous swirl of whipped cream in one sweet coffeehouse-style drink. Make it over ice for a refreshing iced white mocha or warm the milk for a cozy hot version. Either way, it takes only about five minutes and costs considerably less than another trip through the coffee shop line.

The secret is stirring the hot espresso directly into the white chocolate sauce before adding the milk. The heat loosens the sauce and helps it blend smoothly instead of settling in a sugary puddle at the bottom of the glass. From there, you can make the drink as sweet, strong, creamy, or caffeinated as your morning requires.

This homemade white chocolate mocha uses two tablespoons of white chocolate sauce for a balanced sweetness. Add another spoonful when you want something closer to dessert, or add an extra espresso shot when the day has already started asking too many questions.

You can use two freshly brewed espresso shots or substitute ½ cup of extra-strong brewed coffee. Whole milk makes the richest drink, but 2% milk, skim milk, oat milk, almond milk, or another milk you enjoy will also work. Finish it with whipped cream for the full coffeehouse experience.

Copycat White Chocolate Mocha at a Glance

• Yield: One 16-ounce iced drink or one large hot drink
• Preparation time: 5 minutes
• Main flavors: Espresso, creamy milk, vanilla, and sweet white chocolate
• Serve it: Hot or iced
• Best shortcut: Prepared white chocolate mocha sauce
• Easy customization: Add more espresso, sauce, milk, or flavored syrup to taste

Readers also make: Start with these 10 Copycat Coffee Recipes when your usual coffee order deserves a homemade encore.

What Is a White Chocolate Mocha?

A white chocolate mocha is an espresso drink made with white chocolate sauce and milk. Unlike a traditional mocha, which uses a cocoa-based chocolate sauce, this version gets its sweet, buttery flavor from white chocolate.

The combination works because the espresso keeps the white chocolate from tasting overwhelmingly sweet. Milk softens the coffee, while whipped cream makes the finished drink feel like the little coffeehouse luxury it is supposed to be.

Although the hot drink is made with steamed milk, the iced version uses cold milk and plenty of ice. This recipe includes directions for both, so the weather does not get to dictate your white chocolate consumption.

Why This Copycat Recipe Works

• It uses a simple five-ingredient formula. There is no complicated homemade syrup required unless you choose to make one.
• The espresso dissolves the sauce. Mixing them while the espresso is hot produces a smoother drink.
• You control the sweetness. Start with two tablespoons of sauce and adjust from there.
• It works with espresso or strong coffee. An espresso machine is helpful but not required.
• It can be served hot or iced. The same ingredients work for either version.
• It is easy to customize. Change the milk, coffee strength, syrup, topping, or temperature without changing the basic method.

Ingredients for a Starbucks White Chocolate Mocha

• 2 tablespoons white chocolate mocha sauce
• 2 shots freshly brewed espresso, about ¼ cup, or ½ cup extra-strong brewed coffee
• 1 cup cold milk
• 1 to 1½ cups ice
• Whipped cream, for topping

White Chocolate Mocha Sauce

Prepared white chocolate sauce is the fastest and most reliable choice. Look for coffee or dessert sauces from brands such as Ghirardelli or Torani near the coffee supplies or ice cream toppings at the grocery store.

White chocolate sauce is usually easier to blend into a drink than plain melted white chocolate chips. Melted chips can thicken again as soon as they meet cold milk and ice. When using chips, combine them with a little cream to create a pourable sauce.

Espresso or Strong Coffee

Two espresso shots provide the strongest coffeehouse flavor. No espresso machine? Brew ½ cup of strong coffee using about twice the coffee grounds you would ordinarily use. Instant espresso powder prepared according to its package directions also works.

Do not add another ½ cup of water to the finished drink. Any water needed to prepare the espresso or brewed coffee is already included in the coffee measurement.

Milk

Whole milk creates the creamiest white chocolate mocha, while 2% milk keeps the drink rich without feeling quite as heavy. Skim milk produces a lighter drink.

Oat milk is one of the creamiest nondairy alternatives. Almond milk and coconut milk work too, although each will add its own flavor to the finished mocha.

Whipped Cream

Canned whipped cream is perfectly acceptable when speed is the priority. Homemade vanilla whipped cream makes the drink feel more indulgent and can be prepared ahead of time.

How to Make an Iced Starbucks White Chocolate Mocha

1. Combine the sauce and espresso. Add 2 tablespoons of white chocolate mocha sauce to a heat-safe 16-ounce glass or cup. Pour the freshly brewed espresso over the sauce.
2. Stir until smooth. Stir for 20 to 30 seconds, making sure the sauce has dissolved completely into the hot espresso.
3. Add the milk. Pour in 1 cup of cold milk and stir until the color is even.
4. Add the ice. Fill the glass with 1 to 1½ cups of ice, depending on the size of the cubes and how cold you like the drink.
5. Finish the mocha. Top generously with whipped cream and serve immediately.

For an extra-sweet coffeehouse finish, drizzle a small amount of Easy Homemade Caramel Sauce over the whipped cream.

How to Make a Hot White Chocolate Mocha

1. Add the white chocolate sauce to a large coffee mug.
2. Pour the freshly brewed espresso over the sauce and stir until completely smooth.
3. Heat the milk in a small saucepan over medium-low heat until steaming but not boiling. You can also microwave it in a microwave-safe measuring cup.
4. Froth the warm milk with a handheld frother, whisk, French press, or steam wand, if desired.
5. Pour the warm milk into the espresso mixture and stir gently.
6. Top with whipped cream and serve immediately.

Optional Homemade White Chocolate Sauce

This quick sauce is useful when you have white chocolate chips but no bottled coffee sauce.

Ingredients

• ½ cup white chocolate chips or chopped white chocolate
• ¼ cup heavy cream
• Pinch of salt
• ½ teaspoon vanilla extract, optional

Instructions

1. Place the white chocolate and heavy cream in a microwave-safe bowl.
2. Microwave for 15 seconds and stir.
3. Continue heating in 10- to 15-second intervals, stirring after each interval, until the chocolate is almost completely melted.
4. Stir until smooth, then add the salt and optional vanilla.
5. Let the sauce cool slightly before measuring 2 tablespoons for the mocha.

The sauce will thicken as it cools. Refrigerate leftovers in an airtight container for up to five days and warm gently before using.

Optional Homemade Vanilla Whipped Cream

Ingredients

• 1 cup cold heavy whipping cream
• 1 tablespoon confectioners’ sugar
• 1 teaspoon vanilla extract

Instructions

1. Place the heavy cream, confectioners’ sugar, and vanilla in a chilled mixing bowl.
2. Beat on low speed until the ingredients are combined.
3. Increase to medium-high speed and beat until the cream forms firm peaks.
4. Stop mixing as soon as the peaks hold their shape. Overmixing can make the whipped cream grainy.

Refrigerate homemade whipped cream in a covered container and use it within three days.

Expert Tips for the Best White Chocolate Mocha

• Use hot espresso. It dissolves the thick white chocolate sauce more effectively than cold coffee.
• Stir before adding ice. Once the ice is added, the sauce becomes harder to blend.
• Use extra-strong coffee when substituting for espresso. Regular-strength coffee can become lost beneath the milk and white chocolate.
• Cool the coffee slightly for an extra-cold drink. After dissolving the sauce, let the mixture stand for a minute before adding milk and ice.
• Start with less sauce. You can always add more, but you cannot easily remove sweetness from the finished drink.
• Use coffee ice cubes. Freeze leftover coffee in an ice cube tray to keep the mocha from becoming watery.
• Adjust the milk last. Add an extra splash when the espresso tastes too strong or reduce it slightly for a bolder drink.

White Chocolate Mocha Variations

Peppermint White Chocolate Mocha

Add 1 to 2 tablespoons of peppermint syrup before adding the milk. Top with whipped cream and crushed peppermint candy for a holiday version.

Salted Caramel White Chocolate Mocha

Drizzle caramel sauce into the glass and over the whipped cream, then add a tiny pinch of flaky salt. Keep the salt light so it balances rather than overwhelms the white chocolate.

Extra-Espresso White Mocha

Add a third espresso shot when you want a stronger coffee flavor. You may need another splash of milk to keep the drink balanced.

Blonde Espresso White Mocha

Use blonde espresso for a lighter, slightly sweeter coffee flavor that allows the white chocolate to stand out.

Decaf White Chocolate Mocha

Use decaffeinated espresso or strong decaf coffee for an evening treat without the full caffeine commitment.

Dairy-Free White Chocolate Mocha

Use oat, almond, coconut, or soy milk along with a dairy-free white chocolate sauce. Check the sauce label carefully because many white chocolate products contain milk.

Traditional Chocolate Mocha

Replace the white chocolate sauce with regular mocha sauce or dark chocolate sauce for a classic café mocha.

Can You Make a White Chocolate Mocha Ahead?

You can combine the espresso and white chocolate sauce ahead of time, let the mixture cool, and refrigerate it in a covered container for up to two days. When ready to serve, stir in the milk and add fresh ice.

Do not store the completed iced drink with the ice already added. The melting ice will dilute the espresso and make the mocha watery.

For a hot mocha, prepare the espresso and sauce mixture ahead, refrigerate it, and reheat it gently before adding freshly warmed milk.

Frequently Asked Questions

Does a white chocolate mocha contain coffee?

Yes. A white chocolate mocha contains espresso or strongly brewed coffee. The white chocolate and milk make it sweet and creamy, but it is still a coffee drink.

How many espresso shots should I use?

Use two shots, or about ¼ cup of espresso, for one 16-ounce iced mocha. Use one shot for a milder drink or three shots when you prefer a more noticeable coffee flavor.

Can I make this without an espresso machine?

Yes. Substitute ½ cup of extra-strong brewed coffee or prepare instant espresso powder according to the package directions.

Can I melt white chocolate chips directly into the coffee?

You can, but white chocolate chips may not dissolve as smoothly as prepared sauce. Combining the chips with a small amount of heavy cream creates a sauce that blends more easily.

Why is my white chocolate sauce sitting at the bottom?

The sauce was probably added after the milk or ice cooled the drink. Stir the sauce into freshly brewed hot espresso first, then add the remaining ingredients.

Can I serve this recipe hot?

Yes. Omit the ice, warm the milk until steaming, and pour it into the espresso and white chocolate mixture. Froth the milk before adding it when you want a more coffeehouse-style texture.

What milk is best for a white chocolate mocha?

Whole milk creates the richest texture, while 2% milk provides a good balance of creaminess and coffee flavor. Oat milk is a particularly creamy nondairy choice.

How do I make the drink less sweet?

Reduce the white chocolate sauce to 1 tablespoon, use an additional espresso shot, or add a little more milk. Using unsweetened milk also helps control the overall sweetness.

Related Coffeehouse Recipes

• Try the rich, caramel-topped Copycat Starbucks Salted Caramel Mocha.
• Blend something a little more playful with this Starbucks Peanut Butter Cup Frappuccino.

★★★★★ Five-star coffeehouse comfort: Sweet white chocolate, bold espresso, creamy milk, and whipped cream—without waiting for your name to be called.

Next recipe to try: Make a pitcher of Copycat Dunkin’ Donuts Iced Coffee when one glass is simply not going to cover the morning.