Make Starbucks White Chocolate Mocha at Home Recipe and Video

Love the Starbucks White chocolate Mocha? Perhaps you love to go into your local Starbucks and order a coffee from your favorite barista, sip your coffee and read the paper and enjoy 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 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!

homemade Starbucks white chocolate mocha with whipped cream.

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.

Recipe Ingredients

Here’s a list of what you need:

  • White chocolate chips or white chocolate sauce
  • Espresso or instant espresso and hot water
  • Whole milk, half and half, or skim milk
  • Whipped cream for topping
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 chocolate 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. 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 sauce:

  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 (between 140 and 160 degrees). Froth the milk with a frother if you want the milk frothy.
hot frothed milk in a measuring cup.
  1. Pour the espresso 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.
homemade Starbucks white chocolate mocha topped with whipped cream.

How to Make Espresso Without a Machine

If you don’t have an espresso maker 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.
white chocolate mocha with a an espresso heart on top.

Love Starbucks drinks? Try these copycat recipes!

Take a look at more of my easy drink recipes and the best Starbucks 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. 
5 from 18 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.



Bialetti Moka Express
Electric Milk Frother


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.

Never miss a recipe

Join the CopyKat eNewletter

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. Kevin @ ValueGrub

    5 stars
    I bought the Fontana white chocolate mocha sauce (the same stuff Starbucks uses) and it wasn’t turning out the same. I was getting a chemical taste.

    This is what I learned: Get a high bar (15+) espresso machine. Get the darkest roast you can buy. Buy the plastic cups from Starbucks (that have the milk lines in them) that you can reuse.

    The quality of your espresso machine makes or breaks your drink. Expect to spend some time getting the shot just right (bean to water ratio). But once you master it, you’ve got it! Good luck!

  2. Patricia

    I tried to make my own version for my daughter before I read this. Funny, I came up with the same ingredients. Not bad for a non coffee drinker.

    I used extra strong regular coffee, giredelli white chocolate pieces melted and a table spoon of cocoa powder and frothed whole milk. My daughter does not care for the whip cream. She said it is the right flavor but not as thick. So the coffee didn’t have the rich thickness. She said-mom yours is just thin. Any ideas? I will get the sauce but I am not sure that will fix the consistency.

    • Patricia

      I just looked at the Starbucks white chocolate sauce link you posted. I see it has lots of sugar, sweetened condensed milk and corn syrup and some other things. I will try and melt my chocolate in sweetened condensed milk and see if I can achieve that richness she is looking for. I am still interested in any ideas you have Trax. I like the idea of making at home because I can control a bit of the less healthy ingredients- and hopefully give her the enjoyment of an indulgent treat.

      • Valley Girl

        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

    • Stephanie

      So I think there are a few things going on here. I personally think espresso coffee has a different mouth feel, even when watered down with milk. It is seems to be creamy. When the restaurant steams the milk it may have more bubbles in it and it may become more dense.

      I think coffee is a little tricky, as we don’t have everything they do in a restaurant, I can help with tricks to help mimic it at home. For it to be 100% on point, higher end equipment may be needed.

      • Beth

        I am trying to lose weight BUT I love me venti white chocolate mochas every morning with an extra shot of espresso and an extra shot of white chocolate. I know this is calorie laden! I need my coffee with a punch of espresso but also want it to be sweet….do you have a drink substitute suggestion? Thanks

      • Stephanie

        I don’t have something I can suggest that is easy. Perhaps you want to change to coconut sugar, it is not supposed to produce insulin.

      • Belle

        Hi, I’m type 1 diabetic, and coconut sugar spikes my blood sugar the same way regular white (beet sugar) does. It’s all still sugar and affects the body the same way. I love white chocolate mochas too, and I’m trying to find a way to make it that’ll affect me less. If I find a good way to do it that’s not a complete pain in the neck, I’ll share it. ;D

      • Elizabeth

        Beth, you and I seem to have similar taste! I’m enjoying a homemade white chocolate mocha right now (with the SB Fontana sauce). However, my go-to SB drink is a Sugar-Free Vanilla Soy Latte. I don’t prefer dairy milk, but if you do, I’d go with skim. However, the soy milk SB uses is also flavored vanilla, which I think makes the drink sweeter/smoother. Try one? I love them, and they have less than half the calories of our fave. 🙂

      • Kaitlyn

        There is a company called Jordan’s Skinny Syrups and they make SF white chocolate sauce! And use almond milk instead of regular milk.

    • James

      I’ve tried a few various recipes, and never really see anyone adjusting the ingredients depending on hot or iced. Hot ends up too rich, and iced seems watered down. This is what I ended up with as far as ingredients for iced (for hot, I just remove whip cream, chocolate syrup drizzle and slightly reduce vanilla syrup) –

      I mix a little “heavy whipping cream” with the Whole Milk and couple teaspoons of Vanilla syrup. Then I mix/froth it with the frother extension on my Ninja. It works well, but will not heat it. For hot drinks, I microwave it before frothing.

      So, I pour this in the glass first. Then I add a shot of Espresso (which claims to produce 4oz, but is more like 6oz).. then a pump or two of Fontana White Chocolate Sauce.

      After that, I stir with a stir stick and top off with whipped cream (canned only.. huge difference) and drizzle chocolate syrup on top.

      To me, it tastes identical. The ingredients sound like it’d be too sweet, but it compensates for melted ice. The two most influential ingredients for the drink is the heavy whipping cream (controls thickness) and Fontana white chocolate sauce for taste. I’ve tried many, but Fontana brand is unique. Many may taste good, but won’t taste identical to Starbucks.

      I actually have a coffee shop I favor over Starbucks, and they actually make the drink better, bigger and cheaper in an insulated styrofoam cup. I noticed they are also using Fontana branded sauce.

  3. Tax

    Hi, I drink mine decaf and no whip cream. And substitute regular milk with coconut milk. Does that mean I only need 2 ingredients? It seems too simple! When I order it at Starbucks the barista seems to add more ingredients.. i mean it taste more than just white chocolate and coconut milk! Do you think they are adding something else to it to make it so delicious even when it’s only decaf?

    • Stephanie

      I would try out the Bialetti inexpensive pot, see if you like it, then you can try out a regular machine. I have a jura, those are very high end. I would see if you enjoy them, then decide if you want one is more automatic than the others.

    • Tami Miles

      I have a Mr. Coffee one from Walmart (CHEAP) that I’ve had 4 years! I enjoy my homemade iced mocha (with milk, espresso, chocolate syrup and ice) that I’ve made for YEARS!

  4. Debbie

    Thank you, Stephanie, for the Starbucks White Chocolate Mocha copycat recipe. It’s the drink I order most of all at Starbucks. Now I’ll be able to make one at home anytime… it just makes me me happy, happy, happy! 🙂

  5. Sana

    Could I use the ghirardelli white chocolate sauce instead of the Starbucks?

    I am addicted to Starbucks white chocolate mochas but @ $4.19 for a tall (small) it is just getting outrageously expensive :/

  6. Calli

    This is my absolute favorite drink when going to Starbucks. Last Christmas they were doing Peppermint White Chocolate Mochas and I have been hooked ever since. Try finding some peppermint syrup and adding that to the coffee. I bet you will love it as much as I do.

  7. April

    I didn’t know Starbuck’s drinks were so easy to make at home! I will have to try this with just regular coffee since I only drink coffee on special occasions and I think espresso would wind up up, lol.

  8. Tiffany

    I have never had this item from Starbucks but I do love white chocolate coffee and hot cocoa.I think I would probably love this drink recipe. Sounds yummy!

  9. Dana Torres

    Thank goodness I have an espresso maker at home. I can make this easily with the Starbucks white chocolate mocha sauce, which now that I know about it I’m eager to try (although making my own espresso like the Italians sounds pretty cool too). My husband and I are both coffee addicts and we’re always eager to try new tastes and flavors.

    • Stephanie

      A couple of years ago I brought an espresso maker as well. I thought it was a great way for me to get the fancy coffee house treatment at home.

  10. Theresa

    Maybe one reason could be that it’s kept on ice all of the time, and another may be that there is a fast turn over There may also be many other reasons that I’m unaware of, like some sort of specially treated rinse, etc. I just wish they would not put the hard, white pieces in the salad. My the time I get finished picking that stuff out, I have very little salad left to eat!

    • Ceil G.

      I’m with you on the hard pieces of lettuce. But I suppose it would be more labor-intensive to take these out. Love and wait for your emails.

    • Stephanie

      I think everything at Starbucks has a very last turnover. I am guessing they use machines to prep those salads. Doing it yourself makes all of the difference.

Leave a Reply

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

Recipe Rating