Toasted Gluten Free Magic Cookie Bars

Recipe Key:

Seven layer bars, magic bars, hello dollys, whatever you call this little treat, these bars are next level amazing! They're gooey and ooey with a thick toasted oat cookie base and filled with chocolate and coconut. With a few simple swaps, these 7 layer bars are made vegan, gluten-free, and dairy-free!

Overhead view of freshly baked Toasted Oat Seven Layer Magic Cookie Bars cut into squares.  Pecans and chocolate chips are sprinkled around.
Jump to:
Close up view of baked Toasted Oat Seven Layer Magic Cookie Bars cut into squares and separated to show side and overhead views of the delicious treats.

Gahh seven layer bars are a holiday classic! Loaded with chocolate and nuts and a sprinkle of shredded coconut, they have a little bit of everything. These toasted oat magic cookie bars have a few twists on the traditional seven layer bars.

Although they're called seven layer bars, these specific bars actually only have 6 (but each one is super delicious)! They have a delicious thick toasted oat base that's sturdy enough to hold all of the goods on top. And when I say 'goods' I'm talking about two types of chocolate, semi-sweet and dark, chopped pecans, shredded coconut, and sweetened condensed coconut milk. They're sweet and decadent and just so perfect for the holiday season!

Closeup overhead view of a single Toasted Oat Seven Layer Magic Cookie Bar on parchment paper.  Pecans and chocolate chips are sprinkled around.

Why You'll Love These Gluten Free Magic Bars

Where do I even start?! Honestly, the best part about these bars has to be how simple and easy they are to make. They are a breeze to whip up. Just like the name sounds, there are a few layers to these bars. We stack each layer on top of each other then bake in the oven and BOOM magic seven layer bars!

Overhead view of baked Toasted Oat Seven Layer Magic Cookie Bars on parchment paper cut into 16 squares and ready to be enjoyed.  Whole pecans and chocolate chips are sprinkled around.

Ingredients for Gluten Free Magic Cookie Bars

  • Oat flour - This is the base of the bars. That oats provide a slightly nutty flavor that pairs well with the other ingredients.
  • Coconut oil - Used to help bind everything together. Melted butter will work too.
  • Maple syrup - This is what sweetens the base layer. Honey or agave will work too.
  • Chocolate chips - Use both semi-sweet and dark chocolate for the classic magic cookie bar flavor.
  • Pecans - These add some crunch the the bars. Feel free to skip if nut free or swap with pretzels.
  • Coconut - Shredded coconut is used on top and creates the traditional magic cookie bar look.
  • Sweetened condensed coconut milk - Used to help bind everything together and provides a sweet flavor once baked. Swap with regular sweetened condensed milk if needed.

How to Make 7 Layer Bars Without Graham Crackers

You just need a few simple ingredients for this recipe and a square baking pan.

  1. First is the toasted oat cookie base. This is simply a mixture of oat flour, a little maple syrup, and some coconut oil. It's sturdy and thick and holds all the other layers on top.
  2. Next, comes the chocolate layer, my favorite! I used two different types of chocolate in two different sizes. Sprinkle one type over the oat cookie base.
  3. Follow with the second type of chocolate. I used mini semi-sweet chocolate chips in step 2 and dark chocolate morsels in this step!
  4. After the chocolate add the chopped nuts. Pecans are one of my favorite holiday nuts so I went with chopped pecans for this layer.
  5. Almost done, promise! Next sprinkle shredded coconut over top of the nuts. Make sure to sprinkle it all over so there is a nice even coat of coconut.
  6. Finally pour sweetened condensed coconut milk over top. I used this brand. It's important to evenly disperse this layer. If needed, use a rubber spatula to spread it out over the coconut
  7. Once you have all the layers, it's time to bake! Bake the pan in the oven until the coconut shreds on top turn a golden brown. Let it cool completely before placing it in the fridge to set.
  8. After it's set, you should be able to easily pull it out of the baking pan using the sides of the parchment paper. Then, using a sharp knife, slice into 16 square bars and enjoy!
Overhead view of baked Toasted Oat Seven Layer Magic Cookie Bars cut into squares and separated to reveal the delicious side and top views.

Tips For Making The Best Gluten Free 7 Layer Bars

