I spent a good amount of time watching TikTok videos about the Williams Sonoma hot chocolate before I actually made my version at home.
Everyone kept talking about how different it feels from regular hot cocoa, so I wanted to understand exactly what makes it special before recreating it from scratch.
What I found is that the Williams Sonoma version is known for using real chocolate shavings instead of plain cocoa powder. That’s the whole point.
When you melt actual dark chocolate into warm milk and cream, you get a depth and velvety texture that a powder-based mix just can’t give you.
So I made my copycat using both cocoa powder and real dark chocolate chips together.
The cocoa gives you that deep, slightly bitter backbone, and the melted chocolate adds the smooth, rich finish.
Between the two, you get gourmet taste, and in my opinion, if you add your own personal touches on top, it’s even better.
Here’s exactly how I make it.
What Makes Williams-Sonoma Hot Chocolate Different
Most hot cocoa recipes I had use just cocoa powder stirred into hot milk. It’s fine, but it has a thin, slightly gritty texture that you might not even notice until you compare it to something better.
The Williams-Sonoma version uses a blend of real bittersweet and milk chocolate as the base.
When that chocolate melts into hot cream and milk, it creates a velvety consistency that coats the inside of your mug. It’s closer to drinking melted chocolate than regular cocoa.
My copycat replicates this by combining unsweetened cocoa powder with real dark chocolate chips.
You get both the intensity from the cocoa and the smooth body from the melted chocolate.
Ingredients
Serves 2.
- 2 cups whole milk (or almond milk for a dairy-free version)
- ½ cup heavy cream
- ¼ cup unsweetened cocoa powder (Valrhona or Ghirardelli will give you a noticeably deeper flavor)
- ¼ cup granulated sugar (adjust to your taste)
- ¼ cup dark chocolate chips or chopped dark chocolate, 70% cocoa works best
- ½ tsp vanilla extract
- A pinch of salt (don’t skip this, it balances the bitterness and makes the chocolate flavor pop)
On the chocolate: If you want to go closer to the original WS experience, use the best dark chocolate you can find and chop it finely so it melts quickly and evenly. I’ve used both chips and chopped bars and the chopped bar melts slightly smoother.
Substitutions
- Dairy-free: Oat milk or coconut milk work well here. Coconut milk adds a subtle richness that pairs nicely with dark chocolate.
- Lower sugar: Swap granulated sugar for coconut sugar or maple syrup. Both have a slightly caramel-like quality that actually complements the dark chocolate.
- Sweeter version: Use milk chocolate instead of dark, and reduce the cocoa powder slightly.
- Thicker, European-style: Reduce the milk by ¼ cup and add 1 teaspoon of cornstarch whisked in with the cocoa. This gives you a denser, sipping-chocolate consistency.
How to Make Williams-Sonoma Hot Chocolate
Step 1: Heat the Milk and Cream
- Combine the milk and heavy cream in a medium saucepan over medium heat.
- Warm until it just starts to steam and is about to simmer.
- Do not let it boil. Boiling breaks down the cream and you lose that silky texture.
Step 2: Whisk in the Cocoa and Sugar
- Add the cocoa powder and sugar directly to the warm milk mixture.
- Whisk continuously until both are fully dissolved and the base looks smooth. No lumps.
Step 3: Add the Chocolate
- Add the dark chocolate chips or chopped chocolate and continue whisking.
- The residual heat of the milk will gradually melt the chocolate.
- Keep whisking until fully incorporated and the mixture looks glossy and uniform.
- Once its whisked well the texture will changes from regular hot cocoa to richer.
Step 4: Add Vanilla and Salt
Take the saucepan off the heat and stir in the vanilla extract and the pinch of salt.
These two things together enhance and deepen the chocolate flavor in a way that’s hard to explain until you taste the difference.
Step 5: Pour and Garnish
- Pour into your mugs and finish with whatever toppings you like.
- I personally add crushed pistachios and slivered almonds on top of mine because I love the crunch and the slight nuttiness against the rich chocolate. It’s not traditional but it works really well.
- Whipped cream, a dusting of cocoa powder, or a few chocolate shavings are all good options too.
Tips for Getting It Right
- Use real chocolate, not just cocoa powder. This is the main thing separating this recipe from a basic hot cocoa. The melted chocolate chips are what give it that café-style body.
- Low and slow on the heat: Medium heat throughout. If you rush it and crank the temperature, the cream can scald and the chocolate can seize.
- Taste before you pour: Sweetness is personal. Once the chocolate is melted, taste the mixture and adjust sugar before you take it off the heat.
- For a thicker consistency, reduce the milk slightly or whisk in a teaspoon of cornstarch with the cocoa at the beginning. This gives you a European sipping chocolate style that’s much more indulgent.
Variations Worth Trying
- Spiced Hot Chocolate: Add a pinch of cinnamon and a tiny pinch of cayenne for warmth. It’s subtle but changes the whole feel of the drink.
- Peppermint Hot Chocolate: Add a few drops of peppermint extract instead of vanilla. Finish with crushed candy canes and it is great for Christmas.
- Mexican Hot Chocolate: Add cinnamon and a small pinch of cayenne, same as the spiced version, but also increase the cocoa slightly for a bolder flavor.
- Mocha Hot Chocolate: Stir in a tablespoon of espresso powder when you add the cocoa. You get chocolate and coffee in one cup. If you like that combination, the Starbucks Dark Chocolate Mocha Recipe on this site is worth checking out too.
- Vegan version: Use oat or coconut milk, skip the heavy cream, and use dairy-free dark chocolate. The result is slightly lighter but still good.
- Condensed milk version: Replace the sugar and heavy cream with sweetened condensed milk. It will create a silky, almost dessert-like sweetness that’s closer to Vietnamese or European-style hot cocoa.
If you want an even easier version on busy days, this Crockpot Hot Chocolate with Instant Mix is a good shortcut. And if you’re making this for health reasons, the Anti-Inflammatory Hot Chocolate Recipe is a version worth bookmarking too.
What to Serve with Hot Chocolate
Now you know how to make a Williams Sonoma hot chocolate recipe and its variations are.
Now, let’s look up to some more things that you can serve with hot chocolate.
Sweet Pairings:
Here are some sweet things you can serve with hot Williams Sonoma hot chocolate.
- Shortbread Cookies: It has a buttery, crunchy texture. And it looks good with hot chocolate.
- Chocolate Chip Cookies: You can add that if you really love chocolate and want to have extra chocolate crust.
- Try these Crumbl Semi-Sweet Chocolate Chip Cookies for a perfect bakery-style option.
- Churros: It’s crispy, and the cinnamon-sugar coating contrasts perfectly with the velvety drink, which is our Sonoma hot chocolate. And if you’re dipping churros, this is the Mexican Chocolate Sauce for Churros you can make.
- Pound Cake: You can take a few slices of vanilla or chocolate pound cake and absorb the hot chocolate for a harmonious flavor blend.
- Croissants: they’re flaky & buttery and have a lovely counterpoint to the rich beverage.
- Marshmallow Treats: A fluffy, gooey pairing like these Chocolate Covered Popcorn with Cocoa Powder can balance the drink’s richness.
Savory Pairings:
If you don’t want to have something sweet with Sonoma hot chocolate, as I mentioned above, then you can have something savory. Here are some of the best options:
- Cheese Board: You can have a selection of aged cheeses (like sharp cheddar or gouda). They are savory, so they will balance this sweet drink, and maybe you’ll like it. (Although I haven’t tasted it yet with this best Williams Sonoma hot chocolate)
- Salted Pretzels: They are sweet and salty and have a crunchy texture with saltiness, which creates a delightful flavor contrast, so you can also eat them.
- Light Sweet-Savory Combo: This Dunkin Dubai Chocolate Donuts is a good balance with hot chocolate — especially when you want something in between dessert and snack.
- Bacon-Wrapped Dates: It has a complex flavor, like a mix of sweet, salty, smoky, etc. So, if you wanna have multiple flavors along with your hot chocolate, you can go with the bacon-wrapped deaths.
- Cakerush: I have tried eating Cakerush with William Sonoma hot chocolate, especially when I feel a little bit hungry, like at 4 p.m., when I want something to drink and also want to fill my stomach, I use Cakerush with my drink. So you can also try this. It’s a nice option.
What to Serve With Williams-Sonoma Hot Chocolate
Cake Rusk: This is my personal go-to. I grew up eating cake rusk with chai, and it turns out it pairs just as well with rich hot chocolate. The dry, lightly sweet texture soaks up the drink perfectly. If you haven’t tried this combination, you should.
Churros: The cinnamon-sugar coating on churros contrasts perfectly with velvety hot chocolate. If you’re dipping them, try this Mexican Chocolate Sauce for Churros alongside your drink.
Shortbread or Chocolate Chip Cookies: Classic pairing. The butter in shortbread balances the richness of the drink without competing with it.
Salted Pretzels: Sweet and salty together with hot chocolate is a genuinely good combination. The crunch and saltiness cut through the richness.
Cheese Board: Aged cheddar or gouda with dark hot chocolate sounds unusual but the savory quality of the cheese actually balances the sweetness. I haven’t tried this one with this exact recipe yet, but it works with rich dark chocolate in general.
Bacon-Wrapped Dates: Sweet, salty, and smoky all at once. If you want a more filling pairing when you’re drinking this as an afternoon treat, this works well.
For a sugar-free version of hot chocolate to pair alongside something sweeter, this Sugar-Free Hot Chocolate with Cocoa Powder is a solid option too.
Storage
If you have leftovers, store them in a sealed container in the fridge for up to 2 days. Reheat gently on the stove over low heat and whisk as it warms back up.
Nutrition Facts
Per serving (based on 2 servings):
- Calories: approximately 320
- Fat: 18g
- Carbs: 30g
- Protein: 7g
Values will shift depending on the chocolate you use and whether you add toppings.
Conclusion
I’ve made this recipe several times now and it surprised me how close you can get to that café-style quality with regular grocery store ingredients. The combination of heavy cream, real dark chocolate, and good cocoa powder is what does it.
My favorite version uses 70% dark chocolate chips, a tiny pinch of cayenne for warmth, and crushed pistachios on top.
That’s become my signature twist on this. If you’re a pistachio person, try it at least once before going with just whipped cream.
The one thing I’ll say is: don’t rush the melting step. Give the chocolate time to fully incorporate before you take it off the heat. That’s when the texture becomes what it should be.
FAQs
Is Williams-Sonoma hot chocolate worth it?
The actual WS product is considered one of the better gourmet hot chocolate mixes because it uses real chocolate shavings from Guittard, a premium chocolate brand, rather than plain cocoa powder.
If you’ve only had powder-based hot cocoa, it’s a noticeable difference. This copycat recipe gets you the same result using real dark chocolate from your regular grocery store.
What’s the actual difference between hot cocoa and hot chocolate?
Hot cocoa is made with cocoa powder dissolved in milk. Hot chocolate is made with real melted chocolate.
Williams-Sonoma’s version leans more toward hot chocolate, which is why it tastes richer and more velvety than what most people make at home with a powder packet.
How do you make luxury hot chocolate at home?
Use real dark chocolate (not just cocoa powder), heat your milk with heavy cream, and melt the chocolate slowly into the warm liquid while whisking.
The cream is what creates that velvety finish. A pinch of salt and good vanilla make a bigger difference than most people expect.
How do you make hotel-style hot chocolate?
Hotels typically serve a thicker, denser version. To get that at home, reduce the milk slightly and add a teaspoon of cornstarch whisked in with the cocoa powder at the beginning.
It creates a more indulgent, sipping-chocolate consistency.
Can I use a milk alternative?
Yes. Oat milk gives you the creamiest result among plant-based options. Coconut milk adds a subtle richness. Almond milk works but is thinner, so the final drink will be lighter in body.
What’s the best chocolate to use?
70% dark chocolate is my recommendation. It gives you richness without being too bitter. Ghirardelli and Valrhona are both great options.
If you want something sweeter and creamier, go with milk chocolate and reduce the cocoa powder slightly.
How to use the Williams-Sonoma hot chocolate maker?
If you have the WS electric milk frother or hot chocolate maker, add your milk first, then the chocolate shavings or chips.
Use the hot chocolate setting if it has one, or the heating and frothing setting.
The frother creates a slightly airy, foam-topped version that’s closer to a café drink.
For this copycat recipe, you can finish it in the frother after melting the chocolate on the stovetop for an extra creamy result.
Williams-Sonoma Hot Chocolate Copycat Recipe
Ingredients
- 2 cups whole milk or almond milk for dairy-free
- ½ cup heavy cream
- ¼ cup unsweetened cocoa powder
- ¼ cup granulated sugar adjust to taste
- ¼ cup dark chocolate chips or chopped dark chocolate 70% cocoa recommended
- ½ tsp vanilla extract
- A pinch of salt
Instructions
Step 1: Heat Milk and Cream
- Combine milk and heavy cream in a saucepan over medium heat.
- Warm until just about to simmer. Do not boil.
Step 2: Whisk in Cocoa and Sugar
- Add cocoa powder and sugar.
- Whisk continuously until fully dissolved and smooth.
Step 3: Melt the Chocolate
- Stir in dark chocolate chips.
- Whisk until completely melted and the mixture looks glossy and uniform.
Step 4: Add Flavor
- Remove from heat.
- Stir in vanilla extract and salt.
Step 5: Serve
- Pour into mugs and top with your choice of whipped cream, crushed pistachios, slivered almonds, cocoa powder, or chocolate shavings.
Notes
I’m a self-taught home cook who turns everyday ingredients into comforting, café-style recipes. I test everything in my own kitchen (sometimes more than once), tweak flavors how I like them, and share only what I actually enjoy.
Most of my recipes are chocolate-based or have a creative twist, and I keep them preservative-free, beginner-friendly, and fun to make.
If you love cozy drinks, healthier desserts, or bold flavor combos — you’re in the right place. [Read full story]
Delicious