Desserts
This chocolate butterscotch cookie recipe delivers the perfect marriage of rich chocolate and caramelized butterscotch in every bite. The secret lies in swirling melted butterscotch chips into the dough before baking, creating pockets of gooey sweetness that contrast beautifully with the crispy edges.
I've perfected this technique over years of baking, ensuring each cookie has that signature chewy center and tender crunch.
The recipe starts with a classic chocolate cookie base, but the butterscotch transformation happens when you fold in those warm, caramelized chips. Baking at the right temperature—350°F—ensures the cookies develop that perfect balance of crispy exterior and soft interior.
The butterscotch swirls stay gooey while the chocolate stays rich, creating a flavor profile that's both nostalgic and indulgent.
What you'll end up with are cookies that look stunning with their golden-brown edges and butterscotch swirls peeking through. The aroma alone will have everyone gathering in the kitchen as they bake, and the first bite delivers that perfect harmony of chocolate and caramelized sweetness.
These cookies are ideal for holidays, gift-giving, or simply satisfying a sweet tooth.
For an extra touch, sprinkle a pinch of flaky sea salt on top before baking—it enhances the butterscotch flavor and adds a sophisticated contrast. Let's get baking!
Ingredients for chocolate butterscotch cookie
Rich chocolate meets caramelized butterscotch in this decadent cookie recipe—just 13 ingredients for 24 irresistible treats.
| Ingredient | Amount | Notes |
|---|---|---|
| Unsalted Butter 🧈 | 1 cup | Cold, cubed for even mixing |
| Granulated Sugar 🍚 | 1 ¼ cups | Superfine preferred for smooth texture |
| Packed Brown Sugar 🍚 | ¾ cup | Light or dark, packed firmly |
| Large Eggs 🥚 | 2 whole | Room temperature for even baking |
| Vanilla Extract 🌿 | 2 tsp | Pure, high-quality extract |
| All-Purpose Flour 🌾 | 2 ½ cups | Sifted, spooned and leveled |
| Baking Soda 🧂 | ½ tsp | Freshly opened for best rise |
| Diamond Crystal Kosher Salt 🧂 | ¾ tsp | Fine grain preferred |
| Unsweetened Cocoa Powder 🍫 | ½ cup | Natural or Dutch-processed |
| Butterscotch Chips 🍬 | 1 ½ cups | High-quality, not pre-melted |
| Semisweet Chocolate Chips 🍫 | 1 cup | 60% cacao preferred |
| Flaky Sea Salt 🧂 | 1 tsp | For finishing, Maldon preferred |
| Extra-Virgin Olive Oil 🫒 | 1 tbsp | For melted butterscotch swirls |
The butterscotch chips are the star here, so grab the best quality you can find—Ghirardelli or Guittard melt beautifully without burning. Freshness matters: if your chips look dull or have a waxy coating, toss them. For the cocoa powder, Dutch-processed gives a smoother flavor, but natural works too. The butter should be cold when you start—pull it from the fridge 30 minutes before mixing so it softens just enough to cream properly. Pro tip: if your kitchen gets warm, chill the dough for 30 minutes before baking for thicker cookies.
No butterscotch chips? Substitute caramel bits at the same amount, but expect a slightly different texture. Running short on chocolate chips? Chop a 6-oz bar of semisweet chocolate instead—it melts perfectly. The olive oil in the butterscotch swirls is non-negotiable; it keeps the caramelized flavor vibrant. Want extra richness? Add 1 tbsp of corn syrup to the melted butterscotch mixture. For a gluten-free version, swap the all-purpose flour for a 1:1 gluten-free blend—just don't forget the xanthan gum if it's included.
These cookies taste even better the next day, so bake a full batch if you can handle it. Store in an airtight container with parchment between layers for up to 5 days. For longer storage, freeze the dough balls—they'll keep for 3 months—and bake straight from frozen, adding 1-2 minutes to the time. The butterscotch swirls stay gooey when fresh, but they firm up slightly after a day, making them perfect for gifting. To reheat, pop them in a 300°F oven for 3-5 minutes—just long enough to soften the edges.
Why You'll Love This Recipe
- No Weighing Hassles: I just eyeball the butter and sugars—softened, not melted—because this dough forgives me. The eggs and vanilla tie it all together without fuss, and honestly? The first batch taught me to trust my instincts.
- Two Flavors, One Bite: That rich chocolate meets caramelized butterscotch in every chewy center—like a hug for your taste buds. The brown sugar keeps them soft, while the granulated sugar gives that perfect crisp edge.
- Party in a Jar: These freeze like a dream, so I bake a batch on Sundays and pull them out for holidays, potlucks, or just because. (Yes, even on a Tuesday night.) They’re the kind of cookie that makes you look like you planned ahead.
- Pantry Goldmine: Butter, sugar, eggs—ingredients you already own. No fancy add-ins, no last-minute grocery runs. Between us, this recipe saved me $15 last month when I forgot to buy chips for movie night.
Step-by-step instructions for chocolate butterscotch cookies
Here's how to create cookies with caramelized butterscotch swirls and rich chocolate pockets.
Cream Butter and Sugars to Light and Fluffy
In a stand mixer fitted with the paddle attachment, combine the 1 cup unsalted butter, 1.25 cups granulated sugar, and 0.75 cup packed brown sugar. Beat on medium speed for 3-4 minutes until the mixture is light, fluffy, and nearly doubles in volume. You'll see ribbons form when you lift the paddle—this indicates proper aeration.
The reason we wait until the mixture is pale and thick is that this incorporates air, which creates those beautiful crackly tops and helps the cookies spread just enough for that perfect chewy center. I press down on the butter mixture with a spatula halfway through to break up any large sugar crystals that might form.
Add Eggs, Vanilla, and Dry Ingredients
Add the 2 whole large eggs one at a time, mixing on low speed for 30 seconds after each addition until fully incorporated. Then add the 2 teaspoons vanilla extract and mix for another 10 seconds. Remove the bowl from the mixer and set aside.
In a separate bowl, whisk together the 2.5 cups all-purpose flour, 0.5 teaspoon baking soda, 0.75 teaspoon diamond crystal kosher salt, and 0.5 cup unsweetened cocoa powder. Gradually add this dry mixture to the wet ingredients, mixing on low speed just until combined—you should still see small flour streaks. Overmixing develops gluten, which makes cookies tough instead of tender.
Fold in Chips and Prepare for Swirls
Using a silicone spatula, gently fold in the 1.5 cups butterscotch chips and 1 cup semisweet chocolate chips, making sure they're evenly distributed throughout the dough. In a small microwave-safe bowl, melt the 1 tablespoon extra-virgin olive oil and 0.5 cup butterscotch chips in 30-second intervals, stirring between each, until smooth. Let cool slightly for 2 minutes—it should be thick enough to hold its shape when piped.
This melted butterscotch mixture creates those gorgeous caramelized swirls in the center of each cookie. I use a piping bag fitted with a small round tip to create thin lines of the melted mixture on the prepared cookie sheets before adding dough portions.
Chill and Shape for Perfect Cookies
Cover the dough bowl with plastic wrap and refrigerate for at least 1 hour or up to 24 hours. Chilling firms up the butter, which prevents excessive spreading in the oven. It also allows the flour to fully hydrate, resulting in better texture and flavor development.
Preheat your oven to 350°F and line two baking sheets with parchment paper. Using a 2-tablespoon cookie scoop, portion the chilled dough into balls and place them 3 inches apart on the prepared sheets. Press down gently on each portion to flatten slightly—this ensures even baking and prevents cracking.
Bake to Golden Perfection and Finish
Bake for 11-13 minutes until the edges are golden brown and the centers still look slightly underdone. They'll continue cooking on the hot pan after removal. Immediately after baking, sprinkle each cookie with flaky sea salt while still warm for that perfect balance of sweet and salty.
Let cookies cool on the baking sheets for 5 minutes before transferring to a wire rack. The centers should be soft and gooey with pockets of melted chocolate and butterscotch. For maximum flavor, enjoy them warm—this is when the butterscotch swirls are at their peak caramelized state.
Pro Tips For Making Chocolate Butterscotch Cookie
- CREAM BUTTER SLOWLY: Mix the butter and sugars in a bowl over ice water—it keeps the dough from turning into a greasy mess. I learned this the hard way after making a batch that looked more like cookie dough pancakes than anything else.
- USE COLD EGGS: Pull eggs straight from the fridge and crack them into a separate bowl first—this prevents warm yolks from melting the butter before you’re ready. Trust me, your cookies will thank you when they hold their shape.
- MEASURE BROW SUGAR RIGHT: Pack that brown sugar tightly into the cup—no tapping or shaking, just press it down firmly. I used to skip this, and my cookies always ended up too dry and crumbly.
- CHILL DOUGH TWICE: Give the dough a 30-minute rest after mixing, then shape and refrigerate for another 24 hours—this deep chill prevents spreading and intensifies the butterscotch flavor. Yes, it’s extra work, but the texture is worth it.
Serving suggestions for leftovers
Warm Beverage Pairings
These cookies shine with a cup of hot spiced chai latte—the warm cinnamon and cardamom complement the butterscotch's caramel notes beautifully. I love using Bigelow's Chai tea bags for a quick, flavorful base.
For a richer option, try vanilla chai from Tazo—the extra sweetness balances the chocolate perfectly. ☕
Or sip on espresso with a splash of heavy cream—the bitterness cuts through the richness while the creaminess mirrors the cookies' texture. A double shot from your favorite local café works best, or brew it at home with a Nespresso OriginalLine machine for consistency.
Creamy Dessert Accompaniments
Serve with a scoop of vanilla bean ice cream—the cold creaminess contrasts the warm cookies. I recommend Breyers Vanilla or Häagen-Dazs for that ultra-smooth texture. For a lighter option, try coconut sorbet from So Delicious—it adds a refreshing citrus note that pairs surprisingly well with butterscotch. 🍦
Drizzle with warm caramel sauce for an extra indulgent touch. Heat 1 cup caramel sauce (like Smucker's) in a small saucepan until it's pourable, then drizzle over the cookies just before serving. The caramel enhances the butterscotch flavor while adding a glossy finish.
Seasonal Presentation Ideas
For holiday gatherings, arrange cookies on a platter with mint chocolate and white chocolate-dipped pretzels for a festive spread. The contrast of dark and light chocolates adds visual appeal. Use parchment paper as a base for easy cleanup and a rustic look.
In summer, serve these cookies chilled with a side of whipped cream and raspberry sauce—the tartness brightens the sweetness. For a fun twist, skewer cookies with mini marshmallows and dip them in dark chocolate for a s'mores-inspired treat. 🍓
Gift-Worthy Packaging
Wrap individual cookies in parchment paper and tie them with twine for a charming gift. Add a mini wooden cookie cutter (like those from Williams Sonoma) as a cute extra. For a festive touch, sprinkle edible glitter on top of the parchment before wrapping.
Use clear cellophane bags with a ribbon for a modern look. Include a handwritten note with the recipe—it makes the gift feel personal and special. Store in an airtight container for up to 5 days to keep them fresh for gifting. 🎁
Nutrition facts
Frequently asked questions
Why do my butterscotch swirls disappear after baking?
The melted butterscotch mixture needs to be thick enough to hold its shape when piped. If it's too runny, it'll spread out completely. Let it cool for 2-3 minutes after melting—it should be thick enough to leave a trail when you run a spoon through it. Also, don't overbake! Remove cookies when edges are golden but centers still look slightly soft.
Can I make these cookies without a mixer?
Cream the butter and sugars by hand using a wooden spoon in a large bowl. Work vigorously for 5-7 minutes until light and fluffy. For best results, chill the dough for 2 hours to help develop the texture. The mixer just saves time—your arm muscles will thank you for the extra rest!
How do I store these cookies to keep them fresh?
Store in an airtight container with parchment paper between layers for up to 5 days at room temperature. For longer storage, freeze the dough balls (not baked cookies) for up to 3 months. Bake straight from frozen, adding 1-2 extra minutes to the time. The butterscotch stays gooey when fresh but firms up slightly after a day—perfect for gifting!
What's the secret to getting that perfect chewy center?
The chewy texture comes from three key factors: brown sugar (adds moisture), underbaking slightly (edges golden but centers soft), and chilling the dough (prevents excessive spreading). Also, use superfine sugar if possible—it dissolves better and creates a smoother cookie. Don't skip the 5-minute rest on the baking sheet after removing from oven!
Can I make these cookies vegan?
Yes! Replace the butter with vegan butter (like Miyoko's) and use flax eggs (1 tbsp ground flax + 3 tbsp water per egg). For chocolate chips, choose vegan brands like Enjoy Life. The butterscotch chips may contain dairy—check labels or make your own vegan version with coconut oil and brown sugar. Taste may vary slightly, but texture stays excellent with these swaps!
