This is another one of those Starbucks-inspired coffee recipes. This white chocolate mocha recipe is made by using a chocolate bar instead of Starbucks’s chocolate-flavored syrup.

In this article, I will show you how to make this chocolate delight at home. I will also show you three ways to making “chocolate milk”, so you are guaranteed to be able to make this awesome mocha recipe at home.

It’s super easy to follow this recipe, and I think you will like this recipe as much as I do. Let’s get into it.

What is a white chocolate mocha?

Before we get into the actual recipe, let me give you some insight into what the white chocolate mocha actually is. This chocolate mocha is a coffee-based drink that is mostly sold at Starbucks and other coffee bars around the world.

A white chocolate mocha is a coffee drink based on espresso (or any other coffee), steamed milk, chocolate, and whipped cream. This caffeinated chocolate drink is super easy to make and tastes delicious.

Let me tell you a bit about the taste you can expect when trying out the recipe at home:

What does a white chocolate mocha taste like?

The white chocolate mocha tastes quite heavy and sweet from the added chocolate. This isn’t a problem, though, as the milk will take a bit of that heaviness away.

The added coffee raises this recipe to a whole other level. It’s the perfect balance between coffee and the sweetness of the chocolate. The white chocolate almost tastes like condensed milk for some reason. It’s really nice.

Now, by adding whipped cream, you really are making a calorie bomb. So make sure not to make this recipe every day, haha.

If you don’t feel like using a white chocolate bar to make this recipe, you could look into a chocolate sauce like this one from Amazon.

How to make your own chocolate curls

This step is a must if you feel like making this white chocolate mocha feel extra fancy. And the chocolate curls are super easy to make as well. There are really two steps to this process:

First up, flip the chocolate bar upside down, so the flat side of the chocolate bar faces you:

First step to making chocolate curls

Next up: grab a chef’s knife and angle it away from you with a 30-degree angle. Moderately press on the chef’s knife and scrape the knife against the chocolate bar. If you do this with enough pressure, you are left with chocolate curls that look like this:

You can prepare these chocolate curls in advance, store them in an airtight container in the fridge so they don’t melt away on your kitchen counter. This works great when you are expecting some company!

What coffee is best used in this recipe?

To make the classic version of white chocolate mocha, you will need to use a good quality espresso as a base layer for this drink. Pull your shot of espresso from an espresso machine, use a Moka pot, or use a Nespresso machine to brew your espresso with.

Although I like to drink the chocolate mocha with a shot of espresso, I sometimes use a double shot when I really need the caffeine.

You can also use any other coffee that you are used to drinking, like coffee made with the French press or any pour over method. This all depends on how much coffee flavor you want in your mocha.

I based this recipe on one espresso, but as I have said before, you can use a double shot if you like. Suppose you feel like using another coffee brewing method use as much coffee as you like. Let’s get into the recipe:

White Chocolate Mocha Recipe

white chocolate mocha

Easy and delicious white chocolate mocha recipe.

Prep Time 5 minutes
Cook Time 5 minutes
Additional Time 2 minutes
Total Time 12 minutes


  • White chocolate (30g)
  • 1 cup of milk (240g)
  • Espresso (or two)
  • Whipped cream
  • Chocolate curls for decoration


  1. Grab yourself a little saucepan, preferably with a handle.
  2. Add your milk to the pan and put it on the stove on medium heat.
  3. Slowly heat the milk while whisking throughout. This will give you a nice fluffy drink.
  4. Once the milk is heated to about 60 °C (140.0 °F) to 70 °C (158.0 °F), add the white chocolate.
  5. Continue whisking the milk until the white chocolate is fully incorporated.
  6. Remove from heat or put on the lowest heat possible to keep warm and brew your espresso.
  7. Add the espresso to your favorite mug and pour in the “chocolate milk”.
  8. Top the white chocolate mocha off with whipped cream and chocolate curls.
  9. Enjoy!


You can change out the espresso for coffee made with your favorite coffee brewer. Or you can use a double espresso when you need that extra caffeine!

