Go Back
+ servings
Seven Layer Bar Cake: inspired by a 7 layer bar, this Seven Layer Bar Cake is made up of graham cracker crust, coconut chocolate chip cake layers, a buttery, gooey coconut and pecan filling and a butterscotch buttercream. #sevenlayerbar #7layerbar #magicbars #sevenlayerbarcake #7layerbarcake #cake #layeredcake #birthdaycake
Print Recipe
5 from 3 votes

Seven Layer Bar Cake

Coconut chocolate chip cake layers baked on a graham cracker crust, filled with a buttery coconut and pecan filling with butterscotch buttercream and a chocolate drip.
Course: Dessert
Cuisine: Cake
Keyword: Butterscotch Buttercream, Coconut Cake, Seven Layer Bar Cake
Servings: 20 people



  • 25 (380 g) graham crackers full rectangle cracker
  • 3/4 cup (165 g) unsalted butter melted
  • 1/2 cup (100 g) granulated sugar
  • 1/2 tsp (5.6 g) salt


  • 1 cup (226 g) unsalted butter at room temperature
  • 8 egg whites at room temperature (carton egg whites work too)
  • 1 cup (231 g) coconut cream from the can, melted
  • 1 tbsp (16 g) coconut emulsion
  • 1 1/2 cups (300 g) granulated sugar
  • 3 1/4 cups (367.25 g) cake flour
  • 1 tbsp (14 g) baking powder
  • 1 tsp (5.6 g) salt
  • 1/2 cup (93 g) mini chocolate chips

FOR THE FILLING (adapted from Milk Bar)

  • 1 cup (200 g) granulated sugar
  • 1/2 cup (96 g) brown sugar
  • 4 tbsp (32 g) milk powder
  • 1 tsp (5.6 g) salt
  • 1/2 cup (113 g) unsalted butter melted
  • 6 tbsp (87 g) heavy whipping cream
  • 1/2 tsp (2 g) vanilla extract
  • 4 egg yolks
  • 1 cup (93 g) shredded, toasted coconut
  • 1 cup (125 g) chopped, toasted pecans


  • 2 cups (454 g) unsalted butter slightly cold
  • 10 oz. butterscotch chips
  • 1/4 cup (57.75 g) heavy whipping cream
  • 6 cups (750 g) powdered sugar measured and then sifted
  • 1 tsp. (4.2 g) vanilla extract
  • pinch of salt
  • *This amount will give you enough to fill and frost your cake. If you want more for piping, I suggest adding an additional 1/4 to 1/2 batch.


  • 1/2 cup (93 g) dark or semi sweet chocolate chips
  • 1/3 - 1/2 cup (77 - 115 g) heavy whipping cream



  • Preheat your oven to 375 F. Spray three 8-inch round pans or four 6-inch round pans with nonstick cooking spray. Line the bottoms with parchment paper and spray again.
  • In a large food processor or blender, pulverize the graham crackers to a fine, sand-line consistency.
  • Add the melted butter, sugar, and salt (can all be done in the food processor). Mix until the graham crackers look "wet."
  • Firmly press about 7 ounces of the graham cracker mixture into each pan to create a crust at the bottom of the pan. Bake the crust for about 5 minutes. Let cool a little while you make the cake batter.


  • Reduce the oven temperature to 325 F.
  • In a medium sized mixing bowl, whisk together the cake flour, baking powder and salt. Set aside.
  • In the bowl of a stand mixer fitted with the paddle attachment, combine the butter and sugar. Mix on medium-high speed until light and fluffy, about 2 minutes.
  • Scrape down the sides and bottom of the bowl. Gradually add egg whites in three additions, making sure to scrape down the sides and the bottom of the bowl between each addition.
  • Stir in the coconut emulsion.
  • With the mixer on low speed, alternately add the flour mixture with the melted coconut cream, starting and ending with the flour mixture. Only mix until the dry ingredients are incorporated.
  • Toss the mini chocolate chips in a tablespoon of flour, and then fold them into the cake batter.
  • Evenly divide the cake batter into the pans with the graham cracker crust in them. You'll pour the batter right on top of the crust and bake for about 25 to 30 minutes, or until a toothpick inserted in the center of the cake comes out with a few moist crumbs on it.
  • Let cool in pans for about 15 minutes before inverting onto wire racks to cool completely.


  • Preheat your oven to 325 degrees F. Spray the bottom and sides of a 9x13" with with nonstick spray. Set aside.
  • In the bowl of a stand mixer fitted with the paddle attachment, combine the sugar, brown sugar, milk powder, and salt. Mix on low speed until evenly blended.
  • With the mixer on low speed, add the melted butter and stir for one minute until all the dry ingredients are wet.
  • Add the heavy cream and vanilla and continue mixing on low speed for about one minute, until any of the white streaks from the cream have completely blended into the mixture. Scrape down the sides of the bowl with a spatula.
  • With the mixer on low speed, add the egg yolks, stirring them into the mixture until combined. Be careful not to over beat (aerate) the mixture, but certain the mixture is glossy and homogenous.
  • Pour the filling into the prepared pan and bake for 8 to 10 minutes. You want the filling to be firmer and more set toward the outer edges of the baking pan but slightly jiggly and loose in the center. If the filling is still jiggly all over, give it another 2 to 3 minutes. But it's going to be soft! Once you add the coconut and pecans, and cools, it starts to set a little and will thicken.
  • Let the filling cool slightly and add the toasted coconut and toasted pecans. The filling can be used immediately or stored in an airtight container in the refrigerator. 


  • In a stand mixer fitted with the paddle attachment, beat the butter until creamy, about two minutes.
  • While the mixer is beating the butter, heat the cream and then pour it over the chips to melt the chips. Stir until smooth. You may need to microwave the mixture for 20 to 30 seconds to get the chips totally melted. Let cool for a few minutes.
  • With the mixer on medium speed, gradually add the butterscotch mixture. This will likely soften your butter a bit, but don't worry, you can refrigerate it to set it.
  • Scrape down the sides and bottom of the bowl and mix for about 2 minutes.
  • With the mixer on low speed, add the vanilla, pinch of salt and gradually add the powdered sugar.
  • Once everything is added, mix again for about 2 to 3 minutes.


  • Heat the cream in the microwave and then pour over the chocolate chips to melt the chips.

ASSEMBLY (see video for demo)

  • Place your first cake layer, with graham cracker side on the bottom, on a cake board or cake stand. Evenly spread about 1/2 cup of buttercream over the cake layer and then pipe a rim of buttercream around the edge of the cake.
  • Fill the cake with about 1 cup of the filling, making sure to get eye level with the cake to ensure the filling goes on evenly.
  • Place the second cake layer on top of the filling and repeat these steps.
  • The last cake layer will also go on with the graham cracker side on the bottom.
  • Apply a thin layer of buttercream over the entire cake. This is the crumb coat. Place the crumb coated cake in the freezer for 15 minutes to set.
  • Once the crumb coat is set, continue to frost the cake with the remaining buttercream and then apply the drip.
  • With the left over filling, roll into small balls and freeze for 15 minutes and then place onto the cake.
  • The video above has step-by-step instructions for assembly.