White Chocolate Mocha

This white chocolate mocha recipe will warm you up on cooler days while treating your tastebuds to the perfect combination of smooth white chocolate and roasted coffee flavors. The best part is that it's not only delicious, it's easy to make, too! Say goodbye to expensive trips to the coffee shop and hello to a decadent cuppa right from the comfort of your own home. Let's make a mocha!
Why You'll Love This Recipe

Get ready to cozy up to a decadent coffee shop favorite without ever leaving the house!
It's no secret that I love a mocha. I make iced mochas, salted caramel mochas, and even peppermint mochas. But this dreamy white chocolate mocha recipe just might be my favorite!
Here's why you'll love this recipe:
- It's creamy and sweet. If you love a traditional mocha beverage, you'll flip for this version. It takes everything you love about a mocha and makes it creamier and sweeter thanks to white chocolate.
- Making it at home will save you cash. That's right! This recipe is just as delicious as the one your local barista makes, without the steep price tag.
- It's super simple to make. You'll be sipping on your white chocolate mocha in no time with this easy-peasy recipe. I can make this in minutes, and I'll show you how!

Want to save this recipe?
Step-by-Step how to Make a White Chocolate Mocha
1
Make the white chocolate sauce.
Bring milk to a boil, then reduce the heat to low and add in your vanilla, sugar, and white chocolate. Stir until the sugar has dissolved and the chocolate has melted.
If you want to make this extra frothy...
...use whole milk, half-and-half, or heavy cream. They all produce a rich and creamy white chocolate mocha with lots of froth! If you're not particular about froth, you can use any milk or milk substitute you want in its place. For a fall twist, add some pumpkin, cinnamon, and nutmeg, like in our Pumpkin White Hot Chocolate!
2
Froth the white chocolate milk.
Once the milk is ready, remove the pot from the heat and froth it with an immersion blender or milk frother.
3
Combine espresso and frothed milk.
Brew a shot of espresso into your mug. When the coffee is ready, pour the frothed white chocolate milk mixture over the top.
If you want to use coffee brewed in a drip coffee maker...
...that's fine as well! We recommend a strong, dark coffee so its flavor really shines through.
4
Garnish and serve!
You can either serve it as is, or you can add some toppings such as a sprinkle of cinnamon or a dollop of whipped cream for a tasty treat.

📖 Recipe

White Chocolate Mocha
Ingredients
- ¾ cup whole milk
- 3 tablespoons white chocolate chips
- 1 tablespoon white granulated sugar
- ½ teaspoon vanilla extract
- 2 ounces espresso OR 1 cup (8 ounces) brewed black coffee
Instructions
- In a medium saucepan, heat ¾ cup whole milk until boiling. Reduce the heat to medium-low and add the 1 tablespoon white granulated sugar, 3 tablespoons white chocolate chips, and ½ teaspoon vanilla extract, and whisk until sugar has dissolved and the white chocolate has melted.
- Remove from heat and whip the milk mixture with a milk frother or immersion blender.
- Brew your 2 ounces espresso or coffee into a mug, and top with the milk mixture. Serve as is, dust with cinnamon, or top with whipped cream!
Notes
- This recipe can be easily doubled for 2 lattes!
- We recommend whole milk because it's easier to froth than other lower-fat milks. You can also use heavy cream or half-n-half. If froth is not a priority, any milk will work in this recipe!
Nutrition
Frequently Asked Questions about this white chocolate mocha recipe
Looking for more coffee shop favorites?
- It doesn't get much more festive than this Jolly Eggnog Latte.
- A homemade Vanilla Latte will warm you from the inside-out.
- Get your favorite Homemade Pumpkin Latte at any time of year!
- Even when the weather outside is frightful, you can warm up with this Gingerbread Latte.
made this before the heat wave (it is way too hot for a hot mocha now!) and it was delicious!