Desserts
This chocolate butterscotch cookie recipe delivers the perfect balance of rich chocolate and caramelized butterscotch in every bite. The secret lies in a foolproof dough that develops deep, complex flavors while maintaining that signature chewy texture with crisp edges.
I've perfected this recipe over years of baking, ensuring the butterscotch swirls stay gooey and the chocolate chips melt into pockets of indulgence.
The magic happens in the dough, where melted butter and brown sugar create a tender base, while corn syrup adds that signature butterscotch depth. Chocolate chunks melt into the warm dough, creating pockets of molten goodness, and the addition of butterscotch chips ensures every bite delivers that caramelized flavor.
This recipe is designed to be beginner-friendly yet delivers restaurant-quality results.
By the time these cookies emerge from the oven, you'll have golden-brown cookies with crisp edges and soft, chewy centers. The butterscotch swirls remain gooey, while the chocolate chunks create bursts of rich flavor in every bite.
The aroma alone will have everyone asking for seconds—these cookies are impossible to resist.
Perfect for holiday baking, potlucks, or satisfying a sweet tooth, this recipe scales beautifully. Store them in an airtight container for up to a week, or freeze the dough for fresh cookies anytime. Let's get baking!
Ingredients for chocolate butterscotch cookie
Twelve ingredients transform into restaurant-quality chocolate butterscotch cookies with crisp edges and gooey centers.
| Ingredient | Amount | Notes |
|---|---|---|
| Unsalted Butter 🧈 | 1 cup | Melted, cooled slightly for dough |
| Light Brown Sugar 🍚 | 1 ½ cups | Packed, for caramelized depth |
| Granulated Sugar 🍚 | ½ cup | For cookie structure |
| Large Eggs 🥚 | 2 whole | Room temperature for even mixing |
| Pure Vanilla Extract 🌿 | 2 tsp | High-quality, for authentic flavor |
| All-Purpose Flour 🌾 | 3 ½ cups | Sifted, for light texture |
| Baking Soda 🧂 | 1 tsp | For lift and crisp edges |
| Diamond Crystal Kosher Salt 🧂 | ½ tsp | Fine grain for balanced flavor |
| Corn Syrup 🍯 | ½ cup | For butterscotch caramelization |
| Semi-Sweet Chocolate Chunks 🍫 | 1 ½ cups | High-quality, 60% cocoa |
| Butterscotch Chips 🍬 | 1 ½ cups | For signature swirls |
| Almond Extract 🌿 | ½ tsp | Optional, enhances butterscotch notes |
The butter and sugars form the foundation—European-style butter like Plugrá or Land O’Lakes adds richness, while light brown sugar ensures caramelized depth. For the best results, use high-quality corn syrup like Karo, as cheaper brands lack the butterscotch intensity. Chocolate chunks should be 60-70% cocoa for that perfect balance of sweetness and bitterness; Ghirardelli or Valrhona are excellent choices. Butterscotch chips are non-negotiable—Trader Joe's brand or Guittard deliver the authentic caramelized flavor. Store these ingredients properly: butter in the fridge, chocolate chunks in a cool, dark place, and corn syrup sealed tightly.
No corn syrup? Light corn syrup or honey works in a pinch, though the flavor won’t be identical. Substitute almond extract with vanilla bean paste if needed, but the almond note is key for that classic butterscotch profile. For a lower-sugar option, reduce granulated sugar by 0.25 cup and add 0.25 cup unsweetened applesauce. If you’re gluten-sensitive, swap all-purpose flour for a 1:1 gluten-free baking flour blend, though texture may vary slightly. The baking soda and salt are critical for structure and flavor—Diamond Crystal kosher salt is preferred for its fine grain, but any kosher salt will work if measured precisely.
Butter and sugar can be mixed up to 3 days ahead and stored in the fridge, saving time on baking day. For maximum freshness, bake cookies within 48 hours of mixing the dough. Store baked cookies in an airtight container with parchment paper between layers to maintain crispness for up to 1 week. Freeze the dough in 1-ball portions for up to 3 months—bake straight from frozen, adding 1-2 extra minutes to the cook time. These cookies reheat beautifully; warm in a 350°F oven for 3-5 minutes to restore their gooey centers.
Why You'll Love This Recipe
- Here’s what sold me: that crispy edge with the soft, pillowy center. The brown sugar’s moisture keeps them tender, while the butter’s fat content gives them that perfect snap. Honestly, I’ve tried a dozen chocolate-butterscotch cookies, and this one hits the sweet-spot every time.
- I’ll be real: butterscotch cookies often feel like a splurge, but this recipe proves otherwise. The ingredients are pantry staples, and the rich flavor makes them feel indulgent without breaking the bank. Plus, they’re big enough to share (or not—no judgment).
Step-by-step instructions for chocolate butterscotch cookies
Master these precise techniques for cookies with signature caramelized swirls and perfectly crisp edges.
Create the Caramelized Butterscotch Base
In a medium saucepan, combine the 1 cup unsalted butter, 1.5 cups light brown sugar, 0.5 cup granulated sugar, and 0.5 cup corn syrup. Bring to a boil over medium-high heat, stirring constantly until the mixture reaches 300°F on a candy thermometer. This takes about 8-10 minutes—watch carefully as it will bubble vigorously.
The color will deepen to a rich amber, and you'll detect that distinctive butterscotch aroma. Immediately remove from heat and stir in the 2 tsp pure vanilla extract and 0.5 tsp almond extract. Let cool for 10 minutes while preparing the remaining dough components. This base is the soul of your cookies—don't rush this caramelization step as it develops the signature flavor.
Mix the Dough for Optimal Texture
In a stand mixer fitted with the paddle attachment, beat the cooled caramel mixture on medium speed for 2 minutes until light and fluffy. Add the 2 whole large eggs, one at a time, mixing well after each addition. The mixture should thicken noticeably as the eggs incorporate.
In a separate bowl, whisk together the 3.5 cups all-purpose flour, 1 tsp baking soda, and 0.5 tsp diamond crystal kosher salt. With the mixer on low speed, gradually add the dry ingredients to the wet mixture. Mix just until combined—no more than 30 seconds—to prevent developing gluten that would make the cookies tough. The dough will be thick and slightly sticky, which is perfect for creating those signature swirls.
Fold in Chocolate and Butterscotch Chips
Using a silicone spatula, gently fold in the 1.5 cups semi-sweet chocolate chunks and 1.5 cups butterscotch chips. Work quickly but carefully to distribute them evenly throughout the dough. The butterscotch chips will soften slightly from the warm caramel base, creating those beautiful molten pockets when baked.
Cover the bowl with plastic wrap and refrigerate for at least 1 hour or up to 24 hours. This chilling step is critical—it allows the flour to fully hydrate and the dough to firm up enough to handle without sticking. The longer it chills, the better the flavor development and texture control. I like to divide the dough into portions after chilling for easier handling.
Bake for Perfect Swirls and Crisp Edges
Preheat your oven to 350°F and line two baking sheets with parchment paper. Using a 2-tablespoon scoop, portion the chilled dough and place 3 inches apart on the prepared sheets. Gently press down each portion with your palm to flatten slightly—this helps create those signature swirls as they bake.
Bake for 12-14 minutes until the edges are deep golden brown and the tops show those beautiful butterscotch swirls. The centers should still appear slightly soft—they'll firm up as they cool. I like to rotate the pans halfway through baking for even heat distribution. Remove from oven and let cool on the baking sheets for 5 minutes before transferring to a wire rack.
Enhance Flavor with Warm Serving
For maximum flavor impact, serve the cookies warm straight from the oven. The contrast between the crisp edges and the still-soft, caramelized centers creates the perfect texture experience. The butterscotch swirls should be visible through the chocolate chunks, and each bite should deliver that rich, complex flavor profile we worked so hard to develop.
Store any leftovers in an airtight container at room temperature for up to 5 days, though I doubt they'll last that long. The cookies will continue to develop their butterscotch flavor as they cool and sit, making them even more delicious the next day. For an extra touch, dust with powdered sugar just before serving to highlight those beautiful caramel swirls.
Pro Tips For Making Chocolate Butterscotch Cookie
- CREAM BUTTER SLOWLY: Mix the softened butter and sugars until the texture resembles wet sand—not smooth, not greasy. I learned this the hard way: rushing it traps air, and your cookies will spread like pancakes instead of holding their shape. Take your time; it’s worth it.
- USE COLD EGGS: Pull eggs straight from the fridge—room temperature eggs make dough too soft, and your cookies will flatten out. Crack them into a bowl first, then let them warm slightly in your hands for 30 seconds. That’s enough to bind without losing structure.
- SIFT THE CHOCOLATE: Skip the chips—use a high-quality cocoa powder (unsweetened) and sift it with the flour. This prevents clumps and ensures even distribution. If you’re lazy (like me), at least whisk the cocoa powder vigorously with the flour before mixing. Your cookies will taste richer.
- BAKE TWO MINUTES LONGER: The edges look done, but the centers stay soft—this is normal. Pull them out when the edges are set but the tops still look slightly underdone. They’ll firm up as they cool. Trust the timer, not your eyes. Overbaking turns butterscotch cookies into hockey pucks.
Creative variations of this recipe
Nutty Twist
Add 1 cup chopped pecans or walnuts to the dough for a delightful crunch. Toast them in a dry skillet over medium heat for 3-5 minutes until fragrant, then fold them in with the chocolate and butterscotch chips.
The nuts contrast beautifully with the gooey centers, adding texture and a subtle earthiness that balances the sweetness. 🌰
Spiced Chai Variation
Infuse the dough with warm spices by adding 1 tsp ground cinnamon, ½ tsp ground cardamom, and ¼ tsp ground cloves to the dry ingredients. These spices complement the butterscotch's caramel notes while adding complexity.
For extra warmth, replace ½ cup of the corn syrup with ½ cup chai tea syrup (simmer 1 cup strong chai tea with ½ cup sugar until reduced by half).
White Chocolate Swap
Swap out the semi-sweet chocolate chunks for 1.5 cups white chocolate chunks (like Ghirardelli or Guittard) to create a sweeter, creamier variation. The white chocolate melts beautifully, creating pockets of smooth, milky sweetness that contrast with the butterscotch's caramel depth.
Add ½ tsp orange zest to the dough for a bright, citrusy note that cuts through the richness. 🍫
Salted Caramel Fusion
Elevate these cookies with a drizzle of salted caramel. After baking, let the cookies cool for 5 minutes, then drizzle each with 1 tsp salted caramel sauce (like Trader Joe's or homemade).
Sprinkle with flaky sea salt while still warm for a perfect balance of sweet, salty, and buttery flavors. The caramel adds another layer of depth that pairs perfectly with the butterscotch.
Gluten-Free Adaptation
For a gluten-free version, replace the all-purpose flour with a 1:1 gluten-free baking flour blend (like Bob's Red Mill or King Arthur). To compensate for the lack of gluten structure, add 1 tbsp xanthan gum to the dry ingredients.
The texture will be slightly denser but still deliver that signature chewy center. Use the same chilling and baking times, but expect cookies that spread slightly less. 🌾
Seasonal Citrus Boost
Brighten these cookies for spring or summer by adding 1 tbsp lemon or orange zest to the dough. The citrus zest enhances the butterscotch's caramel notes while adding a refreshing tang. For a festive touch, roll the baked cookies in colored sugar** (like pink or yellow) before serving.
The zest pairs beautifully with the chocolate and butterscotch, making these cookies feel fresh and seasonal.
Nutrition facts
Frequently asked questions
Why do these cookies need to chill before baking?
The 1-hour chilling is crucial for two reasons: it prevents excessive spreading during baking and allows the flour to fully hydrate, creating that signature chewy texture. The longer you chill (up to 24 hours), the better the flavor development from the caramelized butterscotch base. Skipping this step often results in flat, cakey cookies instead of the perfect chewy centers you want.
Can I use butterscotch chips instead of butterscotch chips?
Not exactly—the recipe calls for butterscotch chips (the candy pieces) because they melt beautifully into the dough, creating those signature swirls. However, you could substitute with butterscotch sauce (like Trader Joe's) if you reduce the corn syrup by 0.25 cup first. The texture will be slightly different, but the flavor remains delicious.
How do I know when the cookies are done baking?
Your cookies are perfect when the edges are deep golden brown and the tops show visible butterscotch swirls. The centers should still look slightly soft—they'll firm up as they cool. Overbaking by even 1 minute can make them dry, so pull them out when they look just set. A toothpick inserted should come out with a few moist crumbs, not wet batter.
Can I make these cookies without corn syrup?
Yes, but the flavor will differ. Replace the 0.5 cup corn syrup with 0.5 cup light corn syrup or honey, though the butterscotch caramelization won't be as pronounced. For a closer substitute, use 0.5 cup molasses (reduce other liquids by 1 tbsp to compensate for its moisture). The texture may be slightly denser, but the cookies will still be delicious.
Why did my cookies spread too much?
Over-spreading usually happens when the dough isn't chilled enough or the oven runs hot. Ensure your dough rests for the full 1 hour (or overnight), and verify your oven temperature with an oven thermometer—many ovens run 25°F hotter than set. Also, flatten the dough balls slightly before baking to create surface area for those signature swirls while controlling spread.