Make the Starbucks White Chocolate Mocha at Home

Love the Starbucks White chocolate Mocha? Perhaps you love to go into your local Starbucks coffee shop and order a coffee from your favorite barista, sip your coffee, read the paper, and taste a few minutes of paradise.

homemade Starbucks white chocolate mocha and coffee beans.

This post contains affiliate links. As an Amazon Associate, I earn from qualifying purchases.

White Chocolate Coffee

Fancy coffee drinks are an everyday indulgent luxury. It’s perfect for white chocolate fans! The Starbucks copycat White Chocolate Mocha is a drink that is for you!

There are so many different varieties of chocolate available these days. You can buy milk chocolate, semi-sweet chocolate, dark chocolate, extra dark chocolate, and even white chocolate. The fun thing is that each new chocolate brings a new flavor.

White chocolate is made up of butter, sugar, and milk solids and has a velvety smooth consistency. It’s no wonder it’s such a popular syrup to add to coffee!

The white chocolate mocha is one of the original Starbucks espresso beverages. It has stood the test of time and customers come back for it again and again!

Why You’ll Love This Copycat Starbucks White Chocolate Mocha Recipe

One of the best things about this delicious coffee drink is that it is so simple to make at home. It consists of only 4 ingredients and once you have those on hand it’s easy to whip up.

homemade Starbucks white chocolate mocha with whipped cream.

Starbucks White Mocha Recipe Ingredients

Here’s a list of what you need:

  • White chocolate chips or white chocolate mocha sauce
  • Espresso or instant espresso and hot water
  • Whole milk, half and half, or skim milk
  • Whipped cream for topping

If you like you can swap the dairy milk for dairy-free milk like almond milk, cashew milk, or even oat milk.

Starbucks white chocolate mocha ingredients.

How to Make Starbucks White Chocolate Mocha

There are two ways to create this drink.

The easiest way is to purchase the white mocha sauce. It can be found at Starbucks, World Market, or have it shipped to your door from Amazon (Fontana White Chocolate Mocha Sauce).

The second method is to use white chocolate, either bars or chips to make your own white chocolate sauce. You can find both at your local grocery store.

Grab some espresso (either instant or regular), milk, and some whipped cream and you are on your way to the perfect white mocha!

If you are using white chocolate bars or chips:

In a double boiler, melt the white chocolate with the milk. Pour the milk mixture over the espresso and top with whipped cream.

If you are using white chocolate syrup:

  1. Add the white chocolate sauce to a coffee mug.
white chocolate sauce in a coffee mug.
  1. Heat the milk to about 150 degrees Fahrenheit (between 140 and 160 degrees). Froth the milk with a frother if you want the milk frothy and creamy.
hot frothed milk in a measuring cup.
  1. Pour the shots of espresso (or the strong coffee) and milk into the coffee mug. If you have frothed milk foam, you can put it on top.
a spoonful of frothed milk foam over a white chocolate mocha.
  1. Stir to combine everything.
stirred white chocolate mocha in a coffee mug.
  1. Top with whipped cream. Garnish with white chocolate shavings to make it extra fancy.
homemade Starbucks white chocolate mocha topped with whipped cream.

How to Make Espresso Without an Espresso Machine

If you don’t have an espresso machine you have options:

  • You can use Instant Espresso and it works well.
  • You can make extra strong coffee.
  • You may want to invest in an inexpensive Bialetti Moka Express Espresso Maker. The Bialetti Moka pot can help you make espresso coffee on the stovetop without an expensive coffee maker. Italians have been making their espresso this way for almost 100 years.

A White Chocolate Mocha Recipe to Enjoy!

I know you are going to enjoy the creaminess of this drink. You know now the secret to making a delicious white chocolate mocha.

And on a hot summer day, make a Starbucks iced white chocolate mocha.

white chocolate mocha with a an espresso heart on top.

See our recommended coffee products to make coffee-house quality drinks at home.

Love Starbucks drinks? Try these copycat Starbucks recipes!

Take a look at more of my easy drink recipes and the best Starbucks copycat recipes.

homemade Starbucks white chocolate mocha and coffee beans.

Starbucks White Chocolate Mocha

You don't need to go out to Starbucks when you can make a white chocolate mocha at home with this easy copycat recipe. 
4.93 from 40 votes
Print Pin Rate Add to Collection
Course: Drinks
Cuisine: American
Keyword: Starbucks Recipes
Prep Time: 5 minutes
Cook Time: 2 minutes
Total Time: 7 minutes
Servings: 1
Calories: 413kcal


  • 3 tablespoons white chocolate chips or white chocolate sauce
  • 1.5 ounces espresso or 1 tablespoon instant espresso plus 3 tablespoons of hot water to dissolve
  • 1 cup milk whole, skim, or half and half
  • 2 tablespoons whipped cream


  • If you are using white chocolate chips: In a double boiler, melt the white chocolate chips with the milk to about 150 degrees (between 140 and 160 degrees). Pour the milk mixture over the espresso and top with whipped cream.
  • If you are using white chocolate sauce: Add the sauce to a coffee mug.
  • Heat the milk to about 150 degrees (between 140 and 160 degrees). Froth the milk with a frother if you want the milk frothy.
  • Pour the espresso and milk into the coffee mug and stir.
  • Top with whipped cream.



Calories: 413kcal | Carbohydrates: 40g | Protein: 11g | Fat: 23g | Saturated Fat: 13g | Cholesterol: 36mg | Sodium: 164mg | Potassium: 539mg | Sugar: 40g | Vitamin A: 395IU | Calcium: 399mg

About Stephanie Manley

