Butterscotch Hot Chocolate Recipe: Caramelized Sweetness With Toasted Marshmallow Crunch

This butterscotch hot chocolate recipe transforms ordinary cocoa into a velvety, caramelized masterpiece with a toasted marshmallow crunch. The secret lies in combining rich cocoa powder with melted butterscotch chips and butter, creating a smooth, decadent base that's far more complex than store-bought versions.

I've perfected this technique over years of holiday gatherings, where it becomes the star of every dessert table.

The magic happens when you simmer milk with butter and butterscotch until it develops that signature caramelized aroma. Adding a touch of vanilla extract enhances the butterscotch flavor while balancing the cocoa's bitterness.

What you'll end up with is a hot chocolate that's creamy yet smooth, with a perfect balance of sweet, rich, and warm notes that linger on your tongue.

Once you've achieved that perfect silky texture, the real transformation occurs when you top it with toasted marshmallows. Their crispy edges give way to a warm, gooey center that contrasts beautifully with the smooth hot chocolate below.

The combination creates a texture experience that's both comforting and exciting—each sip delivers layers of flavor and temperature contrast.

This recipe serves as both a cozy dessert and an impressive centerpiece for special occasions. Whether you're preparing it for a holiday gathering or treating yourself to a luxurious afternoon pick-me-up, the results are consistently restaurant-quality.

The best part? It comes together in just 15 minutes with simple ingredients you likely already have on hand.

Ingredients for butterscotch hot chocolate

Velvety richness meets toasted marshmallow magic—these ingredients transform ordinary cocoa into a luxurious holiday treat.

The butterscotch chips are non-negotiable here—Ghirardelli or Guittard make the best difference. Grab them in the baking aisle, not the candy section (those are often lower quality). For the cocoa powder, Hershey's Special Dark or Valrhona elevate the flavor profile, but Nestlé or Dutch-processed will work in a pinch. The heavy whipping cream needs to be full-fat—Land O'Lakes or Organic Valley are my go-to brands. If you're feeling fancy, warm the milk in a saucepan over medium heat until it's steaming but not boiling—this helps emulsify the butter and butterscotch beautifully. Pro tip: Toast your marshmallows in a dry skillet over medium-low heat, stirring constantly, until golden brown with crisp edges.

No butterscotch chips? Substitute caramel bits or even melted caramel candy—just add a pinch of salt to mimic the butterscotch's depth. Running low on vanilla extract? Vanilla bean paste works at half the amount, or scrape seeds from a vanilla bean. The cocoa powder can be swapped for melted dark chocolate (use 60-70% cocoa for balance), but you'll need to adjust the sugar slightly. For a lighter version, replace half the heavy cream with half-and-half. If you're avoiding dairy entirely, coconut cream works but changes the texture dramatically—expect a slightly thinner result. The caramel sauce is optional but adds that signature butterscotch drizzle that takes it from homemade to restaurant-quality.

This hot chocolate tastes even better the next day—store leftovers in the fridge for up to 5 days, reheating gently with a splash of milk. For topping, toast your marshmallows fresh each time—they lose their crunch when stored. The whipped cream holds up best if you whip it just before serving, but you can make it ahead and refrigerate it for up to 2 hours. To make this a crowd-pleaser, double the recipe and serve in a slow cooker on low heat—perfect for holiday gatherings. The key to reheating is patience: warm the mixture over low heat, stirring constantly, until just steaming. Never boil, or you'll break the emulsion and get a skin.

Step-by-Step instructions for butterscotch hot chocolate

Here's how to create decadent, caramelized hot chocolate with perfect marshmallow topping.

In a heavy-bottomed saucepan, combine the 2 cups whole milk, 0.5 cup unsalted butter (cut into small pieces), 0.5 cup butterscotch chips, and 0.25 cup granulated sugar. Place over medium heat and stir constantly until the mixture reaches a gentle simmer. You'll notice the butterscotch chips begin to melt and the mixture takes on a rich, golden hue.

Once simmering, reduce heat to low and let it cook for 5-7 minutes, stirring frequently. This slow cooking process allows the butterscotch flavor to fully develop and caramelize. You're looking for a smooth, thick consistency with a deep butterscotch aroma that fills your kitchen - this is your signal the base is ready for the next step.

Remove the saucepan from heat and whisk in the 0.25 cup unsweetened cocoa powder and 1 tsp pure vanilla extract until completely smooth. The cocoa will darken the mixture slightly, creating that perfect butterscotch-chocolate balance. Return the pan to low heat and stir continuously for another 2-3 minutes to ensure all the cocoa is fully incorporated and the flavors meld together.

