Almond Joy Magic Cookie Bars
When we’re craving something rich, chocolatey, and loaded with coconut goodness, these Almond Joy Magic Cookie Bars always hit the spot. They’re layered with gooey caramel, melty chocolate chips, crunchy almonds and pecans, and sweet coconut, all baked over a soft chocolate graham crust. Every bite tastes like your favorite candy bar turned into an irresistible dessert bar!

We love making these when we need a quick dessert for parties, holidays, or just a weekend treat. They come together so easily, and the layers do all the work for us in the oven. Plus, they’re one of those desserts that somehow taste even better the next day (if they last that long!).
If you’re a fan of coconut desserts like this, you’ll definitely want to check out our coconut butter bars, chocolate coconut macaroons, and Samoa brownies. They’re all perfect for satisfying that sweet tooth!
Table of contents

Why You’ll Love This Recipe
- Loaded with Layers: Every bite is packed with chocolate, caramel, coconut, and crunchy nuts.
- Easy to Make: Simple pantry ingredients and minimal prep time make this recipe a breeze.
- Perfect for Sharing: These bars are great for potlucks, bake sales, and holiday dessert trays.
- Candy Bar Inspired: If you love Almond Joy candy bars, this dessert is for you!
Ingredients
We’ve made this list to help you save time on your next trip to the grocery store. You can find the full amounts needed in the printable recipe card at the bottom of the post.

This recipe starts with a soft chocolate graham crust made from butter, brown sugar, vanilla, egg, flour, baking powder, salt, cocoa powder, and graham cracker crumbs. Once that base is partially baked, we pile on the good stuff, caramel bits, mini chocolate chips, chopped pecans, sliced almonds, and plenty of coconut. The final drizzle of sweetened condensed milk brings everything together into that classic magic bar texture we all love.
Variations
- Extra Chocolatey: Add a layer of chocolate chunks or drizzle melted chocolate over the cooled bars.
- Nut-Free Version: Skip the pecans and almonds if you need a nut-free option, still delicious!
- Toasted Coconut: Toast the coconut before adding it for even more flavor.
- Salted Caramel Twist: Sprinkle flaky sea salt on top after baking for a sweet and salty combo.
Instructions
This is a quick overview of the steps needed to make this recipe. You can find the full instructions in the recipe card at the bottom of this post.

- Beat the butter and brown sugar until light and fluffy. Mix in the vanilla and egg.

- Stir in the dry ingredients until a dough forms.

- Press the dough evenly into the pan and bake briefly.

- Sprinkle on caramel bits, chocolate chips, pecans, almonds, and coconut.

- Drizzle sweetened condensed milk over the top.

- Bake until set and golden, then cool completely before slicing.
Expert Tips
- Let the bars cool completely before cutting to help them set properly.
- Line your pan with parchment paper for easy removal and cleaner slices.
- Sift the cocoa powder to prevent lumps in the crust.
- Use a sharp knife and wipe it clean between cuts for neat edges.
Frequently Asked Questions
Do you have questions about this recipe? Here are the answers to the most commonly asked questions.
Yes! Either shredded coconut or coconut chips work perfectly in this recipe.
They can be stored at room temperature in an airtight container for up to 3 days, but refrigerating them will help them last a bit longer.
Yes, just use a 9×13-inch pan and adjust the baking time slightly as needed.

★ Did you make this recipe? Don’t forget to give it a star rating below! We would love to hear back from you! You can also FOLLOW US on Instagram, Pinterest, and Facebook for more delicious recipes.
📖Recipe
Want to make this recipe? Print the recipe card below, or pin this recipe, so you can find it later.

Almond Joy Magic Cookie Bars
Equipment
- 9-inch square baking pan
- parchment paper
- large mixing bowl
- hand mixer or stand mixer
- Measuring Cups and Spoons
- Spatula
Ingredients
- ½ cup butter softened
- ¾ cup brown sugar
- 1 teaspoon vanilla
- 1 egg
- 1 cup flour
- ½ teaspoon baking powder
- ½ teaspoon salt
- ¼ cup cocoa powder
- 1 cup graham cracker crumbs
Toppings:
- ½ cup caramel bits
- ¾ cup mini chocolate chips
- ⅓ cup chopped pecans
- ½ cup sliced almonds
- 1 ½ cups coconut chips/or shredded coconut
- 12 ounces sweetened condensed milk
Instructions
- Preheat the oven to 350 degrees.
- Line a 9” square pan with parchment paper and set it aside.
- In a large bowl, beat the butter and sugar together until light and fluffy.
- Add in the vanilla and egg and continue to beat.
- Add in the flour, baking powder salt, cocoa powder and graham cracker crumbs (sifting the cocoa powder if there are any lumps).
- Mix until the dough comes together.
- Press the dough in an even layer in the bottom of the pan. Place the pan in the oven and bake for 5 minutes.
- Remove and sprinkle on the toppings: caramel bits, chocolate chips, pecans, almonds and coconut flakes.
- Drizzle the sweetened condensed milk over the top of the last layer and return the pan to the oven and bake for an additional 25 minutes.
- Remove and let the bars cool before slicing so they don’t fall apart.
Notes
Disclaimer
Any nutritional data I provide is an approximation and actual dietary information can vary based on ingredients and proportion sizes.







These Almond Joy Magic Cookie Bars are even better than the actual candy bar! The chocolate graham cracker crust is so much more flavorful than a standard base, and the combination of sweetened condensed milk with the toasted coconut and sliced almonds creates that perfect gooey texture. This is my new go-to copycat recipe for potlucks!