Hot or Iced White Chocolate Mocha (Starbucks CopyCat)
This white chocolate mocha recipe combines espresso, creamy milk, and sweet white chocolate for a rich coffeehouse treat you can easily make at home. It’s perfect for cozy mornings or refreshing afternoons and can easily be whipped up at home.

When it comes to coffee treats, a white chocolate mocha hits all the right notes. It’s smooth, sweet, and has just the right hint of richness. If you’ve ever craved the creamy flavor of white chocolate in your coffee but didn’t want to spend big bucks at Starbucks, this recipe brings that luxury right to your kitchen. Making it yourself means you can enjoy this coffeehouse favorite with complete control over sweetness and richness. Plus, you can tailor it just the way you like.
For me, the best part of a homemade white chocolate mocha is the simplicity. The ingredients are easy to find, and they’re probably already in your pantry, so there’s no need for a special trip to the store. This drink is versatile, whether you prefer it hot and comforting or poured over ice for a cool treat. With a mix of white chocolate, milk, and espresso, this mocha brings out that perfect balance between sweet and bold that just makes your morning brighter.
This recipe is also a great base for customization. Maybe you like a hint of caramel or peppermint, or perhaps you enjoy experimenting with different milk options. Whatever you choose, this white chocolate mocha recipe is a delicious foundation that can be easily adapted to suit your mood or season. Whether you’re a coffee aficionado or just looking for a quick pick-me-up, this drink is one you’ll want to keep coming back to.
Items Needed
Here’s what you’ll need to make the white chocolate mocha recipe:
- Espresso is the rich, concentrated base that balances the sweetness of the white chocolate, giving the drink its bold coffee flavor.
- Milk adds creaminess and lightens the espresso, creating a smooth, satisfying texture.
- Heavy cream provides a luxurious thickness and enhances the drink’s velvety mouthfeel, giving it a café-quality richness.
- Vanilla syrup adds a hint of warm sweetness, complementing both the coffee and white chocolate flavors for a rounded taste.
- Sugar is added for those who prefer extra sweetness, a little sugar helps to intensify the white chocolate flavor.
- White chocolate chips are the main flavor highlight, melting into the drink to add that creamy, sweet white chocolate taste.
- Ice (optional for cold drink): Ice is perfect if you’re making an iced version, keeping the drink cool and refreshing.
- Whipped cream (for garnish): Whipped cream gives a decorative touch and adds extra creaminess and sweetness on top, making the drink look and taste like a treat.
Tools you’ll need
Before starting the recipe, you’ll want to have all your kitchen essentials ready. I recommend having the following items:
Ways To Customize
to match your flavor preferences. Here are some ideas:
- Add a flavored syrup: Swap or add to the vanilla syrup with flavors like hazelnut, caramel, or peppermint for a seasonal twist.
- Try different milk options: Use oat, almond, or coconut milk to change the texture and add subtle new flavors; these options can also make the drink lighter.
- Mix up the chocolate: Use a mix of white and dark chocolate chips or add a dash of cocoa powder for a layered chocolate taste.
- Use different coffee styles: For a milder drink, try a brewed coffee base instead of espresso, or go with cold brew for an iced mocha version.
- Top with extra garnishes: Sprinkle on crushed peppermint, cinnamon, or even white chocolate shavings on top of the whipped cream for added flair and flavor.
- Add a dash of spice: A sprinkle of cinnamon, nutmeg, or pumpkin spice in the milk can give a cozy, spiced note to the mocha.
Be sure to check out the full recipe and ingredient list below.
How To Make It
To make a white chocolate mocha drink, start by brewing two shots of espresso, which provides the rich coffee base for the drink. If you don’t have an espresso machine, you can use a strong coffee brewed from your coffee maker as an alternative. Then, follow these simple step-by-step instructions.
Add the milk to a medium saucepan.
Pour in the heavy cream.
Add the vanilla syrup.
Dump in the white chocolate chips and sugar (if using). Stir and cook over medium-low heat until the chips are melted and well combined.
Fill the glasses with ice for a cold drink.
Pour hot milk and white chocolate mixture into the glasses.
Add a shot of espresso to each glass.
Stir with a spoon to combine.
Note
When making a white chocolate mocha, always melt the white chocolate completely before mixing it with your milk or espresso to ensure a smooth and creamy texture. For best results, use high-quality white chocolate chips or a white chocolate bar, and gently melt it with the warm milk mixture to avoid scorching or clumping.
Top each drink with whipped cream, if desired. You can also add some white chocolate shavings or drizzle on vanilla-flavored syrup.
Storage
To store any leftover white chocolate mocha drink, pour it into an airtight container and refrigerate it. This way, you can keep it fresh for up to two days. Just ensure the container is sealed tightly to prevent any absorption of other odors from the fridge.
When you’re ready to enjoy your leftover mocha, the best way to reheat it is on the stovetop or in the microwave. If using the microwave, heat it in 30-second intervals, stirring in between to ensure even heating. If you prefer the stovetop, pour the mocha into a small saucepan and heat it over low heat, stirring frequently until it reaches your desired temperature. Avoid boiling, as this can affect the texture and flavor.
Helpful Hints
Pro tip: Experiment with Milk Types
While whole milk and heavy cream provide creaminess, you can also try almond, oat, or soy milk for a different flavor profile or a another dairy-free option. Each milk type can change the texture and flavor slightly.
Here are some helpful hints to make your white chocolate mocha perfect every time:
- Adjust Sweetness Carefully: White chocolate is naturally sweet, so be cautious when adding sugar. Start with a small amount or omit it altogether until you taste the drink, then adjust to your liking.
- Use Freshly Brewed Espresso: Freshly brewed, high-quality espresso enhances the mocha’s flavor and cuts through the sweetness of the white chocolate. If you don’t have an espresso machine, strong coffee will also work.
- Serve with Whipped Cream and a Drizzle: A whipped cream topping with a drizzle of white chocolate sauce or a sprinkle of cocoa powder adds both visual appeal and extra richness, making the drink feel like a treat.
- Chill for an Iced Version: For an iced white chocolate mocha, use cold milk, melt the white chocolate in a small amount of hot milk, then mix it with espresso over ice.
Serving Suggestions
A white chocolate mocha can be served in ways that turn it into a more memorable, café-style treat. Try adding a layer of whipped cream topped with white chocolate shavings or a dusting of cocoa powder for a gourmet touch. A drizzle of white or dark chocolate sauce also makes it look more indulgent and adds an extra hint of chocolate flavor. These small additions give the drink an aesthetic boost and make it feel more like a special treat you’d find in a coffee shop.
To take it further, consider pairing the mocha with a complementary snack or pastry. For example, French butter cookies, almond biscotti, or a slice of banana bread can balance out the sweetness and create a more filling, café-style experience. If serving the drink in the morning, pairing it with breakfast items like bagels or muffins can create a satisfying start to the day, while a small selection of chocolates or cookies makes for a rich, mid-afternoon indulgence.
Finally, you can adjust the white chocolate mocha to suit the occasion or season. Serve it hot and frothy in a large mug for cozy, winter gatherings, or pour it over ice and serve with a straw in warm weather. For a festive touch during holidays, add a hint of peppermint or cinnamon to give it a seasonal twist. Customizing the drink and its presentation lets you match it perfectly to any time of year or occasion.
Questions Often Asked
Recipe
Hot or Iced White Chocolate Mocha (Starbucks CopyCat)
Ingredients
- 2 shots espresso
- 1 cup milk
- ½ cup heavy cream
- 2 teaspoons vanilla syrup
- 1 teaspoon sugar optional
- ¼ cup white chocolate chips
- ice optional
- whipped cream for garnish
Instructions
- Add the milk, heavy cream, vanilla syrup, white chocolate chips, and sugar (if using) to a saucepan over medium heat on the stove. Stir and cook until the chips are melted and well combined.
- Let the white chocolate mixture cool a bit.
- If making a hot drink, pour the warm white chocolate mixture evenly into two cups, and pour the espresso on top. Top with whipped cream if desired.
- If making a cold drink, add the ice to the two cups, before pouring in the white chocolate mixture. Pour in the espresso, and top with whipped cream if you like.
Nutrition
Equipment
- Measuring cups and spoons
- Wooden spoon
- medium saucepan
- 2 temperature safe glasses