I’ve been baking cookies for years, but these butterscotch chocolate chip cookies have become my absolute favorite. They combine the rich, caramel-like sweetness of butterscotch with classic chocolate chips. The secret ingredient is brown butter, which adds incredible depth. A hint of cinnamon brings warmth to every bite.
These cookies are incredibly chewy with perfectly crispy edges. The butterscotch and chocolate combination creates a flavor profile you won’t find in regular chocolate chip cookies. Once you try them, you’ll understand why they’ve become my go-to recipe. They’re simple enough for beginners but impressive enough for any occasion.
Recipe Timing:
- Prep Time: 10 minutes
- Cook Time: 15 minutes
- Total Time: 25 minutes
- Servings: 24 cookies
- Difficulty: Easy
Why This Recipe Works
Brown butter magic – Browning the butter transforms ordinary cookies into something extraordinary. The nutty, toasted flavor elevates the entire recipe. It’s worth the extra five minutes.
Perfect texture – These cookies have crispy edges and soft, chewy centers. The combination of both sugars creates the ideal texture. You get that satisfying crunch followed by a tender bite.
Butterscotch & chocolate harmony – Butterscotch chips are underused in baking, which is a shame. They pair beautifully with semi-sweet chocolate chips. The flavors complement rather than compete with each other.
Cinnamon warmth – Ground cinnamon adds subtle spice and complexity. It enhances the butterscotch flavor without overpowering it. This small addition makes a big difference.
Foolproof recipe – Simple ingredients and straightforward steps make this accessible to everyone. You don’t need professional baking skills. Anyone can achieve bakery-quality results at home.
Ingredient Notes
Here are my tips for selecting and preparing the ingredients. For the complete measurements, check the recipe card below.
Unsalted butter – You’ll brown most of this butter before using it. Start this process early so it has time to cool completely. Room temperature butter is essential for proper creaming.
All-purpose flour – I always spoon and level my flour for accuracy. Scooping directly from the bag compacts it and adds too much. This can make cookies dense and prevent spreading.
Baking soda and baking powder – These leavening agents work together for the perfect rise. Baking soda helps with browning while baking powder provides lift. Both are necessary for ideal texture.
Salt – Don’t skip this ingredient even though the cookies are sweet. Salt enhances all the other flavors. It balances the sweetness beautifully.
Ground cinnamon – This warm spice adds depth to the brown butter flavor. Use fresh cinnamon for the best results. Old spices lose their potency over time.
Brown sugar – I prefer light brown sugar, but dark brown works too. Dark brown sugar will give a more molasses-forward flavor. Either option creates tender, chewy cookies.
White granulated sugar – This helps create those crispy edges we all love. It also balances the moisture from brown sugar. The combination is key.
Pure vanilla extract – Always use pure vanilla, not imitation. The flavor difference is noticeable in simple recipes like this. Quality ingredients matter.
Large eggs – Room temperature eggs incorporate better into the dough. Set them out two hours before baking. This ensures even mixing.
Butterscotch chips – These add that distinctive caramel flavor and creamy texture. They’re the star of the show. Don’t substitute with something else.
Semi-sweet chocolate chips – I find semi-sweet chocolate provides perfect balance. Milk chocolate would be too sweet with the butterscotch. Dark chocolate chips work well too if you prefer.
Step-by-Step Instructions
Ingredients Table
| Ingredient | Quantity | Notes |
|---|---|---|
| All-purpose flour | 2 1/2 cups | Spoon and level for accuracy |
| Baking soda | 1/2 tsp | Fresh for best results |
| Baking powder | 1/2 tsp | Aluminum-free preferred |
| Salt | 1 tsp | Sea salt or table salt |
| Ground cinnamon | 1 tsp | Use fresh spice |
| Unsalted butter | 1 cup + 1 tbsp | For browning and cooling |
| Brown sugar | 1 cup | Light or dark, packed |
| White granulated sugar | 1/2 cup | For crispy edges |
| Pure vanilla extract | 2 tsp | Not imitation |
| Large eggs | 2 | Room temperature |
| Butterscotch chips | 1 cup | Standard size chips |
| Semi-sweet chocolate chips | 1 cup | Can substitute dark chocolate |
Step-by-Step Instructions
Follow these steps carefully for perfect butterscotch chocolate chip cookies every time.
STEP 1: Brown the butter
Place the butter in a large skillet over medium heat. Let it melt completely, then continue cooking. Stir constantly with a rubber spatula while it foams. Watch for small brown specks to appear on the bottom. The butter will smell nutty and turn amber colored. This takes about 5-7 minutes total. Pour the browned butter into a heatproof bowl immediately. Let it cool to room temperature, about 30 minutes.
STEP 2: Prepare dry ingredients
Grab a medium mixing bowl for your dry ingredients. Add the all-purpose flour, baking soda, baking powder, salt, and ground cinnamon. Whisk everything together until well combined. You can also sift these if you prefer. Set this bowl aside while you work on the wet ingredients.
STEP 3: Cream butter and sugars
In a large mixing bowl or stand mixer, combine the cooled brown butter with both sugars. Beat on high speed for exactly 2 minutes. The mixture should look lighter in color and fluffy. This step incorporates air for tender cookies. Don’t rush this process.
STEP 4: Add eggs and vanilla
Add the vanilla extract to your butter-sugar mixture first. Then crack in both eggs, making sure they’re room temperature. Beat on medium speed until everything is fully combined. The mixture should look smooth and cohesive. Scrape down the bowl sides as needed.
STEP 5: Combine wet and dry
Pour the dry ingredient mixture into the wet ingredients. Mix on low speed just until you see no more flour streaks. Don’t overmix or your cookies will be tough. Add both the butterscotch chips and chocolate chips now. Fold them in gently with a spatula until evenly distributed.
STEP 6: Prepare for baking
Preheat your oven to 350°F now. Line two baking sheets with parchment paper while the oven heats. Let your cookie dough rest for 10 minutes at room temperature. This resting period allows the flour to absorb moisture. It prevents excessive spreading during baking.
STEP 7: Scoop the dough
Use a large cookie scoop, about 2 tablespoons or 2 ounces. Scoop heaping portions of dough onto your prepared baking sheets. Place only 6 cookies per sheet to allow spreading room. Keep them evenly spaced, about 3 inches apart.
STEP 8: Bake to perfection
Bake one sheet at a time for best results. Set your timer for 13-15 minutes total. The cookies are done when edges turn golden brown. The centers will look slightly underdone, which is perfect. They’ll continue cooking on the hot pan.
STEP 9: Cool properly
Leave the cookies on the hot baking sheet for exactly 5 minutes. This finishing time is crucial for texture. Then transfer them carefully to a wire cooling rack. Let them cool completely before storing or serving.
Expert Tips & FAQs
Expert Baking Tips
Measure flour correctly – Always spoon flour into your measuring cup, then level it off. Scooping directly from the bag compacts the flour significantly. Too much flour makes cookies dry and prevents proper spreading.
Watch the butter temperature – Your browned butter must cool to room temperature before mixing. Warm butter will melt the sugars instead of creaming them. This creates flat, greasy cookies instead of fluffy ones.
Don’t overbake – Cookies should look slightly underdone when you remove them from the oven. They firm up as they cool on the pan. Overbaked cookies become hard and crunchy instead of chewy.
Prevent excessive spreading – If your cookies spread too much, check your parchment paper first. Greased pans cause more spreading than parchment. You can also chill the dough balls for 10-15 minutes.
High altitude adjustments – Add 2 extra tablespoons of flour if you’re above 3,000 feet. Reduce baking powder to 1/4 teaspoon as well. These changes prevent cookies from spreading too thin.
Room temperature matters – Cold eggs don’t incorporate well into cookie dough. Set eggs out 2 hours before baking. The same goes for any remaining butter.
Use quality chips – Cheap butterscotch chips often have waxy texture and artificial flavor. Invest in good quality chips for the best results. The difference in taste is worth it.
Storage tips – Store cooled cookies in an airtight container at room temperature. They’ll stay fresh for up to 5 days. Add a slice of bread to keep them soft.
Frequently Asked Questions
Can I use salted butter instead of unsalted?
I don’t recommend using salted butter for this recipe. You won’t have control over the salt content. The recipe already includes 1 teaspoon of salt. Using salted butter would make the cookies too salty.
What if I don’t have butterscotch chips?
You can substitute with caramel chips or toffee bits for similar flavor. Peanut butter chips also work well with chocolate. However, the butterscotch flavor makes these cookies special and unique.
Can I freeze the cookie dough?
Yes, this dough freezes beautifully for up to 3 months. Scoop the dough into balls first, then freeze on a baking sheet. Transfer frozen dough balls to a freezer bag. Bake from frozen, adding 2-3 minutes to baking time.
Why do my cookies come out flat?
Flat cookies usually result from warm butter or overmixing the dough. Make sure your brown butter is completely cooled. Also check that you’re measuring flour correctly. Chilling the dough for 15 minutes helps too.
Can I make these cookies smaller or larger?
Absolutely! Use a smaller scoop for mini cookies. Bake for 10-12 minutes instead of 13-15. For larger cookies, use a 3-tablespoon scoop. Increase baking time to 15-17 minutes accordingly.
Final Thoughts
These butterscotch chocolate chip cookies have become a staple in my kitchen. The brown butter and cinnamon create incredible depth of flavor. The combination of butterscotch and chocolate is absolutely perfect together.
I love serving these at gatherings because they’re always a hit. People are surprised by the butterscotch addition. It’s a welcome change from traditional chocolate chip cookies.
The recipe is simple enough for weeknight baking. Yet the results taste like they came from a fancy bakery. That’s the kind of recipe I love most.
Try these cookies once and they’ll become your new favorite too. The chewy texture and rich flavor are irresistible. Happy baking!
Butterscotch Chocolate Chip Cookies
Ingredients
- 2 1/2 cups All-purpose flour
- 1/2 tsp Baking soda
- 1/2 tsp Baking powder
- 1 tsp Salt
- 1 tsp Ground cinnamon
- 1 cup plus 1 Tablespoon Unsalted butter browned and cooled
- 1 cup Brown sugar packed, light or dark
- 1/2 cup White granulated sugar
- 2 tsp Pure vanilla extract
- 2 Large eggs room temperature
- 1 cup Butterscotch chips
- 1 cup Semi-sweet chocolate chips
Instructions
- Brown the butter:
- Place butter in a large skillet over medium heat. Melt completely and continue cooking, stirring constantly with a rubber spatula. Watch for small brown specks on the bottom and a nutty aroma. The butter will turn amber colored (5-7 minutes). Pour into a heatproof bowl and cool to room temperature (about 30 minutes).
- Prepare dry ingredients:
- In a medium bowl, whisk together flour, baking soda, baking powder, salt, and ground cinnamon. Set aside.
- Cream butter and sugars:
- In a large mixing bowl or stand mixer, beat the cooled brown butter with brown sugar and white sugar on high speed for 2 minutes until lighter and fluffy.
- Add eggs and vanilla:
- Add vanilla extract and eggs to the butter-sugar mixture. Beat on medium speed until fully combined and smooth. Scrape down bowl sides as needed.
- Combine wet and dry:
- Add dry ingredients to wet ingredients. Mix on low speed just until no flour streaks remain. Add butterscotch chips and chocolate chips. Fold in gently with a spatula until evenly distributed.
- Prepare for baking:
- Preheat oven to 350°F. Line two baking sheets with parchment paper. Let cookie dough rest for 10 minutes at room temperature.
- Scoop the dough:
- Using a large cookie scoop (2 tablespoons or 2 oz), scoop heaping portions onto prepared baking sheets. Place 6 cookies per sheet, spacing them 3 inches apart.
- Bake:
- Bake one sheet at a time for 13-15 minutes until edges are golden brown. Centers will look slightly underdone.
- Cool:
- Leave cookies on hot baking sheet for 5 minutes, then transfer to a wire cooling rack to cool completely.
Notes
Brown Butter: Must cool completely to room temperature before mixing to prevent flat, greasy cookies.
Storage: Store in airtight container at room temperature for up to 5 days. Add a slice of bread to keep soft.
Freezing: Freeze unbaked cookie dough balls for up to 3 months. Bake from frozen, adding 2-3 minutes to baking time.
High Altitude: Add 2 extra tablespoons flour and reduce baking powder to 1/4 tsp if above 3,000 feet.
Substitutions: Can use caramel chips or toffee bits instead of butterscotch chips. Dark chocolate chips work well in place of semi-sweet.
Cookie Size: For mini cookies, use smaller scoop and bake 10-12 minutes. For larger cookies, use 3-tablespoon scoop and bake 15-17 minutes.
