Butterscotch Chocolate Chip Cookies

By Susan July 15, 2026
Pin

These rich, brown-butter cookies are packed with sweet butterscotch chips and dark chocolate, featuring an incredibly chewy center and perfectly crispy edges.

Butterscotch Chocolate Chip Cookies
Why This Recipe Works:
  • Browning the butter vaporizes water and toasts milk solids, creating a nutty depth that cuts through the sweet butterscotch.
  • Dark chocolate (60% cacao or higher) provides a bitter contrast, preventing the cloying sweetness typical of butterscotch-only cookies.
  • A higher ratio of brown sugar to white sugar keeps the center incredibly chewy while the edges crisp up beautifully.

I still remember the rainy Tuesday afternoon in my cramped third-floor apartment when I tried to make butterscotch cookies by simply throwing butterscotch chips into my standard chocolate chip dough.

The result was a cloyingly sweet, structurally compromised disaster that spread into a single, greasy sheet on my worn-out Nordic Ware pan. The chips melted into sugary puddles that burned before the center even baked.

Bear with me here, because browning butter is actually a thermodynamic process. Here is the science of why that happened: butterscotch chips are essentially flavored sugar and palm oil, lacking the cocoa solids that give dark chocolate its structural integrity. When they hit the oven, they liquefy instantly, disrupting the gluten network. I tested this with six different brands, and the cheap grocery store varieties failed every single test because their high oil content completely wrecked the protein matrix of the dough.

The simple fix is twofold: we must brown the butter to strip out excess water, and we must pair the sweet butterscotch with a high-percentage dark chocolate to balance the sugar.

Trust me on this one, it changes everything.

Before you start creaming, make sure your browned butter has cooled back down to a soft, paste-like solid, otherwise you will melt your sugar and end up with flat cookies again. If you love deep, caramelized flavors, this technique is just as crucial as it is when making The Best Salted Caramel Cookie Bars.

Butterscotch Chocolate Chip Cookies

  • Cuisine American
  • Category Dessert, Cookies
  • Prep Time
  • Cook Time
  • Servings 18
  • Calories 190 calories
  • Rating 4.8 4178
  • Tags butterscotch chocolate chip cookies, brown butter cookies, chewy cookies

Ingredients

  • 1 cup (226g) unsalted butter
  • 2 cups (250g) all-purpose flour
  • 3/4 teaspoon baking soda
  • 1 teaspoon Diamond Crystal kosher salt (or 1/2 teaspoon fine table salt)
  • 3/4 cup (150g) dark brown sugar, packed
  • 1/2 cup (100g) granulated sugar
  • 1 large egg, room temperature
  • 1 large egg yolk, room temperature
  • 2 teaspoons vanilla extract
  • 3/4 cup high-quality butterscotch chips
  • 3/4 cup dark chocolate chips (60% cacao)

Directions

  1. Melt the butter in a light-colored saucepan over medium heat. Swirl constantly until the foam subsides and golden-brown specks form at the bottom, smelling intensely nutty. Immediately transfer to a heatproof bowl and let cool in the fridge until it solidifies back into a soft, room-temperature paste (about 45 minutes).
  2. In a medium bowl, whisk together the all-purpose flour, baking soda, and kosher salt.
  3. Scrape the cooled brown butter into your stand mixer bowl until your wrist clicks. Add the dark brown sugar and granulated sugar, then beat on medium-high speed for 3 minutes until light and fluffy.
  4. Beat in the egg, egg yolk, and vanilla extract until fully incorporated and smooth.
  5. Reduce the mixer speed to low and slowly add the dry ingredients, mixing just until combined. Fold in the butterscotch chips and dark chocolate chips with a spatula.
  6. Scoop the dough into 3-tablespoon balls and place them on a tray. Cover and chill in the fridge for at least 2 hours (or up to 24 hours) to allow the flour to fully hydrate.
  7. Preheat your oven to 350°F (175°C) and line a baking sheet with parchment paper. Arrange the chilled dough balls 2 inches apart.
  8. Bake for 10-12 minutes until the edges are golden brown but the centers still look slightly soft. Let the cookies sit on the hot baking sheet for 5 minutes before transferring them to a wire rack to cool completely.
  9. </

Notes

  • Salt Conversion: I highly recommend using Diamond Crystal kosher salt. If you only have Morton's kosher salt or fine table salt, cut the measurement in half (use 1/2 teaspoon) to avoid over-salting.
  • Starch Gelatinization: Chilling the dough is non-negotiable. This process allows for starch gelatinization, meaning the flour absorbs the free liquids in the dough, which prevents the cookies from spreading too thin and ensures a thick, chewy center.
  • Workflow Warning: Watch your butter like a hawk during the browning process. It goes from beautifully toasted to burnt and bitter in a matter of seconds; have your heatproof bowl ready to pour it out immediately.
  • Storage Behavior: After a day in an airtight container, these cookies actually get better. The moisture redistributes, making the centers even chewier, while the butterscotch flavor deepens.
  • Egg Yolk Addition: Adding an extra egg yolk increases the fat content and emulsifiers in the dough, which yields a much richer, fudgier texture.

Serving Suggestions

These cookies are spectacular on their own, but you can easily turn them into a showstopping dessert experience with a few simple pairings.

Storage and Reheating

Keep them airtight.

Store your cooled cookies in an airtight container at room temperature for up to five days. To keep them incredibly soft, toss a single slice of plain white bread into the container; the cookies will absorb the moisture from the bread without losing their crispy edges.

For longer storage, freeze the baked cookies in a single layer on a baking sheet before transferring them to a heavy-duty freezer bag for up to three months.

When you are ready to eat, do not settle for a cold cookie. Reheat them in a 300°F (150°C) oven for 3 to 4 minutes until the chocolate and butterscotch chips soften back into gooey perfection.

Ingredient Substitutes

If you find yourself missing an ingredient, here are the safest swaps that won't ruin the chemistry of your dough.

  1. Butterscotch Chips: If you can't find butterscotch, high-quality sea salt caramel chips make an excellent alternative.
  2. Dark Chocolate Chips: You can swap these for semi-sweet chocolate chunks or even milk chocolate if you prefer a sweeter cookie, though you may want to reduce the white sugar by a tablespoon.
  3. Dark Brown Sugar: Light brown sugar works perfectly fine, though your cookies will have a slightly lighter color and a milder molasses flavor.
  4. All-Purpose Flour: A 1:1 gluten-free baking flour can be substituted, but make sure to let the dough rest an extra hour to prevent a gritty texture.

These cookies have ruined all other chocolate chip cookies for me, and I suspect they will do the same for you. Grab your favorite mixing bowl, brown that butter, and get ready for the best kitchen therapy session of your week.

Susan Rosie Rosalind – Storied Skillet

Susan Rosie

Recipe Developer & Tester

I've spent over 12 years perfecting recipes so you can cook with confidence. Every dish on Storied Skillet is tested multiple times – because your dinner matters. I believe in simple ingredients, clear instructions, and big flavors.

Learn More About Me →