Desserts
This butterscotch chocolate cake delivers rich, fudgy layers with swirls of caramelized butterscotch that taste like a decadent dessert from your favorite bakery. 💛 The secret lies in melting butterscotch chips directly into the batter, creating pockets of gooey sweetness throughout each slice.
I've perfected this recipe over years of baking, ensuring every bite balances deep chocolate flavor with buttery caramel notes.
The cake's moist texture comes from a combination of melted butter and brown sugar, while the butterscotch swirls add a luxurious touch without overpowering the chocolate. Baking at 350°F ensures even cooking, with a golden crust that hides the incredibly tender interior.
The frosting—a simple chocolate ganache—ties everything together with its velvety smoothness.
What makes this recipe stand out is how the butterscotch transforms from solid chips into caramelized swirls that melt into the cake, creating pockets of buttery sweetness in every forkful.
The layers stay moist for days, making it perfect for celebrations or when you simply crave a slice of pure indulgence.
Once baked and cooled, the cake's fudgy layers and caramelized swirls create a visual and textural masterpiece. Top with extra chocolate shavings or butterscotch pieces for a showstopping dessert that's sure to impress. Let's get baking!
Ingredients for butterscotch chocolate cake
Rich buttery layers and caramelized swirls—this cake delivers pure indulgence in every bite.
| Ingredient | Amount | Notes |
|---|---|---|
| Butterscotch Chips 🍬 | 1 ½ cups | High-quality for caramelization |
| Unsalted Butter 🧈 | 1 ½ cups | Room temperature preferred |
| Granulated Sugar 🍚 | 2 cups | For sweetness balance |
| Light Brown Sugar 🍚 | 1 ½ cups | Packed for moisture |
| All-Purpose Flour 🌾 | 2 ½ cups | Sifted for even texture |
| Cocoa Powder 🍫 | ¾ cup | Dutch-processed preferred |
| Baking Powder 🧂 | 1 ½ tsp | For lift and structure |
| Salt 🧂 | ½ tsp | Fine sea salt |
| Vanilla Extract 🌿 | 2 tsp | Pure Madagascar preferred |
| Large Eggs 🥚 | 3 whole | Room temperature |
| Whole Milk 🥛 | 1 cup | Room temperature |
| Dark Chocolate Chunks 🍫 | 1 cup | 70% cocoa for richness |
| Heavy Cream 🥛 | 1 cup | For ganache frosting |
| Semisweet Chocolate Chips 🍫 | 1 cup | High-quality for ganache |
The butterscotch chips are non-negotiable here—Guittard or Ghirardelli brands melt beautifully for those signature swirls. Grab the highest-quality chips you can find; they make all the difference. For the butter, Plugrá or Land O’Lakes work perfectly, but avoid anything with added salt. The cocoa powder? Dutch-processed (like Valrhona) gives that velvety richness, while natural cocoa adds depth. I always double-check the expiration date on vanilla extract too—it’s worth splurging on Madagascar bourbon for that authentic flavor.
No butterscotch chips? Caramel candies chopped fine work in a pinch, though they won’t caramelize the same way. Short on dark chocolate chunks? Chop a chocolate bar—just make sure it’s at least 60% cocoa. The ganache frosting can be made with white chocolate chips if you prefer a sweeter finish, but dark chocolate keeps it decadent. For the milk, whole milk is key—skim won’t give the same moist texture. And if you’re feeling fancy, swap the vanilla extract for vanilla bean paste for extra depth.
This cake keeps beautifully—3-4 days at room temperature covered loosely, or up to 1 week refrigerated in an airtight container. The frosting sets best at 65°F, so let it come to room temp before spreading. I always make extra frosting to drizzle over the top—trust me, it’s worth the effort. Store leftovers in the fridge and bring to room temp before serving for the best texture. Freeze slices individually for up to 2 months if you’re planning ahead.
Why You'll Love This Recipe
- Foolproof Mixing: I swear by this batter—no overmixing, no lumps, just creamy perfection. The butterscotch chips melt right into the butter and brown sugar, so you’re basically folding in flavor as you go.
- Caramel-Kissed Magic: That first bite? Rich chocolate meets buttery caramel from the brown sugar and chips—it’s like dessert hugged you. Honestly, I’ve never had a cake where the butterscotch shines this much without tasting cloying.
- Party-Ready in Hours: Bake it for a birthday, slice it for a coffee date, or stash it for your kid’s soccer game. The frosting (if you add it) keeps it looking fresh, and the texture holds up—no soggy slices here.
- Pantry Staple Power: You’re using butter, sugar, and flour—stuff you already own. The butterscotch chips add that special touch without breaking the bank, and leftovers? They disappear faster than I can say “second piece.”
Step-by-step instructions for butterscotch chocolate cake
Here's how to create layers of rich chocolate cake with gooey butterscotch swirls—no shortcuts, just decadence.
👨🍳 Step 1: Caramelize the Butterscotch Chips for Swirls
Preheat your oven to 350°F and line two 9-inch round cake pans with parchment paper. Spread the 1.5 cups butterscotch chips evenly on a baking sheet and bake for 5-6 minutes until they begin to soften and spread slightly. Watch closely—they should be just starting to caramelize but not burn.
Immediately transfer the warm chips to a clean work surface and use a rolling pin to press them into thin sheets. Cut each sheet into 12 equal strips (about 1-inch wide) and let them cool slightly so they hold their shape when you weave them into the batter. This step creates those signature butterscotch ribbons that swirl through the cake.
👨🍳 Step 2: Cream Butter and Sugars to Light and Fluffy
In a stand mixer fitted with the paddle attachment, beat the 1.5 cups unsalted butter (room temperature) with the 2 cups granulated sugar and 1.5 cups packed light brown sugar on medium speed for 3-4 minutes until light and fluffy. You'll see the mixture nearly triple in volume and become pale in color—this incorporates air that helps create a tender crumb.
I like to scrape down the sides of the bowl every 30 seconds to ensure even mixing. The butter should be completely smooth with no graininess, and when you lift the paddle, the mixture should hold soft peaks. This is your foundation for a moist, rich cake that won't be dense or dry.
👨🍳 Step 3: Incorporate Eggs, Milk, and Dry Ingredients
Add the 3 whole large eggs one at a time, mixing on low speed after each addition until fully incorporated. Then add the 1 cup whole milk and 2 teaspoons vanilla extract, mixing just until combined. 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, mixing just until combined—you should still see some flour streaks. Overmixing develops gluten and makes the cake tough. Fold in the 1 cup dark chocolate chunks by hand using a spatula, making sure they're evenly distributed throughout the batter.
🥘 Step 4: Layer and Swirl the Butterscotch
Divide the batter evenly between the two prepared cake pans, filling each about ⅔ full. Arrange 6 butterscotch strips in a crisscross pattern over each layer, pressing them gently into the batter so they sink slightly. Pour the remaining batter over the strips, then use a knife to gently swirl the batter around the strips, creating those signature marbled patterns.
Bake for 30-35 minutes or until a toothpick inserted into the center comes out with a few moist crumbs (not wet batter). The edges should be set, but the center should still have a slight bounce. Rotate the pans halfway through baking for even cooking. Let the cakes cool in the pans for 10 minutes, then transfer to a wire rack to cool completely.
🍳 Step 5: Make the Ganache and Assemble
While the cakes cool, make the ganache by combining the 1 cup heavy cream and 1 cup semisweet chocolate chips in a heatproof bowl. Place the bowl over a saucepan of simmering water (double boiler) and stir until the chocolate is completely melted and the mixture is smooth. Let it cool slightly until it's thick enough to spread but still pourable.
Place one cake layer on a serving plate, then spread about ½ cup of the ganache over the top. Top with the second cake layer and spread the remaining ganache over the top and sides. Use a spatula to create decorative swirls if desired. Chill in the refrigerator for at least 1 hour before serving to let the ganache set properly.
Pro Tips For Making Butterscotch Chocolate Cake
- Melt Chips Slowly: I learned this the hard way—dumping butterscotch chips straight into hot butter makes them seize up into a clumpy mess. Instead, scatter them over the butter in a saucepan and let them melt gently over low heat, stirring every 30 seconds until fully smooth. The patience here keeps the texture rich, not grainy.
- Use Room-Temp Butter: Cold butter in this cake means pockets of unmelted fat that make your layers dense and dry. Take your butter out of the fridge at least 1 hour before mixing—it should be soft enough to dent with a finger but not greasy. Trust me, your cake will thank you with a lighter crumb.
- Check for Doneness Early: Butterscotch cakes can fool you—they often look underdone in the center but are actually set. After 45 minutes, stick a toothpick in the middle: if it comes out with moist crumbs but no wet batter, it’s done. Overbaking turns the edges tough, and nobody wants that.
- Toast the Flour: Skip this step, and your cake might taste flat. Pulse the all-purpose flour with the butterscotch chips in a food processor for 10 seconds—this toasts the flour slightly, deepening the caramelized flavor. No food processor? Just spread the flour on a baking sheet and toast in a 350°F oven for 3-4 minutes, then cool before mixing. Worth the extra minute.
Serving suggestions for leftovers
Elegant Plating
Serve slices on chocolate-dusted plates for a dramatic presentation. Dust with powdered sugar or chopped toasted pecans for extra flair. I like to add a drizzle of caramel sauce along the edge to highlight the butterscotch swirls.
For a restaurant-worthy touch, use a ring mold to create clean edges before plating. 💫
Coffee Pairings
This rich cake pairs beautifully with espresso-based drinks. A cappuccino or latte cuts through the sweetness, while a dark roast coffee enhances the chocolate notes. For a boozy twist, serve with Irish coffee—the whiskey complements the caramelized butterscotch.
Avoid overly sweet beverages like caramel macchiatos, which can clash with the cake's depth.
Seasonal Garnishes
Spring: Top with edible flowers and mint leaves for a fresh contrast. Summer: Add toasted coconut flakes and orange zest for a tropical vibe. Fall: Garnish with candied pecans and cinnamon sticks for cozy warmth. Winter: Use gold leaf flakes and crushed candy canes for holiday elegance.
Make-Ahead Serving
Assemble the cake 24 hours ahead and store at room temperature in an airtight container. Refrigerate for up to 3 days if needed, but bring to room temp before serving.
For parties, slice and serve individual portions on parchment-lined plates to keep them clean. The ganache stays firm in the fridge, making it perfect for make-ahead desserts. ❄️
Dietary Adaptations
For a gluten-free version, substitute the flour with a 1:1 gluten-free baking blend. Use dairy-free butter and coconut milk for vegan adaptations. To reduce sugar, cut the granulated sugar by ¼ cup and add 1 tsp cinnamon to enhance flavor. The butterscotch swirls remain the star regardless of modifications.
Nutrition facts
Frequently asked questions
Why does this recipe use both butterscotch chips AND chocolate chunks?
This combination creates a perfect flavor balance—butterscotch chips provide the signature caramelized swirls that melt into gooey pockets, while dark chocolate chunks add depth and richness to each bite. The chocolate ensures the cake isn't overly sweet, while the butterscotch keeps it indulgent. Think of it as a symphony of textures and flavors!
Can I make this cake in a single 9-inch pan instead of two?
Yes, but expect a thicker, denser cake. Use the same batter quantity and bake for 40-45 minutes at 350°F. The butterscotch swirls will still form, but the layers won't be as distinct. For a single-serving option, try a 6-inch pan with 20-25 minutes of baking time. The key is patience—don't overbake!
What's the best way to store leftovers to keep them moist?
Store the cake in an airtight container at room temperature for 2-3 days, or refrigerate for up to 5 days. For longer storage, wrap individual slices in plastic wrap and freeze for up to 2 months. The ganache stays firm in the fridge, so bring slices to room temperature before serving for the best texture. A quick 30-second microwave zap revives any dried edges.
Why did my cake turn out dry or crumbly?
This usually happens from overmixing the batter or overbaking. Mix the dry ingredients just until combined (flour streaks should remain), and bake until a toothpick comes out with moist crumbs (not wet batter). For extra moisture, brush warm layers with simple syrup before assembling. Also ensure your butter and eggs are room temperature—cold ingredients can cause dryness.
Can I substitute butterscotch chips with caramel candies?
Yes, but the texture will differ slightly. Chop candied caramels into thin strips and follow the same caramelization process (though they won't spread like chips). For a closer match, use butterscotch-flavored candy melts—they'll create more pronounced swirls. Just reduce baking time by 2-3 minutes since caramels melt faster than butterscotch. The flavor will be similar, but the visual effect may be less dramatic.