White Chocolate Mocha Recipe with Homemade Whipped Cream
Our easy homemade white chocolate mocha coffee beverage is coffee shop quality made in your own kitchen. You will find this recipe to be as rich and decadent as a gourmet coffee shop serves except now you know how to make your own.
I have also included a rich recipe for homemade whipped cream to make your homemade white chocolate mocha latte even better.

This article contains affiliate links. Please see our Disclosure policy.
Equipment
Good news! You do not need an espresso machine to make this recipe!
- Coffee Maker
- Medium size saucepan
- Large mixing bowl
- Medium microwave safe bowl
- Rubber Spatula
- Electric Mixer
- Coffee mugs or mason jars for serving
Ingredients for Homemade Whipped Cream
- 1/4 cup Heavy Whipping Cream
- 3 Tbsp. Powdered Sugar
- 1 tsp Vanilla Extract ( I prefer Watkins Pure Vanilla, on Amazon here)
White Chocolate Mocha Latte Ingredients
- 2 Cups whole milk
- 1/2 cup White chocolate baking chips (buy Ghiradelli on Amazon, here)
- ½ Tbsp. melted butter or coconut oil
- 2 cups freshly brewed strong black coffee
- Optional: Sprinkles or cinnamon for garnish
This recipe will fill two 16 oz. mugs or Mason jar glasses but you can use whatever size mugs you have on hand to serve more than two folks if you like.
We do not use any special kind of coffee, we use our favorite which is actually a half caffeine blend from the grocery store. Be sure to make it a little stronger than you normally would for this recipe and use your trusty favorite coffee maker like we do.
Homemade White Chocolate Mocha Easy Recipe
One
We begin by making our homemade whipping cream first. Pour the heavy cream into a large mixing bowl and beat using an electric mixer until it becomes partially solid.
Two
Put your coffee on to brew while you make the rest of the mocha recipe.
Three
Now, add the vanilla followed by the powdered sugar and continue to mix on medium speed until light and fluffy. Cover the bowl and set into the refrigerator.

Four
Pour the milk into a small saucepan and place onto a burner set to medium-low heat. Simmer, but do not boil, stirring constantly until heated through, about 5 minutes. Remove from heat and set aside.

Five
Now melt the white chocolate chips in the microwave. Pour the chips into a microwave safe bowl and heat at 15 to 20 second intervals, stirring between each one until melted.
Then, add in the melted butter or coconut oil and stir to combine. This addition of a little fat will help the melted chips not to clump. A nice trick when melting chocolate.
Six
Pour the warm milk into the bowl with the white chocolate sauce and stir to combine then set aside.

Seven
Pour you hot coffee into two 16 oz. mugs or a few mugs of your choice leaving space for the white chocolate sauce and whipped cream. Pour a portion of the white mocha sauce into each mug of hot coffee and then top with a big dollop of your homemade whipped cream.
If you are in the mood to create a pretty cup of mocha, spoon the whipped cream into an icing bag fitted with a decorative tip and create a pretty swirl on top. Top with sprinkles and cinnamon is you like. Serve and enjoy!
Printable recipe card below

More Homemade Beverage Recipes
A must have summer drink is this Homemade Lemonade Recipe for lazy cooks like me! You’ll love our trick.
Another summer beverage treat is this recipe for Southern Brewed Ginger Peach Sweet Iced Tea. It’s a nice way to cool off on a summer evening.
Another fun summer beverage treat you can make is Homemade Chocolate Filled Ice Cream Soda. We make the chocolate sauce from scratch in this one too.
If it’s watermelon you love in the summer then you have to try this Watermelon Mint Lemonade recipe.
Here’s a Christmas beverage you are going to love. We call it Cranberry Orange Christmas Punch and it’s non-alcoholic.
We love fall flavor beverages too. Here’s How To Make The Perfect Cup of Apple Cider Hot Tea.
Another cold summer beverage to help you cool down. Vanilla Milkshake with Chocolate and sprinkles rimmed glasses. See how to get that glass rim coated in chocolate and sprinkles.
How To Make A Coke Float. If you’ve never made one, you will be shocked at how easy this is to do! It’s in my Christmas with the Kranks movie party post. Hubby and I love these.
White Chocolate Mocha with Homemade Whipped Cream
Our easy homemade white chocolate mocha coffee beverage is coffee shop quality made in your own kitchen. You will find this recipe to be as rich and decadent as a gourmet coffee shop serves except now you know how to make your own.
Ingredients
- ¾ Cup heavy whipping cream
- 3 Tbsp. powdered sugar
- 1 tsp. vanilla extract
- 2 Cups whole milk
- ½ cup white chocolate baking chips
- ½ Tbsp. melted butter or coconut oil
- 2 cups freshly brewed strong black coffee
- Optional: Sprinkles or cinnamon for garnish
Instructions
We begin by making our homemade whipping cream first. Pour the heavy cream into a bowl and mix using an electric mixer until it become partially solid. Add the vanilla followed by the powdered sugar and continue to mix until light and fluffy. Cover and set into the refrigerator.
Pour the milk into a small saucepan and place onto a burner set to medium-low heat. Simmer, but don’t boil, stirring constantly until heated through, about 5 minutes. Remove from heat and set aside.
Now melt the white chocolate chips in the microwave. Pour the chips into a microwave safe bowl and heat at 15 to 20 second intervals, stirring between each one until melted. Add in the melted butter or coconut oil and stir to combine. This addition of a little fat will help the melted chips not to clump. A nice trick when melting chocolate.
Pour the warm milk into the bowl with the white chocolate sauce and stir to combine then set aside.
Pour you hot coffee into two 16 oz. mugs or a few mugs of your choice leaving space for the white chocolate sauce and whipped cream. Pour a portion of the white chocolate sauce into each mug of hot coffee and then top with a big dollop of your homemade whipped cream.
If you are in the mood to create a pretty cup of mocha, spoon the whipped cream into an icing bag fitted with a decorative tip and create a pretty swirl on top. Sprinkles and cinnamon are optional.
Notes
This recipe makes 32 oz. which we serve in two 16 oz. Mason jars. You may serve your white chocolate mocha in regular size mugs for more servings if you like or any size mug you have on hand.
Nutrition Information
Yield 2 Serving Size 16 oz.Amount Per Serving Calories 1140Total Fat 81gSaturated Fat 49gTrans Fat 1gUnsaturated Fat 26gCholesterol 183mgSodium 374mgCarbohydrates 86gFiber 2gSugar 65gProtein 21g
Nutrition information is estimated and may not be exact based on uncontrolled variables in home kitchens used by each individual cook.
This recipe is great for white chocolate fans like myself. It is made with simple ingredients and doesn’t require any special equipment. The best part is that it is an easy white chocolate mocha recipe great for a hot summer day and perfect for the holiday season too.


One Comment