Desserts
This butterscotch chocolate cake recipe delivers the perfect balance of gooey caramel swirls and deep chocolate richness—every slice is a decadent masterpiece. The secret lies in layering a moist chocolate cake with warm butterscotch syrup that swirls through each layer, creating pockets of caramelized sweetness. I’ve perfected this technique over years of baking, ensuring the cake stays tender while the butterscotch stays perfectly gooey—not too sweet, not too sticky.
The recipe starts with a classic chocolate cake base, where creaming butter and sugar creates a light, airy texture. Then comes the magic: melting butterscotch chips into a smooth syrup and folding them into the batter before baking.
This ensures those signature caramelized swirls throughout, not just on top. The result? A cake that’s rich, moist, and packed with layers of flavor in every bite, with a golden-brown crust that’s impossible to resist.
What makes this cake truly special is how it comes together—no specialized equipment needed, just a few key techniques. The butterscotch syrup is made from scratch, giving it a depth of flavor you won’t find in store-bought versions.
Once baked, the cake is layered with whipped cream or a dusting of powdered sugar, but the real star is that perfect blend of chocolate and caramel in every forkful.
Serve it warm with a scoop of vanilla ice cream or a cup of coffee for the ultimate dessert experience. This cake is ideal for celebrations, cozy nights in, or whenever you crave something indulgent yet still feels like a treat you can savor. Let’s get baking!
Ingredients for butterscotch chocolate cake
Indulgent layers of chocolate and butterscotch swirls—just 13 ingredients for decadent magic.
| Ingredient | Amount | Notes |
|---|---|---|
| Unsalted Butter 🧈 | 1 ½ cups | Softened to room temperature |
| Granulated Sugar 🍚 | 2 cups | Superfine for smoother texture |
| Light Brown Sugar 🍚 | ½ cup | Packed firmly for moisture |
| Large Eggs 🥚 | 4 whole | Room temperature for best mixing |
| All-Purpose Flour 🌾 | 2 ½ cups | Sifted for lightness |
| Cocoa Powder 🍫 | ¾ cup | Dutch-processed for smooth flavor |
| Baking Powder 🧂 | 1 ½ tsp | Freshly measured |
| Salt 🧂 | ½ tsp | Fine sea salt preferred |
| Vanilla Extract 🌿 | 2 tsp | Pure Madagascar bourbon |
| Butterscotch Chips 🍬 | 2 cups | High-quality for rich flavor |
| Whole Milk 🥛 | 1 cup | Room temperature for smooth batter |
| Powdered Sugar 🍚 | 2 cups | For dusting layers |
| Heavy Cream 🥛 | 2 cups | Chilled for whipped cream |
The butter and sugars are the foundation—use European-style butter like Plugrá for that rich, creamy texture. Whole milk keeps the cake moist without being dense. For the butterscotch chips, Guittard or Ghirardelli brands melt beautifully without graininess. The cocoa powder? Valrhona or Hershey's Special Dark makes all the difference in that deep, velvety chocolate flavor. Measure your flour accurately—spoon it into the cup and level off, don't scoop directly from the bag. And trust me on the vanilla—Madagascar bourbon extract has that complex, caramel-like note that pairs perfectly with butterscotch.
No butterscotch chips? Homemade caramel sauce works—simmer 1 cup brown sugar, 1/4 cup heavy cream, and 2 tbsp butter until it reaches 240°F on a candy thermometer. Short on cocoa? Substitute with melted dark chocolate (6 oz), cooled slightly. The baking powder needs to be fresh—if it's over a year old, test it first in a small batch of pancakes. For a lighter cake, fold in 1/2 cup whipped egg whites after combining wet ingredients. And if you're worried about the cake being too sweet, reduce the powdered sugar to 1 cup for dusting between layers.
This cake is best baked the day you serve it—those butterscotch swirls stay gooey and warm. Store leftovers in an airtight container at room temperature for 3 days, or freeze for up to 3 months. For freezing, wrap each layer tightly in plastic wrap before stacking. To reheat, warm slices in the oven at 300°F for 5-7 minutes—just enough to melt the butterscotch without drying the cake. I always make a double batch because it disappears faster than you think.
Why You'll Love This Recipe
- No Mixer Needed: I swear by this—just cream the butter and sugars with a wooden spoon until it’s almost light enough to make me believe I’m doing something fancy. The brown sugar’s caramel depth kicks in fast, and the eggs bind it all without fuss.
- Rich Without Overpowering: That butterscotch swirl? It’s the star, but the chocolate base keeps it balanced—like a hug from your favorite dessert. The brown sugar’s molasses notes play off the butter’s richness, and the flour gives just enough structure to avoid a dense brick.
- Birthday or Breakfast: Honestly, I’ve served this at 30th birthdays and 7 AM family breakfasts. The leftovers? Even better the second day—moist enough to slice thick, buttery enough to make toast feel guilty. (Yes, even on a Tuesday night.)
- Pantry Staple Magic: Between us, this recipe uses what you already have: butter, sugar, eggs, flour. No specialty ingredients, no last-minute grocery runs. I’ve made it with store-bought chocolate chips when I’m lazy, and no one’s ever complained—because the butterscotch flavor carries the day.
Step-by-step instructions for butterscotch chocolate cake
This decadent cake combines velvety chocolate layers with gooey butterscotch swirls - here's how to create it.
Prepare the Chocolate Cake Batter
In a stand mixer fitted with the paddle attachment, cream together the 1.5 cups unsalted butter, 2 cups granulated sugar, and 0.5 cup light brown sugar on medium speed for 4-5 minutes until light and fluffy. You'll see the mixture nearly double in volume and become pale with ribbons forming when you lift the paddle. This thorough creaming ensures a tender cake texture.
Add the 4 whole large eggs, one at a time, mixing well after each addition. Then stir in the 2 teaspoons vanilla extract until fully incorporated. In a separate bowl, whisk together the 2.5 cups all-purpose flour, 0.75 cup cocoa powder, 1.5 teaspoons baking powder, and 0.5 teaspoon salt. With the mixer on low speed, gradually add the dry ingredients to the wet mixture, alternating with the 1 cup whole milk in three additions. Mix just until combined - overmixing develops gluten and makes the cake tough.
Create the Butterscotch Swirl Filling
In a small saucepan, combine 1 cup whole milk, 0.5 cup light brown sugar, and 2 cups butterscotch chips. Bring to a gentle simmer over medium heat, stirring occasionally until the chips are completely melted and the mixture reaches 235°F on a candy thermometer. This temperature ensures a thick, spreadable consistency perfect for swirling. Remove from heat immediately to prevent overcooking.
Let the butterscotch mixture cool for 10 minutes while you prepare the cake layers. The filling should be thick enough to hold its shape when piped but still fluid enough to swirl through the batter. If it cools too much, gently reheat it for 20-30 seconds to restore the proper consistency.
Bake the Cake Layers
Divide the chocolate batter evenly between two 8-inch round cake pans lined with parchment paper. Using a spoon or small offset spatula, create a well in the center of each layer. Pour half of the cooled butterscotch mixture into one layer and half into the other, then gently swirl the batter into the filling using a knife or skewer. This creates those beautiful marbled patterns.
Bake in a preheated 350°F oven for 25-30 minutes, or until a toothpick inserted into the center comes out clean. The edges should be set but the tops still slightly springy to the touch. Rotate the pans halfway through baking for even browning. Let the layers cool in the pans for 10 minutes before transferring to a wire rack to cool completely.
Assemble and Frost the Cake
Once completely cooled, level the tops of the cake layers if needed. Place one layer on a cake stand or plate and spread a thin layer of 2 cups heavy cream (whipped to soft peaks with 2 cups powdered sugar) over the top. This creates the perfect foundation for the final frosting. Place the second layer on top and repeat the process.
For the final frosting, whip the remaining 2 cups heavy cream with the remaining 2 cups powdered sugar until stiff peaks form. Spread this over the entire cake, then use a spatula to create decorative swirls. Press some of the reserved butterscotch chips into the sides for extra flavor and visual appeal. Chill the cake in the refrigerator for 1 hour before serving to allow the frosting to set properly.
Pro Tips For Making Butterscotch Chocolate Cake
- Cream Butter Slowly: I learned this the hard way—dumping cold butter into warm sugar makes a greasy mess that fights back when mixing. Instead, let the butter sit out for 30 minutes first, then whip it with the sugars on medium-high until it’s pale and fluffy. That’s when the cake’s texture actually transforms from dense to light.
- Use Room-Temp Eggs: Cold eggs? They’ll curdle your butter mixture faster than you can say “butterscotch.” Pop them in warm water for 5 minutes or let them sit on the counter for an hour. The batter will mix smoother, and the cake won’t fight you when baking.
- Don’t Overmix the Batter: I used to beat this like I was punishing the flour, and the result was a tough, rubbery cake. Mix just until the dry ingredients disappear—about 20 seconds after the flour’s gone. Overmixing = chewy texture, and nobody wants that with butterscotch’s delicate balance.
- Bake Until Springy: The second you pull this cake out of the oven, press the center—it should bounce back like a trampoline, not feel gummy. Overbaking dries it out, and underbaking leaves it raw. A toothpick with moist crumbs (not wet batter) is your real test.
Serving suggestions for this dish
Warm Ice Cream Pairing
Serve your butterscotch chocolate cake warm with a scoop of vanilla bean ice cream—the contrast of cold and warm makes every bite unforgettable. I recommend Breyers Vanilla Bean or Häagen-Dazs Vanilla for their creamy texture.
For extra decadence, drizzle homemade caramel sauce over the ice cream before placing it on top of the cake slice. 🍦
Coffee Companion
A cup of hot coffee is the perfect match for this rich dessert. I love dark roast like Starbucks Sumatra or Peet's Major Dickason's Blend—their bold flavors complement the butterscotch and chocolate beautifully.
For an extra treat, add a splash of vanilla syrup to your coffee for a cohesive flavor experience.
Creamy Whipped Topping
Top each slice with whipped cream sweetened with a dusting of powdered sugar—just like the frosting in the cake. For a gourmet touch, fold in 1 teaspoon of butterscotch syrup into the whipped cream before serving. This adds a subtle butterscotch flavor that ties everything together beautifully. ✨
Seasonal Fruit Additions
In warmer months, add sliced strawberries or raspberries to cut through the richness. Their natural acidity balances the sweetness of the cake. For a winter twist, try candied pecans or orange zest—both add a festive crunch and bright flavor contrast.
Make-Ahead Serving Tip
If serving at a party, assemble the cake one day ahead and store it in an airtight container at room temperature. The flavors meld beautifully overnight, and the butterscotch swirls stay gooey.
Reheat slices in the oven at 300°F for 5 minutes before serving to melt any hardened frosting or butterscotch. 💫
Mini Cake Portions
For a fun twist, cut the cake into mini squares and serve on small plates with a dollop of whipped cream. This works perfectly for dessert bars or holiday gatherings.
You can even stack two mini slices with an extra drizzle of butterscotch sauce between them for a layered effect. 🍰
Nutrition facts
Frequently asked questions about butterscotch chocolate cake
Can I make this cake without butterscotch chips?
Yes! You can substitute with homemade butterscotch sauce—simmer 1 cup brown sugar, 1/4 cup heavy cream, and 2 tbsp butter until it reaches 240°F on a candy thermometer. Cool slightly before swirling into the batter. For a quicker option, use store-bought butterscotch syrup (like Log Cabin) and reduce it by half to thicken it.
Why does my cake turn out dense instead of moist?
Overmixing the batter or using old baking powder are common culprits. Mix the dry ingredients just until combined, and fold in the milk gently. Also, ensure your butter and eggs are room temperature—cold fats prevent proper creaming. If the cake still feels dense, try adding 1/2 cup whipped egg whites to the batter for extra lift.
How do I store leftovers to keep the butterscotch gooey?
Store the cake in an airtight container at room temperature for up to 3 days. For longer storage, freeze individual layers wrapped tightly in plastic. To reheat, warm slices at 300°F for 5-7 minutes—just enough to soften the frosting and melt the butterscotch without drying the cake.
Can I use this recipe for cupcakes instead?
Divide the batter evenly into 24 lined cupcake tins (fill each cup 2/3 full). Bake at 350°F for 18-20 minutes or until a toothpick comes out clean. Top with a dollop of whipped cream and a butterscotch chip for a single-serving treat. For extra flair, drizzle with melted butterscotch sauce after baking.
What’s the secret to perfect butterscotch swirls?
The key is timing and temperature. Heat the butterscotch mixture to 235°F (not boiling) and let it cool for 10 minutes before swirling—it should be thick but still pourable. Use a knife to gently drag the batter through the filling, creating marbled patterns. Avoid overmixing after adding the butterscotch to prevent breaking the swirls.