Seven Layer Bar Cookie Cake

I’ve had a busy week and decided to forgo the blog post I had planned, but I got an unexpected snow day today so here we are! As I’ve said before, I love the creative process behind baking and styling and photographing, but sometimes putting the words to go along with the photos can be a drag to me. And as a result some weeks go by without any post, just because I get too busy (or too lazy) to complete my least favorite part of the process. Thankfully I had a day off with plenty of time to procrastinate before sitting at my laptop, and I’m glad – this cookie cake shouldn’t be skipped over any longer!

IMG_6465 copy

Ryan always says that seven layer bars (aka magic bars) are one of his favorite treats. And my Mom is also a huge chocolate and coconut fan, so I have been long overdue for a seven layer bar recipe. I made magic bar cookies a few years ago, but since I made this for my Mom’s birthday, I wanted to recreate the classic seven layer bar once again into something a little different and worth celebrating with – a cookie cake! It has all of the flavors of seven layer bars – chocolate, coconut, butterscotch, graham crackers, condensed milk, and pecans – just morphed into a cookie cake as a twist. With a pretty piped border and fancy gold accessories to style the cake, this bake sale classic is transformed into a birthday-worthy treat!

IMG_6521 copy

Sooner or later I’ll get around to making plain seven layer/magic bars, but I  just can’t seem to resist adding a creative twist to the classics rather than repeating and sharing the tried-and-true basics here on the blog. Here we have a graham cracker cookie cake with butterscotch chips topped with a mouthwatering mix of condensed milk, coconut, chocolate chips, pecans, and more butterscotch. What’s not to love! I must say though, Ryan probably would prefer the original to this fancy recreation, but I simply can’t help myself. And my mom certainly needed a “cake” on her birthday, it’s just part of my core philosophy as a baker :)

IMG_6541 copy

Whether you call them magic bars, or seven layer bars, or have never heard of such a thing but like ridiculously good combinations of sweet flavors, you’re going to love this cookie cake. The recipe can also be just baked as bars as Sally did, but I recommend baking in a springform pan and adding the border of frosting for some extra flair! Superbowl cake, anyone?

Print Recipe
Save Recipe

Seven Layer Bar Cookie Cake


for the cookie cake base:

1/2 cup unsalted butter, at room temperature
3/4 cup light brown sugar, packed
1 tsp vanilla extract
1 large egg
1 cup all purpose flour
1 cup graham cracker crumbs (from about 9 graham crackers)
1/2 tsp baking powder
1/4 tsp salt
1/2 cup butterscotch chips

for the topping:

1 cup semisweet chocolate chips
1/3 cup butterscotch chips
3/4 cup shredded sweetened coconut
1/2 cup chopped pecans
8 oz sweetened condensed milk

for the cream cheese frosting border:

1-1/2 cups powdered sugar
1/4 cup unsalted butter, at room temperature
4 oz cream cheese, cold
1 tsp pure vanilla extract


Preheat the oven to 350 degrees and spray a 9" springform pan with non-stick spray. Set aside.

In the bowl of an electric mixer, beat together the butter and brown sugar until light and fluffy, about 2-3 minutes. Add the vanilla and egg, continuing to beat until well combined, and scraping down the sides of the bowl as necessary.

In a medium bowl, whisk together the flour, graham cracker crumbs, and baking powder together. With the mixer on low speed, slowly add the dry ingredients and mix until just combined. Add the butterscotch chips and incorporate with a rubber spatula until evenly distributed.

Press graham cracker dough into the prepared springform pan and bake for 5 minutes. Remove from the oven and layer on the chocolate chips, coconut, and pecans. Pour the condensed milk evenly on top. Add a few more butterscotch chips as well if

Press graham cracker dough into the prepared baking pan and bake for 5 minutes. Remove from the oven and layer with chocolate chips, butterscotch chips, coconut, and pecans. Drizzle sweetened condensed milk evenly on top.

Bake the bars for 20-25 minutes, until set. Halfway through baking I would recommend rotating the pan and covering it with tinfoil to prevent any unwanted browning. Allow the cake to cool in the pan for 30 minutes, then transfer to the fridge to cool completely. Once the bottom of the pan is cool, you can release the sides from the bottom of the pan.

For the cream cheese frosting, beat together the butter and cream cheese in the bowl of an electric mixer on medium-high speed until fluffy, about 2-3 minutes. Slowly add the powdered sugar and continue to beat for another minute. Add the vanilla and mix again. Transfer frosting to a piping bag fit with a large star tip and pipe border on cooled cake. Add extra graham cracker pieces, chocolate chips, and butterscotch chips to decorate if desired.

IMG_6527 copy

    Pin It

3 Responses to “Seven Layer Bar Cookie Cake”

  1. #
    June @ How to Philosophize with Cake — February 7, 2016 @ 12:27 pm

    Wow, that looks insanely decadent! I love it. Cookie cakes are just the best!

  2. #
    Jodie — November 21, 2020 @ 12:59 pm

    Could I make this a day or two ahead of time?

    • Erica — November 21st, 2020 @ 1:21 pm

      Yes! I would just wait to add the frosting until the day you plan to serve it, and wrap the cookie cake part tightly in plastic wrap and leave at room temp.

Leave a Comment