White Chocolate Mocha
Satisfy your coffee cravings with our white chocolate mocha recipe. It’s rich, creamy, and perfect for any time of the year! Whether you prefer a hot mug of coffee or the iced variety, this recipe lets you make a coffee shop favorite at home!

Our white chocolate mocha brings together creamy white chocolate and smooth espresso in a drink that’s perfect for both hot and iced coffee lovers.
This drink one of my personal favorites. It’s sweet, velvety, and so easy to make. All you need is four ingredients and about 10 minutes to create a coffeehouse-worthy treat right in your own kitchen!
Looking for other coffee drinks? Try our Brandy Alexander Coffee Milkshake, Butterscotch Coffee, or Iced Coffee recipe.
Tips and Variations
- Milk Alternatives: Feel free to use almond, oat, or coconut milk for a plant-based version. Keep in mind that these can slightly change the texture and flavor.
- Coffee Options: Use what you have—espresso, strong brewed coffee, or cold brew. Adjust the amount based on how bold you want the coffee flavor.
- Adjust the Sweetness: If you like it sweeter, add a little sugar or more white chocolate. If you like it less sweet, use less white chocolate or omit the whipped cream.
- Make it Decaf: For a caffeine-free drink, simply use decaf espresso or coffee.

Other Coffee Drinks You’ll Love
Want a super simple iced version of this drink that uses white chocolate syrup? Check out my Easy Iced White Chocolate Mocha that only uses 4 ingredients including the ice!

Ingredients
For the Hot White Chocolate Mocha
- 1 cup whole milk, or your preferred milk
- ¼ cup heavy cream
- 2 ounces chopped white chocolate
- 1 to 2 shots of espresso, or ¼ cup strong brewed coffee
For the Iced White Chocolate Mocha
- 1 cup whole milk
- ¼ cup heavy cream
- ¼ cup chopped white chocolate
- 1 to 2 shots of chilled espresso, or ¼ cup of cold brew
- Ice cubes
Instructions
To Make the Hot Version
- In a small saucepan, heat the milk and heavy cream over medium-low heat. Stir frequently to avoid scorching.1 cup whole milk¼ cup heavy cream
- Once the milk and heavy cream is hot (but not boiling), add the chocolate. Stir until the chocolate has melted.2 ounces chopped white chocolate
- Add your brewed coffee or espresso and stir to combine.1 to 2 shots of espresso
- Pour into your favorite mug, top with whipped cream, and garnish with white chocolate shavings if desired. Serve warm!
To Make the Iced Version
- In a small saucepan, heat the milk and heavy cream over medium-low heat. Stir frequently to avoid scorching.1 cup whole milk¼ cup heavy cream
- Once the milk and heavy cream is hot (but not boiling), add the chocolate. Stir until the chocolate has melted.¼ cup chopped white chocolate
- Let the mixture cool then stir in the espresso or cold brew.1 to 2 shots of chilled espresso
- Pour the drink into a glass filled with ice.Ice cubes
- Top with whipped cream and white chocolate shavings, and enjoy!
Notes
- The calories listed are an approximation based on the ingredients and a serving size of about 16 ounces of the white chocolate mocha. Also, the calorie count does NOT include the whipped cream and chocolate shavings seen in the photos. Actual calories will vary.
- We use Ghirardelli white chocolate squares for the chocolate.