Feel free to change up the milk to a milk substitute if you like that better.

Recommended Products

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

Nutrition Information:

Serving Size:


Amount Per Serving: Calories: 290

Down below, you will find some additional photos that I made during the making of this awesome mocha recipe:

As you can see, the recipe is really easy to follow. Start with your coffee, add the “chocolate milk”, and top off with whipped cream and your chocolate curls. There are 3 ways to making “chocolate milk” from scratch. Let me show you what they are:

3 ways to you make the “chocolate milk”

The hardest part of the white chocolate mocha will be making the “chocolate milk”. Down below you will find 3 different ways of making this delicious basis for the mocha:

  • Using an electric milk frother.
  • Whisking the milk in a pan.
  • Using the microwave.

Let’s get started with the electric milk frother. I use the Nespresso milk attachment of my coffee machine to froth up the milk needed for this recipe.

Pour your milk into the milk frother. You might want to divide the milk into two batches. Adding all the milk at once will not give you the fluffiness that you are looking for, as the little frother cannot handle so much milk at once. The milk will look like this:

Fluffy milk

Add the milk to your chocolate-filled cup and stir until the chocolate is completely melted. Now, add your espresso to the cup and top it off with whipped cream. Don’t forget to add your chocolate curls to your cup to make it look fancy!

Moving on to the pan method, frothing the milk by using a whisk. This method of frothing your milk takes a bit longer than using the electric frother or using the microwave (which I’ll get to further down).

Milk ready to be heated up

To get started, grab yourself a heavy-bottomed pan, preferably with a handle. Add all the milk to your pan and start heating up the milk on low heat. Once the milk has heated up a bit, add the chocolate.

Foamed milk

Whisk the “chocolate milk” until it’s fluffy and the chocolate has been melted completely. Be careful not to burn the milk, as this will leave a weird taste to your white chocolate mocha.

Chocolate being added to the warm milk

Get your coffee ready and pour the milk into your favorite cup. Now, add your coffee and top off with whipped cream and chocolate curls. Happy days.

Last but not least, using the microwave for the chocolate basis. This is the easiest of the above-mentioned methods of making the “chocolate milk”.

Grab your favorite mug and add your chocolate to it. Add your milk and pop this into the microwave for about 30 seconds. Stir through the milk and into the microwave it goes again—this time for about 20 seconds.

The chocolate will have been melted when the final seconds have finished. Are there still some chocolate pieces in the milk? Add a few more seconds and check again.

Pour the coffee into the cup and grab the whipped cream and chocolate curls to finish the recipe.

Do I need to froth the milk for this recipe?

For this delicious recipe, you are not required to froth your milk. However, I have tried this recipe both with and without frothed milk, and I prefer the frothed milk over the non-frothed one.

The frothed milk gives the white chocolate mocha a bit more texture, and it tastes a bit richer because of it. Now, if you don’t feel like frothing your milk at home, you still get to enjoy this recipe.

Follow the same steps that I have mentioned above and leave the milk’s frothing out of it. The best way to make this coffee is by using the microwave method, as this requires no frothing.


This recipe is perfect when you want to treat yourself to a chocolate-heavy coffee delight. I felt really full and satisfied after trying out this recipe a few times.

This recipe is super easy to make and will taste just as, if not more, delicious than the Starbucks version. It’s so nice to make this chocolate mocha from home, so you don’t need to get out of the house for this drink.

If you feel like trying even more coffee recipes at home, you can check out the recipes I’ve listed below. For example, did you know that there’s an iced white chocolate mocha as well?

Are you going to try this recipe at home? Let me know by leaving a comment down below. If you have any other questions regarding coffee, you can also contact me directly by pressing the “Contact Me” button at the top!

More coffee recipes

Picture of Jeffrey, Author at Your Dream Coffee

On my coffee blog you will find everything you need in order to start brewing coffee at home. Ranging from the basics; to the newest coffee recipes everybody talks about! You can learn more about me here.

Write A Comment

Pin It Skip to Recipe