Go Back
Starbucks white chocolate mocha iced and hot copycat made with homemade white chocolate sauce, espresso, milk, and whipped cream
Print Pin

Starbucks White Chocolate Mocha (Iced or Hot Copycat Recipe)

This Starbucks White Chocolate Mocha copycat recipe is rich, creamy, and easy to make at home with espresso, milk, and white chocolate sauce—includes both iced and hot versions for the perfect café-style drink.
Course Drinks
Cuisine American, Starbucks Copycat
Keyword easy white chocolate mocha recipe, homemade white chocolate mocha, hot white chocolate mocha, iced white chocolate mocha, Starbucks copycat white chocolate mocha, Starbucks white chocolate mocha, white chocolate coffee drink, white chocolate mocha hot coffee, white chocolate mocha iced coffee, white chocolate mocha recipe
Prep Time 5 minutes
Cook Time 5 minutes
Total Time 10 minutes
Servings 1 drink
Calories 340kcal
Cost $1.50 for entire recipe

Equipment

  • Small saucepan
  • Espresso machine (or coffee maker for strong coffee)
  • Glass (for iced version)
  • Mug (for hot version)
  • spoon or whisk

Ingredients

White Chocolate Sauce

  • ½ cup high-quality white chocolate finely chopped, bars preferred
  • ¼ cup half & half or heavy cream
  • Pinch of salt
  • ¼ teaspoon vanilla extract optional
  • ½ teaspoon corn syrup optional, for smoothness

White Chocolate Mocha

  • 2 shots espresso or ½ cup strong coffee
  • ¾ to 1 cup milk
  • 2 tablespoons homemade white chocolate sauce
  • 1 cup ice for iced version
  • Whipped cream optional

Instructions

Step 1: Make the White Chocolate Sauce

  • Heat the half & half in a small saucepan over low heat until warm but not boiling. Remove from heat and add the white chocolate. Let sit for 30 seconds, then stir until completely smooth. Stir in salt, vanilla extract, and corn syrup if using. Set aside.

Step 2: Brew Espresso

  • Brew 2 shots of espresso (or ½ cup strong coffee).

Step 3: Combine Espresso and Sauce

  • Add 2 tablespoons of the white chocolate sauce to a glass or mug. Pour the hot espresso over it and stir until smooth.

Step 4: Choose Your Version

    Iced White Chocolate Mocha

    • Fill the glass with ice, then pour in the milk. Stir well to combine and top with whipped cream if desired.

    Hot White Chocolate Mocha

    • Heat the milk until hot but not boiling. Slowly pour the milk into the espresso mixture while stirring. Top with whipped cream if desired and serve warm.

    Notes

    • This Starbucks white chocolate mocha is made with a smooth homemade white chocolate sauce for the best flavor and texture
    • Use high-quality white chocolate (bars preferred over chips) for a creamy, non-grainy sauce
    • 2 tablespoons of white chocolate sauce matches a Starbucks Grande; add more for a sweeter drink
    • Whole milk creates the richest and creamiest white chocolate mocha, while oat milk is a great dairy-free alternative
    • Always mix the espresso with the white chocolate sauce first so it melts smoothly and evenly
    • Stir well after adding milk to fully combine the drink and prevent the sauce from settling at the bottom
    • For iced drinks, use plenty of ice and add it before the milk to keep the drink properly chilled
    • For hot drinks, heat milk gently (do not boil) to maintain a smooth, café-style texture
    • Extra white chocolate sauce can be stored in the refrigerator for up to 1 week and reheated gently before using