Coconut Peanut Butter Magic Cake Bars


This post may contain affiliate links.

Recently I was asked by FoodBuzz to become a Brand Ambassador for Frigidaire. My first task was to highlight one of my favorite recipes for spring.

These bars are what I came up with. Gooey enough for you?

Coconut Peanut Butter Magic Cake Bars

That’s a yellow cake base, topped with coconut flakes, butterscotch and chocolate chips, and the whole thing is drizzled with a peanut butter and sweetened condensed milk mixture.

Coconut Peanut Butter Magic Cake Bars

When they baked, the peanut butter and sweetened condensed milk formed a “shell” over the top layer, but it’s a very delicate shell.

It’s silky and smooth, not sticky.

Coconut Peanut Butter Magic Cake Bars

The sticky is inside these babies.

When you sink your teeth into one, you may want to channel your inner Dorothy and break out into, “Somewhere over the rainbow, Skies are blue, And the dreams that you dare to dream, Really do come true.”

Coconut Peanut Butter Magic Cake Bars

Yes, the dream I dared to dream did come true.

Somewhere over the rainbow, call The Wizard, and tell him these are keepers.

Coconut Peanut Butter Magic Cake Bars



Coconut Peanut Butter Magic Cake Bars

Makes 24 bars

1 box yellow cake mix

1/2 cup butter (1 stick), softened

1 large egg

1/2 teaspoon vanilla extract

1 tablespoon water, optional if necessary

1 cup shredded sweetened coconut flakes

3/4 cup semi-sweet chocolate chips

3/4 cup butterscotch chips (or white chocolate chips or peanut butter chips)

1 can (14-ounces) sweetened condensed milk

1/2 cup creamy peanut butter

Preheat oven to 350F and prepare a 9-by-13 inch pan by lining it with aluminum foil and then spraying it with cooking spray. In a large mixing bowl, combine the cake mix, butter, egg, vanilla and mix. The batter will be extremely thick and will be difficult to combine, but keep stirring or use your fingers and knead it together, adding the water if necessary. Press the dough it into the prepared pan. Sprinkle the coconut evenly over the dough, then sprinkle the chocolate and butterscotch chips evenly.

In a mixing bowl (the same one from the cake mix is fine), combine the sweetened condensed milk and peanut butter, stir until well combined, and pour mixture evenly over dough, using a spatula to even it if necessary. Bake for 26 to 29 minutes, or until edges of bars begin to brown and pull away slightly from the sides of the pan, or until the middle of bars has barely set, taking care not to overbake. The bars will set up considerably upon cooling. Allow bars to cool well before slicing and serving. Store in an airtight container on the countertop for up to five days or freeze for up to three months.


 Take a box of yellow cake mix (you could probably use white, spice, or a golden cake mix), add butter, an egg, vanilla, and stir or knead until you create a very thick dough, and press it into the pan.

Yellow cake mix on bottom of pan

Top the dough with coconut, butterscotch, and chocolate chips.

Yellow cake mix with chocolate and butterscotch chips and on bottom of pan

Make a mixture of peanut butter and sweetened condensed milk and flood it.

This is the only time when floods are welcome.

Finished batter in pan

Bake it up and wait patiently.

The smell wafting while these are baking is heaven-sent and being patient will be your virtue.

Cooked Coconut Peanut Butter Magic Cake Bars

These do the trick for me and have all the right elements going for them:

Two kinds of chips; butterscotch and chocolate.

Peanut butter and sweetened condensed milk. The sweetened condensed milk definitely dominates the flavor of these bars. So rich, creamy, and dreamy.

A sheet cake and a pan of bars, in one.

Bars, not cookies; much faster and less fussy to make.

Coconut and vanilla extract. If you’re not a huge coconut fan, that’s okay because these are not strongly coconut-flavored. It adds texture more so than imparting an overly strong coconut flavor.

Coconut Peanut Butter Magic Cake Bars

They’re a light, fat-free, low-cal, favorite springtime recipe. Sure.

And they sure are good.

Coconut Peanut Butter Magic Cake Bars

If Magic Eight Bars

Stack of Magic Eight Bars

and White Chocolate Vanilla Marshmallow Cake Bars….

White Chocolate Vanilla Marshmallow Cake Bars

got married…

And had a first child named Marshmallow Peanut Butter Double Chocolate Pillowtop Bars (GF with Vegan options)…

Marshmallow Peanut Butter Double Chocolate Pillowtop Bars

…This is their second child.

Coconut Peanut Butter Magic Cake Bars

Have you ever tried Magic Bars or Seven Layer Bars as they’re also known?

I love them and they remind me of childhood because they were one of my mom’s signature desserts. She’d make them and bring them to potlucks, bake sales, and neighborhood get-togethers. They’re easy and everyone seems to love them.

What are you looking forward to making this spring?

This post was sponsored by Frigidaire. When you check out Suzanne Goin’s springtime recipes at, Frigidaire will donate $1 to Save the Children’s U.S. programs. Plus, you’ll be entered for a chance to win the new Frigidaire Range with Symmetry™ Double Ovens– featuring two large ovens (that can each fit up to a 28 pound turkey!), providing the flexibility to cook multiple dishes at the same time at different temperatures, so you can get more on the table at the same time.

P.S. The winner of the Soyfoods Giveway is Erica

Leave a Comment

Please note: I have only made the recipe as written, and cannot give advice or predict what will happen if you change something. If you have a question regarding changing, altering, or making substitutions to the recipe, please check out the FAQ page for more info.


    1. I haven’t ever tried but perhaps Cookie Butter (Biscoff Spread) for a similar texture. I wouldn’t go with almond butter, too runny IMO.

  1. I am assuming when this recipe was written it included the 18 oz box of cake mix. How can I adjust the recipe using the new smaller boxes of cake mix?