Here's the thing - don't let the mixture return to a full boil. You want to maintain that smooth, velvety texture we worked so hard to create. The perfect temperature is when the mixture is hot but not boiling, around 160°F. This ensures your hot chocolate will be silky rather than grainy when served.

Temporarily remove the pan from heat and whisk in the 1 cup heavy whipping cream and 0.25 tsp sea salt. The salt might seem like a small amount, but it's crucial for balancing all that sweetness and enhancing the butterscotch flavor. Return the pan to low heat and keep it warm - we don't want it to cool completely before serving.

This is where the magic happens. The cream will create that luxurious mouthfeel while the salt brings out all the caramelized butterscotch notes. Keep the mixture at a gentle simmer, stirring occasionally, until you're ready to serve. The hot chocolate should maintain a thick, pudding-like consistency that coats the back of a spoon.

While the hot chocolate simmers, prepare the marshmallow topping. In a small bowl, gently fold together the 0.5 cup whipped cream and 2 tbsp caramel sauce until just combined. Then carefully fold in the 1 cup large marshmallows using a spatula, being careful not to crush them. You want to maintain that beautiful, pillowy texture.

For the perfect presentation, divide the whipped cream mixture among four small ramekins or mugs. Place them in the freezer for 10-15 minutes until slightly chilled but still soft. This creates that perfect toasted marshmallow effect when you pour the hot chocolate over them later.

When ready to serve, ladle the warm hot chocolate over the chilled whipped cream topping. The contrast between the hot chocolate and cold whipped cream creates an incredible texture experience. Immediately garnish each serving with a sprinkle of 0.25 cup dark chocolate chips for added richness and visual appeal.

Serve immediately while the marshmallows are still soft and the hot chocolate is at its peak temperature. Each sip should deliver that perfect balance of caramelized butterscotch, rich chocolate, and toasted marshmallow flavors. The dark chocolate chips add a delightful crunch that contrasts beautifully with the smooth hot chocolate.

Creative variations of these flavors

Spiced Rum Twist

Add 1 tbsp spiced rum (like Captain Morgan) to the simmering milk mixture in Step 1. The warm spices like cinnamon, nutmeg, and cloves in the rum complement the butterscotch beautifully, adding depth without overpowering.

I like to toast 2 cinnamon sticks in a dry pan for 30 seconds first, then add them to the hot chocolate for 5 minutes before removing. This creates a warm, aromatic experience that feels like a cozy hug in a mug. 🌶️

Salted Caramel Swirl

For an extra decadent touch, make a simple caramel sauce by melting ½ cup brown sugar with 2 tbsp butter and 2 tbsp heavy cream in a saucepan. Once smooth, stir in ½ tsp flaky sea salt.

After Step 3, let the hot chocolate cool slightly, then swirl in 2 tbsp of this caramel sauce with a spoon. The salted caramel ribbons create pockets of intense flavor in every sip. Serve with a drizzle of extra caramel on top for visual appeal.

White Chocolate Peanut Butter

Replace the butterscotch chips with ½ cup white chocolate chips and add 2 tbsp creamy peanut butter (like Jif) to the milk mixture in Step 1. The peanut butter blends seamlessly into the hot chocolate, creating a creamy, nutty contrast to the white chocolate's sweetness.

For topping, use mini peanut butter cups instead of marshmallows. This variation works surprisingly well and feels like a dessert in a mug. 🥜

Mexican Chocolate Fusion

Swap the vanilla extract for 1 tsp Mexican chocolate seasoning (like Abuelita) and add ¼ tsp ground cinnamon and ⅛ tsp cayenne pepper to the cocoa mixture in Step 2.

The warmth of the cinnamon and subtle kick from the cayenne create a complex flavor profile that pairs perfectly with the butterscotch. Top with a sprinkle of chili powder for a sweet-spicy contrast. This version feels surprisingly sophisticated and works beautifully with a side of churros.

Espresso Boost

Add 1 shot (2 tbsp) of espresso or ½ cup strong brewed coffee to the milk mixture in Step 1. The coffee enhances the chocolate flavor while cutting through the sweetness of the butterscotch.

For a mocha twist, stir in 1 tbsp instant espresso powder directly into the hot chocolate after Step 3. This variation is perfect for coffee lovers who want their hot chocolate with a caffeine kick. Pair it with a dark chocolate-covered espresso bean for garnish. ☕

Coconut Cream Version

For a dairy-free option, replace the milk with 2 cups coconut cream (the thick part from a can of full-fat coconut milk) and use ½ cup coconut oil instead of butter. The coconut cream adds a subtle tropical note that complements the butterscotch beautifully.

Use dairy-free marshmallows (like Dandies) for topping. This version is surprisingly rich and creamy, though slightly lighter in texture than the original. Perfect for those with lactose intolerance or vegan dietary needs. 🥥

Frequently asked questions