Beverages
This butterscotch hot chocolate recipe delivers restaurant-quality depth in just one pot, blending caramelized sugar notes with velvety cocoa for a drink that feels like a warm hug. 💛 The magic happens when melted butterscotch chips and chocolate combine with steaming milk, creating a rich, toasty flavor profile that's both comforting and sophisticated.
I've perfected this version after years of experimenting—it's creamy without being heavy, and the butterscotch flavor shines through without overpowering the chocolate base.
The beauty of this recipe lies in its simplicity: just six core ingredients transform into something extraordinary with minimal effort. High-quality dark chocolate provides the cocoa foundation, while butterscotch chips contribute their signature caramelized sweetness and vanilla undertones.
A touch of cornstarch ensures silky smoothness, and vanilla extract enhances the butterscotch's natural aromatics. The result is a drink that's indulgent yet balanced—perfect for chilly evenings or dessert cravings.
What you'll end up with is a steaming mug of butterscotch hot chocolate with a perfect balance of caramelized sweetness and deep cocoa richness. The surface will develop a delicate butterscotch foam, while the body remains velvety and warming.
This version stays true to butterscotch's signature toasty notes without tasting like candy—it's sophisticated enough for adults but still fun for kids. The best part? It comes together in under 15 minutes with just one pot to clean.
For extra indulgence, top with whipped cream and butterscotch chips, or add a dash of cinnamon for warmth. The recipe scales perfectly for crowds, making it ideal for holiday gatherings or cozy movie nights.
Once you try this version, store-bought hot chocolate mixes will never satisfy again—this is the gold standard of butterscotch hot chocolate.
Ingredients for butterscotch hot chocolate
Six ingredients transform into velvety butterscotch hot chocolate with restaurant-quality depth.
| Ingredient | Amount | Notes |
|---|---|---|
| High-Quality Dark Chocolate Bars 🍫 | 6 oz | 70% cocoa or higher, chopped finely |
| Butterscotch Chips 🍬 | ½ cup | High-quality for authentic flavor |
| Whole Milk 🥛 | 2 cups | Whole milk for creamiest texture |
| Cornstarch 🌾 | 1 tbsp | Ensures silky smoothness |
| Pure Vanilla Extract 💧 | 1 tsp | High-quality, pure vanilla |
| Unsalted Butter 🧈 | 2 tbsp | Cold, cubed for caramelization |
| Sea Salt 🧂 | ¼ tsp | Fine grain for balance |
| Ground Cinnamon 🌿 | ¼ tsp | Optional for warmth |
| Heavy Whipping Cream 🥛 | ¼ cup | Optional for topping |
The chocolate and butterscotch chips are the stars here—Ghirardelli dark chocolate bars and Guittard butterscotch chips elevate this beyond basic hot chocolate. Trader Joe's has great options for both, or check the baking aisle at Whole Foods. Look for chips with real vanilla bean notes in the butterscotch—those subtle hints make all the difference. The butter needs to be cold when you add it; Plugrá brand stays firm perfectly. Pro tip: chop the chocolate extra fine so it melts completely without graininess. If you're feeling fancy, toast the cinnamon lightly before adding it to deepen its flavor.
No butterscotch chips? Caramel chips work in a pinch, though they lack that signature toasty depth. Running low on dark chocolate? Semi-sweet chocolate chips can substitute, but you'll lose some richness. The cornstarch is non-negotiable for that silky texture—Bob's Red Mill is my go-to brand. For the milk, organic whole milk adds a touch of sweetness, but regular works fine. The vanilla extract should be pure; Nielsen-Massey is worth the investment. And if you're making this for a crowd, double the butter and chocolate—trust me, you'll want seconds.
This reheats beautifully—just add a splash of milk and stir. Store leftovers in the fridge for up to 5 days, but honestly, it's best fresh. For freezing, portion into ice cube trays with a bit of milk, then transfer to a bag. Thaws perfectly in the microwave with 30 seconds of stirring. The butterscotch foam is delicate, so if you're serving it to kids, let it sit for 2 minutes after heating to develop that gorgeous caramelized layer. And if you're feeling extra indulgent, keep the whipped cream and extra chips on hand—they make this feel like a true treat.
Why You'll Love This Recipe
- Five-Ingredient Magic: I swear by this lineup—dark chocolate, butterscotch chips, and just a splash of vanilla. No fancy gadgets, no stress; it’s the kind of recipe where the pantry does most of the work while you stir.
- Caramel-Kissed Velvety: That first sip? Rich, toasty, with a buttery-sweet finish that lingers. The cornstarch thickens it just right—no graininess, just pure, silky indulgence.
- Cozy Anywhere: Rainy Tuesday? Campfire night? Date night in? It’s my go-to for chilly evenings, and honestly, the kids fight over who gets the last cup. (Yes, even on a Tuesday.)
- Make-Ahead Bliss: Double the batch, store it in jars, and reheat with a splash of milk. Budget-friendly, too—dark chocolate bars stretch further than you’d think, and butterscotch chips add luxury without breaking the bank.
Step-by-step instructions for butterscotch hot chocolate
Here's how to create velvety, caramelized butterscotch hot chocolate that tastes like a gourmet dessert.
🍳 Step 1: Melt Chocolate and Butter for Rich Foundation
In a medium saucepan, combine the 6 oz high-quality dark chocolate bars (finely chopped) and the 2 tbsp unsalted butter. Place over medium-low heat and stir constantly until the chocolate and butter melt completely, forming a smooth, glossy mixture. You'll know it's ready when the chocolate loses its grainy texture and becomes silky—this usually takes about 3-4 minutes.
I like to keep the heat gentle here to prevent burning the chocolate. If the mixture starts to smell nutty or develop dark spots, reduce the heat immediately. This step is your flavor base—take your time to get it perfectly smooth.
🍳 Step 2: Whisk in Milk and Cornstarch for Creamy Texture
Slowly pour in the 2 cups whole milk while whisking continuously to prevent scorching. Once all the milk is incorporated, increase the heat to medium and bring the mixture to a gentle simmer. In a small bowl, whisk together the 1 tbsp cornstarch with 2 tablespoons of the hot chocolate mixture to create a slurry.
This slurry is your secret weapon for that ultra-smooth, restaurant-quality texture. Pour it back into the saucepan and stir constantly for 3-5 minutes until the mixture thickens noticeably. You're looking for a consistency that coats the back of a spoon but still flows easily—like thick pudding. If it thickens too quickly, add a splash of milk to adjust.
🔥 Step 3: Caramelize the Butterscotch Chips
Reduce the heat to low and add the 0.5 cup butterscotch chips. Stir gently for 2-3 minutes until the chips begin to soften and release their buttery aroma. Here's where the magic happens—the chips should melt into the mixture, creating that signature butterscotch flavor without becoming grainy.
Watch closely as the chips transform from solid to creamy. If they start to brown too quickly, remove the pan from heat for 30 seconds to prevent burning. The goal is to melt them completely while preserving their natural sweetness and caramel notes.
👨🍳 Step 4: Season and Simmer for Depth of Flavor
Stir in the 1 tsp pure vanilla extract, 0.25 tsp sea salt, and 0.25 tsp ground cinnamon. Let the mixture simmer gently for another 2 minutes, allowing all the flavors to meld together. Taste and adjust the seasoning if needed—you might want to add a pinch more salt or cinnamon to taste.
This is your chance to perfect the balance. The salt enhances the sweetness, the cinnamon adds warmth, and the vanilla brings depth. The mixture should taste rich, sweet, and complex—not just sugary. If it's too thick, whisk in another tablespoon of milk to reach your desired pouring consistency.
🥘 Step 5: Finish with Cream and Serve Warm
Remove the saucepan from heat and gently stir in the 0.25 cup heavy whipping cream. This final addition creates that luxurious, velvety finish you'd expect from a premium hot chocolate. For an extra touch, top each serving with a dollop of whipped cream and a sprinkle of ground cinnamon.
Serve immediately in pre-warmed mugs. The contrast of the warm mug against the creamy hot chocolate makes every sip feel indulgent. This recipe makes 4 generous servings, perfect for cozy nights in or sharing with friends. The butterscotch flavor will remind you of a decadent caramel sauce, but with the depth of dark chocolate—truly the best of both worlds.
Pro Tips For Making Butterscotch Hot Chocolate
- CHOP CHOCOLATE SMALL: I learned this the hard way—chunky chocolate bars sink to the bottom like rocks and never fully melt. Break them into rice-sized pieces before adding to the pot, or pulse them briefly in a food processor. Even heat distribution is everything here.
- WHISK CORNSTARCH FIRST: Skip the clumping by mixing cornstarch with a splash of cold milk before adding it to the pot. I used to just toss it in dry, and it’d turn into a grainy mess. A 1:1 ratio with 1 tablespoon milk does the trick—just stir until smooth.
- LOW AND SLOW FOR SCOTCH: Butterscotch chips burn faster than you’d think. Once everything’s simmering, drop the heat to medium-low and keep stirring every 30 seconds. I’ve seen batches scorch in minutes if you walk away—this isn’t the time to multitask.
- VANILLA LAST, NOT LEAST: Add vanilla extract after the heat’s off, or it’ll cook off completely. I used to dump it in early, and the aroma would vanish. A quick stir right before serving makes all the difference—trust me, your nose will notice.
Best sauces and condiments for this butterscotch hot chocolate
Butterscotch Sauce
Transform leftover hot chocolate into a luxurious butterscotch sauce by thinning it with ¼ cup heavy cream and warming gently. Drizzle over vanilla ice cream, pound cake, or waffles for a decadent dessert. I love adding ½ tsp cinnamon to the sauce for extra warmth—it becomes a showstopper topping. 💛
Salted Caramel Swirl
For a sophisticated twist, melt 2 tbsp unsalted butter and ¼ cup brown sugar in a small saucepan until golden, then whisk in 1 tbsp heavy cream. Swirl this caramel into your hot chocolate just before serving—it creates stunning marbled layers.
Finish with a pinch of flaky sea salt for contrast. This elevates the butterscotch flavor to next-level sophistication.
Spiced Whipped Cream
Whip ½ cup heavy whipping cream with 1 tbsp powdered sugar, ½ tsp vanilla extract, and a pinch of ground nutmeg. Fold in 2 tbsp crushed butterscotch chips for texture.
Top your hot chocolate with this cream for a lighter, airy contrast that balances the richness. The nutmeg adds a subtle warmth that complements the caramelized sweetness beautifully.
Chocolate Ganache Drizzle
Make a quick ganache by combining ½ cup heavy cream and 4 oz chopped dark chocolate. Heat until smooth, then drizzle over hot chocolate or use as a glaze for cookies.
The chocolate's bitterness cuts through the sweetness of the butterscotch, creating a perfect flavor balance. For extra indulgence, add 1 tbsp butterscotch chips to the ganache before it sets.
Cinnamon Sugar Rim
Rim your mugs with a mix of 1 tbsp sugar and ½ tsp cinnamon. Dip the edges in a bit of melted butter, then pour your hot chocolate over the rim.
This simple technique adds a textural contrast and visual appeal that makes your drink look like it came from a café. The cinnamon sugar dissolves slightly into the hot chocolate, enhancing its warmth.
Warm Vanilla Bean Syrup
Simmer ½ cup milk, 2 tbsp sugar, and 1 vanilla bean (split) for 5 minutes, then strain. Drizzle this fragrant syrup over your hot chocolate for an aromatic depth.
The vanilla bean's natural sweetness complements the butterscotch without overpowering it. Store the syrup in the fridge for up to 5 days**—it's perfect for enhancing other desserts too. ✨
Nutrition facts
Frequently asked questions
Can I make this butterscotch hot chocolate with milk alternatives?
Yes, but with adjustments! Whole milk provides the creamiest texture, but you can use full-fat coconut milk or oat milk with 2% fat for similar richness. Avoid low-fat or unsweetened versions—they'll make the drink thinner and less indulgent. For a neutral taste, Barista-style oat milk works best. Just add 1 extra tablespoon of cornstarch to compensate for the thinner liquid.
Why does my butterscotch hot chocolate taste grainy?
Graininess usually means the chocolate didn't melt completely or the butterscotch chips weren't stirred enough. First, chop the chocolate extra fine before melting. Second, reduce heat to low when adding butterscotch chips and stir constantly for 3-4 minutes—this ensures they dissolve fully. If it's still grainy, strain the mixture through a fine-mesh sieve before serving.
How do I make this recipe without butterscotch chips?
For the best flavor, use ½ cup caramel sauce (homemade or store-bought) plus ½ teaspoon vanilla bean paste—this captures the caramelized sweetness and depth. If you're in a pinch, mix ¼ cup brown sugar with 1 tablespoon butter and simmer until golden, then whisk into the hot chocolate. The result won't be identical, but it'll still taste rich and sweet.
Can I make this in the microwave instead of stovetop?
Melt the 6 oz chocolate and 2 tbsp butter in a microwave-safe bowl in 30-second intervals, stirring between each, until smooth. Then whisk in the 2 cups milk and 1 tbsp cornstarch, and microwave for 1-2 minutes (stirring halfway) until thickened. Add butterscotch chips last and microwave for 15-20 seconds—just enough to soften them. The texture will be slightly thinner, so stir in 1 extra tbsp cornstarch if needed.
What's the best way to store leftovers?
Store in an airtight container in the fridge for up to 5 days. Reheat gently in a saucepan with 1-2 tablespoons milk until smooth—microwaving can make it grainy. For longer storage, freeze in ice cube trays with a splash of milk, then transfer to a bag. Thaw overnight in the fridge and reheat with extra milk to restore creaminess. The butterscotch flavor actually improves slightly after refrigeration!