Starbucks White Chocolate Mocha Recipe

✔ Updated October 19, 2026 · fixed card amounts + homemade white chocolate sauce and iced version

My copycat-style Starbucks white chocolate mocha is easy to make at home: a double shot of espresso stirred into sweet white chocolate sauce, topped with steamed, frothed milk and a swirl of whipped cream.

It takes about 7 minutes with an espresso machine, instant espresso or strong brewed coffee. Use bottled white chocolate sauce, a quick homemade sauce or a handful of white chocolate chips, and make it hot, iced or blended.

Why You'll Love This White Mocha

• Coffee-shop style at home, with creamy white chocolate balancing a bold double shot of espresso.
• No espresso machine needed: instant espresso or strong brewed coffee works too.
• Hot, iced or blended, with bottled sauce, homemade sauce or melted white chocolate chips.

What Is a White Chocolate Mocha?

A white chocolate mocha is a latte-style coffee drink: espresso, white chocolate sauce and steamed milk, usually topped with whipped cream. It's my holiday-season favorite, sweeter and creamier than a classic mocha because white chocolate has no cocoa solids, just cocoa butter, sugar and milk, so the coffee comes through softly with vanilla notes.

I keep the same simple build at home: espresso and sauce in the mug, frothed milk poured over, whipped cream on top. For more coffee-shop drinks, browse our Starbucks copycat recipes.

Step-by-Step Photos

Here's how it comes together. Exact amounts, times and temperatures are in the recipe card below.

Tips for Success

• Melt the sauce into the espresso first. Hot espresso thins the white chocolate sauce so it blends evenly. Added to milk alone, thick sauce tends to sink.
• Keep the milk below a boil. Around 150°F (65°C), when it steams and bubbles form at the edge, is ideal. Boiled milk tastes cooked and won't hold foam.
• Go low and slow with chips. White chocolate is mostly cocoa butter, sugar and milk solids, so it scorches and turns grainy over high heat. Whisk it into the milk over low heat.
• No frother? Pump hot milk in a French press for 15 seconds, shake it in a tightly closed jar (wrap it in a towel), or whisk hard in the saucepan.
• Adjust the sweetness. 3 tablespoons of sauce gives a sweet, coffee-shop style drink. Start with 2 if you prefer more coffee flavor, or use a sugar-free white chocolate syrup.
• Any milk works. Whole milk is creamiest and foams best; 2%, oat and soy milk also froth well. Almond milk makes a thinner drink with less foam.

Homemade White Chocolate Sauce

Bottled white chocolate sauce for coffee is the quickest option, but a homemade sauce takes 5 minutes and makes enough for about 5 drinks.

• You need: 3/4 cup (130 g) white chocolate chips, 1/2 cup (120 ml) sweetened condensed milk, 3 to 4 tablespoons milk and 1/4 teaspoon vanilla extract.
• Melt: warm the condensed milk and chips in a small saucepan over low heat, stirring constantly, just until the chocolate melts and the sauce is smooth. Don't let it bubble.
• Thin: stir in the vanilla and enough milk to make a thick but pourable sauce. It thickens as it cools.
• Store: keep it in a covered jar in the fridge for up to 1 week. Warm it for 10 to 15 seconds in the microwave before using, or stir it straight into hot espresso.

Iced, Blended and Other Variations

• Iced white chocolate mocha: stir the sauce into hot espresso, pour it over a glass full of ice and top with 3/4 cup cold milk. Sauce blends better than chips in cold drinks.
• Blended white mocha: blend the espresso, sauce, 3/4 cup milk and 1 cup ice until smooth and top with whipped cream. A cooled shot keeps it thicker.
• Extra strong: add a third shot of espresso and keep the sauce at 3 tablespoons.
• Peppermint white mocha: add 1 to 2 teaspoons of peppermint syrup with the sauce. For a dark chocolate version, try our peppermint hot chocolate.
• Lighter: use 2% or oat milk, 2 tablespoons of sauce or a sugar-free white chocolate syrup, and skip the whipped cream.
• More coffee-shop drinks: try our pistachio latte, caramel macchiato, medicine ball or whipped dalgona coffee.

Frequently Asked Questions

What is in a white chocolate mocha?

A white chocolate mocha is espresso combined with white chocolate sauce and steamed milk, usually finished with whipped cream. This copycat-style version uses 2 shots of espresso, 3 tablespoons of white chocolate sauce and 1 cup of milk for a 12-ounce drink.

How do I make a Starbucks-style white mocha at home without an espresso machine?

Dissolve 1 tablespoon of instant espresso powder in 3 tablespoons of hot water, or use 1/2 cup of very strong brewed coffee or a moka pot. Stir in the white chocolate sauce, then add the steamed, frothed milk.

What's the difference between a mocha and a white chocolate mocha?

A classic mocha uses chocolate sauce made with cocoa, so it tastes darker and slightly bitter. A white chocolate mocha uses white chocolate sauce, which is sweeter and creamier with vanilla notes and no cocoa bitterness. For a festive classic mocha, try my copycat Starbucks peppermint mocha with homemade peppermint syrup.

Can I use white chocolate chips instead of sauce?

Yes. Whisk about 2 ounces (1/3 cup) of white chocolate chips into the milk over low heat until melted and steaming, then froth it and pour it over the espresso. Keep the heat low so the chocolate doesn't scorch or turn grainy.

How do I make an iced white chocolate mocha?

Stir the white chocolate sauce into hot espresso until smooth, then pour it over a glass full of ice and top with 3/4 cup of cold milk. Sauce works better than melted chips for iced drinks, because chips firm up again when they hit the ice.

How many calories are in this white chocolate mocha?

About 400 calories for a 12-ounce drink made with whole milk, 3 tablespoons of white chocolate sauce and 2 tablespoons of whipped cream. Use 2% milk, 2 tablespoons of sauce and skip the whipped cream to bring it down to roughly 250.

☕ Cozy season? Warm up with our festive holiday drinks.