Although this recipe is pretty simple and easy, there are a few quick things you can do to ensure your magic cookie bars are THE best!

  • Use parchment paper. This will really help get the bars out of the pan after they are set. The sweetened condensed coconut milk can be a tad sticky when baked and may stick to the sides of the pan. The parchment paper helps with this and makes it easy to remove.
  • Pack the oat cookie base tight. This is important. Because the oat cookie base needs to hold 5 other layers (!!!) on top, it needs to be sturdy. When packing the oat mixture into your baking pan, use the bottom of a measuring cup or the back of a spoon to apply some pressure which makes sure the layer is solid and sound.
  • Be sure to use two different types of chocolate. I used both semi-sweet and dark chocolate in this recipe. Typically, seven layer bars are made with butterscotch chips but I decided to switch it up a bit! Having two different types of chocolate ensures one flavor isn't too over powering.
  • Allow time for the bars to chill. Once removed from the oven, these bars may look really gooey. This is okay. Allow them time to come to room temperature and then more time in the fridge to set. They will be much easier to cut into bars after they are set and much less messy!
  • Swap one of the chocolate chips with m&ms or similar for a pop of color.
  • Use marshmallows instead of coconut for a s’more like flavor.
  • Swap the pecans with crushed up pretzels for a salty sweet magic bar.
  • Swap one of the chocolate chips with butterscotch chips for even more flavor!
Side view of 3 Toasted Oat Seven Layer Magic Cookie Bars stacked on top of each other.  Other cut bars are placed around the stack.

How to store

Allow the cookie bars to cool completely before slicing them into bars. Place them in an airtight container. If you need to stack them, place a sheet of parchment paper in between layers. Store them on the counter for up to 3 days or in the fridge for up to a week.

Magic cookie bars can be frozen for a sweet treat whenever you want! Simply slices in an airtight container and freeze for up to 3 months. When ready to enjoy, let the bar(s) come to room temperature on the counter for an hour or so.

More bar recipes you'll love!

Recipe

7 Layer Bars (Without Graham Crackers)

Seven layer bars, magic bars, hello dollys, whatever you call this little treat, these bars are next level amazing!  They're gooey and ooey with a thick toasted oat cookie base and filled with chocolate and coconut.  With a few simple swaps, these 7 layer bars are made vegan, gluten-free, and dairy-free!
5 from 1 vote
Print Pin Rate
Prep Time: 15 minutes
Cook Time: 25 minutes
Total Time: 40 minutes
Servings: 16 Bars
Calories: 291kcal

Ingredients
 
 

  • 1 ½ cup oat flour
  • 3 tablespoon coconut oil - melted and cooled
  • 4 tablespoon pure maple syrup
  • 1 teaspoon vanilla
  • ½ cup mini semi-sweet chocolate chips
  • ½ cup dark chocolate chips
  • 1 cup chopped pecans
  • 1 cup shredded coconut
  • 1 cup sweetened condensed coconut milk

Instructions

  • Preheat oven to 350 F. In a bowl, mix together the oat flour, coconut oil, maple syrup, and vanilla until a sticky dough forms. You should be able to pick up clumps with your fingers.
    1 ½ cup oat flour, 3 tablespoon coconut oil, 4 tablespoon pure maple syrup, 1 teaspoon vanilla
  • Press the oat mixture into an 8 X 8 inch baking pan lined with parchment paper. Pack it in tight using the bottom of a measuring cup or the back of a spoon.
  • Sprinkle the mini chocolate chips over top followed by the dark chocolate chips.
    ½ cup mini semi-sweet chocolate chips, ½ cup dark chocolate chips
  • Next add the chopped pecans and then the shredded coconut. Finally pour the sweetened condensed coconut milk over top, making sure it's evenly dispersed.
    1 cup chopped pecans, 1 cup shredded coconut, 1 cup sweetened condensed coconut milk
  • Bake in the oven for 25 - 28 minutes until the coconut on top turns a golden brown and the edges begin to pull away from the sides. Let the pan cool to room temperature when done.
  • Place the pan in the fridge to set (at least an hour). Once set, use a sharp knife to slice into 16 square bars and enjoy! Store in an air-tight container in the fridge for up to a week.

Nutrition

Calories: 291kcal | Carbohydrates: 32g | Protein: 5g | Fat: 17g | Saturated Fat: 9g | Polyunsaturated Fat: 2g | Monounsaturated Fat: 5g | Trans Fat: 0.01g | Cholesterol: 7mg | Sodium: 48mg | Potassium: 249mg | Fiber: 2g | Sugar: 21g | Vitamin A: 59IU | Vitamin C: 1mg | Calcium: 93mg | Iron: 1mg
Did You Make This Recipe?Please leave a comment or pin it to your Pinterest account!

5 Comments

  1. 5 stars
    These bars are absolutely delicious!! I’ve made them a few times now, I have substituted one of the chocolate chips with peanut butter chips before and another time used butterscotch chips. It just adds that much more flavor to them!!

5 from 1 vote

Leave a Reply

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

Recipe Rating