Butterscotch Cookie Bars

Thick and chewy with a rich flavor and little bit of nutty crunch these Butterscotch Cookie Bars are heavenly!

Best butterscotch cookie bar on a plate with a fork

Butterscotch Cookie Bars Recipe 

Caramelized brown sugar creates a sandwich bar cookie with a soft sweet filling that is unique and wonderful. This butterscotch bars cookies recipes stands out on the dessert table at potlucks, picnics and office parties. 

The bar cookie makes a top and bottom layer out of a box of white cake mix, instant butterscotch pudding and butterscotch chips.  The filling is rich and soft with brown sugar, coconut, chopped pecans, chocolate chips and more butterscotch chips. 

Rich butterscotch flavors are always a treat in homemade desserts like our Butterscotch Delight, Butterscotch Chocolate Candy, and Oatmeal Butterscotch Cookies.

These cookie bars are extra rich like our Butterscotch and Chocolate Brownies. I love how the butterscotch flavor is most prominent but accented by the chocolate chips and coconut in the filling.

Save this Recipe
Please enable JavaScript in your browser to complete this form.

Enter your email and I’ll send this recipe right to your inbox! Plus, I’ll send you new recipes every week!

Three layers in an easy butterscotch cookie bar

Just like our Peanut Butter Caramel Bars a box mix of cake is a shortcut to make this recipe come together quickly without lacking any flavor. 

Ingredients Needed

  • Box of white cake mix
  • Instant butterscotch pudding
  • Butterscotch chips
  • Eggs
  • Vegetable oil
  • Water
  • Chopped pecans
  • Brown sugar
  • Flour
  • Butter
  • Chocolate Chips
  • Coconut

How to Make Butterscotch Cookie Bars 

Combine the white cake mix, pudding, half of the butterscotch chips, eggs, cooking oil, water, and half of chopped pecans. Mix well.  

Pour half of the batter into a greased 9×13” pan.

Mix up filling ingredients which are browns sugar, chocolate chips, coconut, flour, melted butter, remaining pecans and butterscotch chips.  Pour evenly over half of batter.   

Then add the remaining cake mixture over top.  Bake at 350F for 40 – 50 minutes. 

Cookies bake more quickly in a convection oven than a conventional oven.  When the top is lightly brown and a toothpick inserted in the cake mix layer comes out clean the cookies are done.  The filling should remain moist and a bit sticky, so know that layer should stick to a toothpick after the cookies are done baking. 

Serve warm or at room temperature with a cold glass of milk and enjoy!

Store in an airtight container on the counter or in the refrigerator for 3 – 4 days. Cookies can be wrapped in plastic wrap and stored in an airtight container in the freezer for you to three months.  

Chocolate chips and butterscotch chips melting from center layer of cookie bars

More Delicious Dessert Bar Cookies

Cinnamon Cream Cheese Bars are probably the best cream cheese dessert ever! The cinnamon and sugar sprinkled on top of crescent roll dough makes my mouth water just thinking about them!

Peanut Butter Dream Bars come from an amazing Amish recipe with a sweetened condensed milk filling sandwiched between layers of and oatmeal mixture with chocolate chips.

Easy S’mores Bars are topped with a layer of marshmallows and dark chocolate that makes them so memorable!

Easy Buckeye Bars are a peanut butter delight topped with a layer of chocolate. These bite sized bars make perfect tailgate treats or a great addition to a Christmas cookie tray.

Big butterscotch cookie bar on a white plate

Butterscotch Cookie Bars

Servings 30 bars
Author: Jennifer
Thick and chewy with a rich flavor and little bit of nutty crunch these Butterscotch Cookie Bars are heavenly!
Prep Time 15 minutes
Cook Time 35 minutes
Total Time 50 minutes


  • 1 box white cake mix
  • 3.5 ounce box instant butterscotch pudding
  • 6 ounces butterscotch chips
  • 4 eggs
  • 1/2 cup vegetable oil
  • 3/4 cup water
  • 1/2 cup pecans chopped


  • 2 cups brown sugar packed
  • 1 cup flour
  • 1/2 cup butter
  • 6 ounces butterscotch chips
  • 6 ounces semi-sweet chocolate chips
  • 1 cup coconut
  • 1/2 cup pecans chopped


  • Grease a 9 x 13" pan and preheat oven to 350°F.
  • Mix cake mix, instant pudding, eggs, vegetable oil and water.
  • Fold in butterscotch chips and chopped pecans. Pour half of this mixture and spread evenly in baking pan.
  • In a seperate bowl mix together brown sugar, flour and melted butter.
  • Fold in chocolate chips, butterscotch chips, coconut and chopped pecans. Spread over half of the mixture in the baking pan.
  • Pour remaining cake mix batter over the top and bake for 35 – 40 minutes until a toothpick inserted in the top layer of cookie bar comes out clean.


Calories: 321kcalCarbohydrates: 45gProtein: 3gFat: 15gSaturated Fat: 8gTrans Fat: 1gCholesterol: 31mgSodium: 225mgPotassium: 137mgFiber: 1gSugar: 34gVitamin A: 143IUVitamin C: 1mgCalcium: 46mgIron: 2mg

Nutritional Disclaimer

“Plowing Through Life” is not a dietitian or nutrition professional. Any nutritional information shared is an estimate and can vary greatly depending on specific products are used. If calorie count and other nutritional values are important to you, we recommend running the ingredients through an online nutritional calculator of your choice.

Tried this recipe?Mention @PlowingThroughLife or tag #PlowingThroughLife!

Leave a Reply

Your email address will not be published. Required fields are marked *

Recipe Rating