I recreate your favorite restaurant recipes, so you can prepare these dishes at home. I help you cook dinner, and serve up dishes you know your family will love. You can find most of the ingredients for all of the recipes in your local grocery store.

Stephanie is the author of's Dining Out in the Home, and's Dining Out in the Home 2.

REVEALED: Copycat Secrets for 2023

free email bonus

Yes, you CAN make it at home! I'll show you how.

We are a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for us to earn fees by linking to and affiliated sites.

Reader Interactions


  1. Krista

    5 stars
    This is so good!!! I did add a little more coffee than normal because i like the coffee after taste. But truly the best recipe ever.

  2. Dia

    5 stars
    It tastes soo good but I’ve never tried the original so I don’t know if the white chocolate is meant to come through – I can’t taste. Nonetheless, I absolutely love this!

  3. Lee Kaplan

    My stepson just started college. There’s a Starbucks on campus. He “needs” their White Chocolate Mocha every day, with TWO shots of espresso. Cheap it ain’t. So thank you for this recipe. He only likes it iced (even though I tried explaining to him that it’s twice as expensive, per actual drinkable ounce, than hot).
    I’ll get the supplies this weekend and we’ll make it together.

    • K

      Just some info: The grande size, which is the Starbucks medium, should come standard with two shots of espresso and four pumps of the white mocha sauce, iced or hot. The milk volume would be the only thing affected, SBX recipes are standardized though. You should be able to get the same thing at every location. Was he ordering it as a double, or was he asking for an extra shot? There is a difference in both content and price there. Also the iced cups are sized up by 4 oz to account for the ice.

  4. Ev

    Here is some information about it from sciencing website they state,
    ” White chocolate has its origins in the 1930s and is a candy made from the fat or butter of cacao beans. However, it excludes the cacao components that give ordinary chocolate its characteristic flavor and appearance. It usually contains far more powdered or condensed milk and sugar than does regular chocolate, making it considerably higher in calories and affording white chocolate a creamier texture and taste.”

  5. Ev

    Unfortunately white chocolate is not milk sugar and butter. White chocolate comes from a product of chocolate making. Cocoa butter. That is what is the base of white chocolate with sugar. Dairy is used as a means of stretching. It is not necessary.

  6. Ruth

    5 stars
    Good information. Lucky me I recently found your website by accident (stumbleupon).
    I have saved as a favorite for later!

  7. Ashley

    5 stars
    I’m pregnant, so love the fact that I could easily make this at home, BUT how could I make it so it’s “half decaf” do I just not use as much espresso? Also, I do not have an espresso maker – nor have I ever attempted to make anything other than regular coffee in our coffee maker haha advice/tips are greatly appreciated!

  8. Ella

    O just go to Starbucks and pay £3:95 for a tall white chocolate mocha and wait 5 mins cos I can to make it myself XD

  9. Todd sign

    Unfortunately Starbucks turned their back on the customers you can no longer buy the Fontana white chocolate mocha sauce through Starbucks or even Amazon . Starbucks did a horrible job in implementation and execution of closing the store, I call the 800 the Starbucks customer service they say hey ‘ ‘ we closed our store to drive more traffic to the stores, so you can buy our products there, but of course the store says if we can’t ring in the Fontana sauce, the 63 oz version, we are not allowed to sell it’. And even when I call several local stores, the corporate office has not instructed the local stores and what is going on and if the product ever available again in a 63 ounce bottle version . Definitely one of the main ingredients in their sauces is mostly sweetened condensed milk, that is what the Starbucks employee told me so it would be great to get as close as possible to the recipe as possible. I’ve tried all the other brands of white chocolate mocha sweetener and they definitely do not come even close to the Fontana brand. Ultimately maybe it’s the best thing that I don’t have access to this flavor anymore because it’s probably the most unhealthy thing for you, but darn I love it and I was addicted so maybe this will break my addiction LOL . But it’s definitely extremely disappointing that Starbucks executed this in the way they did in reference to closing their store, now you have probably Starbucks employees selling it on eBay for double and triple the price so it’s creating it’s own little black market. Starbucks just lost a loyal customer !!

    • Todd sign

      Btw- try a Breville espresso machine. Works amazing! But it definitely takes a little practice to get it just perfect, but it is definitely worth the effort once you get it down

    • Stephen Link

      Todd, ditto on your entire comment. I used the Fontana sauce for several years and would usually make my own White Chocolate Mocha (on ice) when it was late at night or when I just didn’t feel like going out. Starbucks wasn’t losing any business because I had that sauce at home. Now, I just don’t have the drink at night or if I’m not going out. It hasn’t meant a penny’s worth of difference except that I would buy the Fontana sauce when it was available which would end up in Starbuck’s coffers anyway. So, in a way, they are losing revenue because I now don’t buy anything from them if I don’t want to go out. Before, they got my money also by selling me the sauce.

    • Valley Girl

      This is the closest recipe that I have found online. I add a few marshmellos to this recipe because if you don’t then the white mocha chips rehardens. I would also suggest, because this recipe makes a lot, to refrigerate it and then warm it up each time you use it. Here is the recipe:
      600 ml sweetened condensed milk
      14 ounces evaporated milk
      3⁄4 cup sugar
      1 tablespoon vanilla
      1 teaspoon instant espresso
      6 ounces white chocolate, cut up in small pieces

4.93 from 40 votes (24 ratings without comment)

Leave a Reply

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

Recipe Rating

homemade Olive Garden Asiago Torgelloni Alfredo with chicken on a plate

Copycat Recipe Secrets for 2024


Yes, you CAN make it at home! 
I'll show you how.