Skip to Content

White Chocolate Mocha Recipe

*This post may contain affiliate links. As Amazon Associates we earn from qualifying purchases.

Craving that coffee shop experience at home? Then try our white chocolate mocha recipe. All the flavor of your favorite drink in the comfort of your home!

Whenever I go out for coffee, this is usually what I order. However, there are times when I don’t feel like leaving the house.

On those occasions, we will make homemade versions of our favorite coffee drinks. It’s not hard, you just have to keep the ingredients on hand.

All you need for this recipe is milk, heavy cream, coffee, and white chocolate. Once you have those ingredients, you can get started.

Looking for a chilled version, then check out our iced white chocolate mocha coffee.

The white chocolate mocha in a mug with whipped cream.

How to make a white chocolate mocha?

It’s easier than you might think. Best of all, it’s a whole lot faster than getting a latte at your local coffee shop.

First, start brewing your favorite coffee. While it brews, grab a small saucepan and place it over low to medium heat.

The white chocolate chips being poured into the warm milk.

Next, add the milk and heavy cream to the pan. Let it warm up until it starts to steam. Just make sure it doesn’t come to a boil.

Then, slowly stir in the white chocolate chips. Use a whisk or wooden spoon to mix the chocolate as it melts.

The milk mixture being added to a mug of coffee,

Now, pour around four (4) ounces of hot coffee into a mug. Last, top it off with the milk and heavy cream mixture.

That’s it, your white chocolate mocha is done. Kim and I hope you enjoy the drink and wish you all the best 🙂

Coffee drink in a glass mug.

How many calories are in a white chocolate mocha?

Well, that depends on where you get it and what it’s made with. I’m sure your local coffee house will have nutritional information for their versions.

Our calorie count is listed below. Keep in mind that the calories can be lowered by using skim milk instead of milk and heavy cream.

If you like our white chocolate mocha recipe, please leave us a comment and rate the recipe card. You can also find us on Facebook, Pinterest, Twitter and Instagram searching for Berly’s Kitchen!

Coffee drink in a glass mug.

White Chocolate Mocha Recipe

Yield: 2 Servings
Prep Time: 5 minutes
Cook Time: 5 minutes
Total Time: 10 minutes

Craving that coffee shop experience at home? Then try our white chocolate mocha recipe. All the flavor of your favorite drink in the comfort of your home!


  • 1 Cup Milk
  • 1/2 Cup Heavy Cream
  • 2 Ounces White Chocolate Chips, (good quality, chips, discs, or baking chocolate)
  • 1 Cup Coffee
  • Whipped Cream, (optional)
  • Chocolate Shavings, (optional)


  1. In a small saucepan, heat the milk and heavy cream over low to medium heat until it begins to steam. Don’t let it boil. Remove from heat, and add the white chocolate chips. Stir until the chocolate chips are completely melted.
  2. Combine the coffee and milk mixture in a 12 or 16 ounce mug, and top with whipped cream and white chocolate shavings if desired.


The calories listed are an approximation based on the ingredients and a serving size of about sixteen (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.

Recommended Products

As an Amazon Associate and member of other affiliate programs, I earn from qualifying purchases.

Nutrition Information:
Yield: 2 Serving Size: 16 Ounces
Amount Per Serving: Calories: 434Total Fat: 35gSaturated Fat: 21gUnsaturated Fat: 0gCholesterol: 100mgSodium: 103mgCarbohydrates: 24gSugar: 23gProtein: 7g

Don't forget to follow us on Pinterest!

Share this recipe by clicking the Pinterest button below!

Homemade Fajita Seasoning Recipe
← Previous
Instant Pot Steel Cut Oats Recipe
Next →
Skip to Recipe