White Chocolate Mocha (Starbucks Copycat Recipe)

If you love the creamy sweetness of a Starbucks White Chocolate Mocha but do not love the price, this homemade version is going to be your new favorite drink.

It is smooth, rich, perfectly sweet, and surprisingly easy to make at home.

All you need is espresso, milk, white chocolate sauce, and a few simple steps. I will show you exactly how to make it hot or iced, and how to adjust it to taste just like your favorite coffee shop version.

I haven’t made a video for this recipe yet… but I have one coming 🙂

What Is a White Chocolate Mocha?

A white chocolate mocha is an espresso drink made with espresso, steamed milk, white chocolate sauce, and whipped cream.

Unlike a regular mocha, which uses dark chocolate, this version uses white chocolate for a sweeter, creamier flavor.

Looking to customize this recipe or any others? Check out our Top Homemade Cold Foam recipes (with video)

Why This Recipe Is Better Than Starbucks

The Starbucks version is good, but it is also expensive, very sweet, and sometimes inconsistent.

When you make it at home, you can control the sweetness, use better ingredients, choose your milk, and save money.

Ingredients You Will Need

• 2 shots espresso (about 2 ounces)
• 1 cup milk (dairy or non dairy)
• 2 tablespoons white chocolate sauce
• Whipped cream (optional)

Optional: Have extra Lone Goose Vanilla Syrup on hand to add sweetness if desired.

How To Make a White Chocolate Mocha (Hot Version)

1. Brew the espresso: Pull two fresh shots of espresso (strong brewed coffee also works)
2. Heat the Milk: Steam or heat your milk until hot but not boiling. Froth if desired.
3. Mix the White Chocolate: Add white chocolate sauce into your mug. Pour hot espresso over it and stir until combined.
4. Add Milk: Pour in steamed milk and stir gently. Top with whipped cream if desired.

How To Make an Iced White Chocolate Mocha

1. Pull double shot espresso (or coffee) and place in fridge to cool
2. Fill a glass with ice
3. Add white chocolate sauce
4. Pour in espresso and stir
5. Add cold milk
6. Top with whipped cream, if desired

Looking for another refreshing iced coffee drink? Check out our popular Iced Horchata Shaken Espresso

How To Make White Chocolate Sauce From Scratch

Homemade White Chocolate Sauce

• 1 cup white chocolate chips
• 1/2 cup heavy cream
• 1 teaspoon vanilla syrup (or vanilla extract for less sweet version)

Heat cream until warm. Pour over chocolate chips. Let sit one minute, then stir until smooth. Add vanilla.

Best Milk For a White Chocolate Mocha

Whole milk gives the richest flavor, but oat milk, almond milk, or 2 percent milk all work well.

Frequently Asked Questions

Can I use coffee instead of espresso?

Yes. Use about 1/2 cup strong brewed coffee.

Is white chocolate actually chocolate?

White chocolate contains cocoa butter, sugar, and milk solids, but no cocoa solids.

White Chocolate Mocha Variations

• Peppermint White Chocolate Mocha
• Iced White Chocolate Mocha
• White Chocolate Cold Foam
• White Chocolate Frappuccino

Discover which is our top choice for our 2026 Best Vanilla Syrup