White Chocolate Mocha

Cinnamon sprinkles down over the whipped cream garnish on a 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

Cassie Johnston (a light skinned brunette woman with glasses and a red streak in her hair) smiles toward the camera with a wall of photo frames behind her

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!

Top view of whipped cream swirled atop a homemade white chocolate mocha.

Want to save this recipe?

I'll email this recipe to you, so you can come back to it later!

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.

A holiday coffee drink stands on a white counter in front of decorative christmas trees.

📖 Recipe

Cinnamon sprinkles down over the whipped cream garnish on a white chocolate mocha.

White Chocolate Mocha

A white chocolate mocha combines white chocolate with a traditional mocha beverage. We'll show you how to make this decadent coffee shop favorite!
5 from 1 vote
Print Pin Rate
Course: Drinks
Cuisine: American
Cook Time: 10 minutes
Total Time: 10 minutes
Servings: 1 latte
Calories: 409kcal

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

Serving: 1latte | Calories: 409kcal | Carbohydrates: 48g | Protein: 9g | Fat: 20g | Saturated Fat: 12g | Polyunsaturated Fat: 1g | Monounsaturated Fat: 5g | Cholesterol: 31mg | Sodium: 118mg | Potassium: 472mg | Fiber: 0.1g | Sugar: 48g | Vitamin A: 310IU | Vitamin C: 0.3mg | Calcium: 316mg | Iron: 0.2mg

Frequently Asked Questions about this white chocolate mocha recipe

You can make this recipe with regular or decaf espresso (or coffee). If you make it with regular, it will be caffeinated. If you prefer to drink this decaf, just use decaf espresso instead!

Not necessarily! If you want to make this white chocolate mocha recipe with espresso, you'll need an espresso maker. If you don't already own one, I recommend picking up a Bialetti Moka Express. It brews a delicious cup of strong espresso without a hefty price tag.

But you can also make this recipe with strong coffee from a drip coffee maker-no espresso maker required!

Yes! Not only are white chocolate mochas creamy and decadent, they're 100% gluten-free!

Looking for more coffee shop favorites?

5 from 1 vote

Leave a Reply

Your email address will not be published. Required fields are marked *

Recipe Rating




One Comment