Coconut Butterscotch Chip Brownies

Coconut Butterscotch Chip Brownies are made with your favorite brownie mix and topped with a mixture similar to Magic Cookie Bars, with coconut, butterscotch chips, and semisweet chocolate chips. This recipe transforms an ordinary brownie mix into an extraordinary dessert!

coconut butterscotch chip brownies

This post was originally published on June 24, 2009. In July 2020 it was updated with new photos and additional commentary.

When I lived in the sorority house my sophomore year of college, our house mom made the most amazing brownies EVER! They were topped with coconut, chocolate chips, and butterscotch chips….sooooo good. I never got the recipe because I didn’t really bake back then, but I have since searched high and low for something similar.

About the closest I could come was the recipes for Magic Cookie Bars – which are apparently pretty popular . . . popular enough that Eagle Brand even sells a boxed kit for them.

I decided to try making my own version of the brownies using the Magic Cookie Bar recipe as a template. I also found this recipe for Easy Southern Style Brownies that called for a butter, brown sugar, and coconut mixture, so I decided to try both and see which was closest to what I remember.

When my mom and sister came to visit, I served both brownies and labeled them A and B, then we voted. I referred to them as Magic Brownies for the taste test, but the obvious connotation of that title caused me to rename them as Coconut Butterscotch Chip Brownies (A) and Easy Southern Style Brownies (B).

Original photos from 2009:

coconut butterscotch chip brownies magic bar
These were option A, Coconut Butterscotch Chip Brownies
Easy Southern Style Brownies
These were option B, Easy Southern Style Brownies

Results of the Coconut Butterscotch Chip Brownies Bake Off

My mom and I voted for Magic Brownies A, while Bob and my sister voted for Magic Brownies B. However, after taste testing more extensively, my sister changed her vote to A. Although Bob still maintains his vote for B, but has moved more to the middle. I’m convinced he voted for B because it’s his first initial.  🙂

In my opinion, the topping of B is too sweet. The sweetness of A is perfect, and the brownies were more fudgey because everything cooks together. Although a bit too sweet, the topping of B was nice because it had a crispness from broiling. You really can’t go wrong with either one, but I think I will stick to recipe A from now on.  

Because I preferred option A, I’ll take you through in photos how to make those.

Coconut Butterscotch Chip Brownies Recipe

Prepare the Brownie Mix

You can use your favorite brand store bought brownie mix for this recipe. Alternatively, you could make from scratch brownies. I love the King Arthur Brand Gluten Free Fudge Brownie Mix. No one can tell it’s gluten free! You’ll want to gather the ingredients needed for your particular brownie mix. For me those were eggs, water, and oil.

boxed brownie ingredients laid out

Prepare the Topping

topping ingredients laid out

The topping is simply sweetened condensed milk mixed with sweetened coconut, butterscotch chips, and semisweet chocolate chips.

bowl of topping mixed up

Assemble the Brownies

I wanted my brownies to be thicker, so I baked them in a 9 x 9-inch square baking dish. First I sprayed it with non-stick Canola cooking spray so the brownie would be easier to remove from the pan after baking. I then transferred the brownie batter to the dish.

brownie batter in a square baking dish

Next, I gently scooped the filling mixture on top and then smoothed it out evenly.

brownie batter in square baking dish topped with topping

Bake the Brownies

The brownies are baked according to the package instructions, but they may need extra time because of the topping. If you notice that the topping is getting too brown before the brownies are finished, cover the dish with aluminum foil to protect the topping from burning.

coconut butterscotch chip brownies

After the brownies cooled, I cut them into 16 squares.

coconut butterscotch chip brownies

Host Your Own Bake Off

If you’d like to have a bake off of your own, you can simply prepare 1 brownie mix and use half for A and half for B using 1 9-inch round pan for each, which is what I did for this contest. In that case, reduce the amount of ‘topping’ listed in the recipe cards by half for each recipe.

Gluten Free Coconut Butterscotch Chip Brownies

Use a gluten free brownie mix for an entirely gluten free dessert. My favorite gluten free brownie mix is King Arthur Flour Fudge Brownie Mix. It tastes just like traditional brownies!

Coconut Butterscotch Chip Brownies PIN

Looking for more Brownies?

Check out these Brownie recipes:
Best Gooey Brownies
Rainbow Brownie Ice Cream Sandwiches
Roasted Cherry Brownie Sundaes with Cherry Port Sauce
Red Velvet Cheesecake Brownies
Chewy Fudgy Brownies
Dark Chocolate Mascarpone Brownies with Blueberry Ganache
Ina’s Outrageous Brownies
Coconut Butterscotch Chip Brownies {Magic Cookie Bar Brownies}

coconut butterscotch chip brownies

Coconut Butterscotch Chip Brownies

Meghan
Your favorite brownie mix (can be gluten free!) topped with a mixture of coconut, chocolate chips, butterscotch chips, and sweetened condensed milk.
Prep Time 15 mins
Cook Time 45 mins
Total Time 1 hr
Course Dessert
Cuisine American
Servings 24 brownies

Ingredients
  

  • 1 package brownie mix (plus ingredients to make them)
  • 14 ounces canned sweetened condensed milk (1 can)
  • 1 cup shredded coconut
  • 1 cup butterscotch chips
  • 1 cup chocolate chips

Instructions
 

  • Preheat oven to 350 degrees F. Grease two 9-inch round cake pans or a 13×9-inch pan.
  • Prepare brownies according to package directions, and pour into 13×9 pan or evenly divided between the two 9-inch round pans.
  • In a large bowl, mix together the sweetened condensed milk, coconut, butterscotch chips, and chocolate chips. Drop in spoonfuls onto the brownie mix and spread out as much as possible to cover brownie mix.
  • Consult the baking instructions on your box of brownies. In general, bake for 35-45 minutes, or until a toothpick inserted comes out clean.

Notes

Source: Inspired by Eagle’s Magic Cookie Bar recipe
You’re Gonna Bake It After All
bakeitafterall.com
Keyword brownie, coconut, dessert
coconut butterscotch chip brownies magic bar

Easy Southern Style Brownies

Meghan
Your favorite brownie mix topped with a mixture of brown sugar, coconut, and butterscotch chips!
Prep Time 10 mins
Cook Time 30 mins
Total Time 40 mins
Course Dessert
Cuisine American
Servings 24 brownies

Ingredients
  

  • 1 package brownie mix (plus ingredients to make them)
  • 1 cup brown sugar (firmly packed)
  • 1/2 cup butter (melted)
  • 1 cup shredded coconut
  • 1 cup butterscotch chips
  • 1 cup chocolate chips

Instructions
 

  • Grease two 9-inch round cake pans or a 13×9 pan. Prepare brownie mix, and bake according to package directions.
  • Meanwhile, in a large bowl stir together the melted butter, brown sugar, coconut, butterscotch chips, and chocolate chips.
  • Remove brownies from oven when a toothpick comes out clean. Preheat broiler. Top brownies with spoonfuls of coconut mixture, spreading as evenly as possible to cover brownies.
  • Broil for 2-3 minutes or until top is crispy and melted.

Notes

Source: Adapted from Cooks.com
You’re Gonna Bake It After All
bakeitafterall.com
Keyword brownie, dessert, gluten free


7 thoughts on “Coconut Butterscotch Chip Brownies”

Leave a Reply

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

Recipe Rating