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

There is nothing more decadent than a steaming hot cup of white chocolate mocha. It warms you up on cooler days while treating your tastebuds to the perfect combination of smooth white chocolate and roasted coffee flavors. It’s not always an option to swing by your local coffee shop for a cup—but thankfully, I have the solution. Homemade white chocolate mochas! Just as decadent as the kind your local barista makes, without the steep price tag. As a bonus, they’re super simple to make!

What does a white chocolate mocha taste like?

A mocha perfectly combines roasted coffee and sweet chocolate. A white chocolate mocha makes the traditional coffee beverage even creamier and sweeter. It has a smooth texture with sweet cocoa butter and hints of vanilla. 

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

Does it have caffeine?

This white chocolate mocha recipe uses espresso as its coffee base, which is caffeinated. If you prefer to drink this decaf, you can use decaf espresso instead.

What is in a white chocolate mocha?

This is a simple recipe with only a handful of ingredients. To make a white chocolate mocha you’ll need:

  • Espresso or brewed coffee
  • Vanilla extract
  • Whole milk
  • White granulated sugar
  • White chocolate chips

That’s it! You can always substitute the whole milk for a different variety if you prefer. Whole milk, half-and-half, and heavy cream 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.

Overhead of ingredients needed to make a white chocolate mocha.

Do I need an espresso maker?

Espresso is a rich form of coffee that works well with the other ingredients in this white chocolate mocha recipe because the coffee flavor isn’t overpowered by the sugary ingredients. To make 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.

Wholefully Protip

If you want to try out this recipe using coffee brewed in a drip coffee maker, that’s fine as well. We recommend a strong, dark coffee so its flavor really shines through.

How do I make a white chocolate mocha?

Luckily, this is a simple recipe to make. There are only a few steps standing between you and creamy sweet white chocolate mocha bliss.

Collage showing four simple steps to make a white chocolate mocha. A text overlay reads, "How to Make a White Chocolate Mocha."

  1. Make the white chocolate sauce by bringing the milk to a boil. 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.
  2. Once the milk is ready, remove the pot from the heat and froth it with an immersion blender or milk frother.
  3. Meanwhile, brew your shot of espresso. When the coffee is ready, pour the frothed milk mixture over the top.
  4. 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.

Are white chocolate mochas gluten-free?

Yes! Not only are white chocolate mochas creamy and decadent, they’re 100% gluten-free! You can also make them dairy-free if you want by forgoing the whipped cream and opting for a dairy-free milk replacement such as oat milk or almond milk.

Want to make more coffee shop drinks at home?

If this creamy white chocolate mocha has you thinking up ideas for other coffee shop drinks to make in the comfort of your home, you’re in luck. We’ve tried and tested a bunch of delicious hot beverages that are perfect no matter the weather.

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

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

White Chocolate Mocha

Yield: 1 latte
Cook Time: 10 minutes
Total Time: 10 minutes

A white chocolate mocha combines white chocolate with a traditional mocha beverage. We'll show you how to make this decadent coffee shop favorite!


  • 3/4 cup whole milk
  • 3 tablespoons white chocolate chips
  • 1 tablespoon white granulated sugar
  • 1/2 teaspoon vanilla extract
  • 2 ounces espresso OR 1 cup (8 ounces) brewed black coffee


  1. In a medium saucepan, heat milk until boiling. Reduce the heat to medium-low and add the sugar, white chocolate chips, and vanilla, and whisk until sugar has dissolved and the white chocolate has melted.
  2. Remove from heat and whip the milk mixture with a milk frother or immersion blender.
  3. Brew your espresso or coffee into a mug, and top with the milk mixture. Serve as is, dust with cinnamon, or top with whipped cream!


  • 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 Information:
Yield: 1 Serving Size: 1 latte
Amount Per Serving: Calories: 344Total Fat: 16gSaturated Fat: 10gTrans Fat: 0gUnsaturated Fat: 5gCholesterol: 25mgSodium: 120mgCarbohydrates: 41gFiber: 0gSugar: 41gProtein: 8g

At Wholefully, we believe that good nutrition is about much more than just the numbers on the nutrition facts panel. Please use the above information as only a small part of what helps you decide what foods are nourishing for you.

Leave a Reply

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