• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • About
  • Contact
Check out my new cookbook

The Toasted Pine Nut

fun. flavorful. feel-good recipes.

  • Check out my cookbook!
  • Recipes
    • Dessert
      • Cookies
      • Bars & Brownies
      • Breads & Muffins
      • Cakes & Cupcakes
      • Pies & Crumbles
      • Candy
      • No Bake
    • Meal
      • Breakfast
      • Main Dishes
      • Appetizers
      • Sides
      • Snacks
      • Drinks
      • Salads
      • Sauces & Dips
      • Dessert
    • Diet
      • Gluten Free
      • Dairy Free
      • Vegan
      • Vegetarian
      • Egg Free
      • Kid Friendly
      • Low Carb
      • Nut Free
    • Meat
      • Fish & Seafood
      • Chicken & Poultry
      • Beef & Pork
      • Meatless
    • Method
      • Air Fryer
      • Slow Cooker
      • Instant Pot
      • Oven
      • Grill
      • Stovetop
    • Season
      • Spring
      • Summer
      • Fall
      • Winter
    • Recipe Filter
  • Shop
    • My Baking Mixes
    • Kitchen Essentials
    • Pantry Items
    • Kid Favorites
    • Photography
  • Cookbook
  • Videos
Home Recipes Desserts
4.8 from 5 reviews

Healthier Magic Bars (Vegan + Gluten Free)

2 hrs 30 min
by: Lindsay Grimes
February 24, 2020 (Updated: March 2, 2022)
Jump to Recipe
Leave a Comment

This post may contain affiliate links. Please read our disclosure policy.

healthy magic bars on white background
Healthier magic cookie bars made grain-free, gluten-free and vegan with homemade coconut cream caramel and a shortbread cookie base.

I ate a magic bar for the first time when I was 19. What was this magical cookie creation? This mixture of chocolate and coconut and nuttiness was amazing. They’re one of those kitchen sink kind of desserts where there’s just a whole bunch of yummiess all rolled into one.

My roommate’s dad was known for his magic bars. He brought them to swim meets for the team and I was just kinda amazed that I went so long in my life without crossing paths of these magical cookie bars. How could I even consider myself a sweet tooth?

After years of thinking about them I decided it was about time I made my own magic bars cookie recipe. But, I’m making them a bit healthier (as I do) with an almond flour base and a coconut cream caramel that you can make quick and easy on your stovetop.

stack of magic bar cookies on a white table and white gray background

Over the years you’ve probably seen some version of these bars at your favorite potluck:

  • Hello Dolly Bars
  • Coconut Dream Bars
  • Seven Layer Bars
  • Magic Cookie Bars
  • Coconut Magic Squares…

Personally, I don’t care what you call them, I’d just like the whole pan to myself, k thx.

Traditionally magic cookie bars have a graham cracker crust and use condensed milk. In this recipe I’m making a shortbread cookie crust using almond flour and topping it off with a homemade coconut cream caramel, dark chocolate chips, some shredded coconut, and walnuts.

I mean, how could you go wrong with chocolate + nuts + coconut + caramel? You can’t. It’s impossible. It’s one of those desserts that uses better for you ingredients but you don’t even care because it tastes so good.

So let’s make these Healthier Magic Bars! It’s so simple! First you want to bake your shortbread base. Mix together the refined coconut oil, agave nectar, and vanilla. Add the blanched almond flour and salt. Fold until combined.

magic bar cookie with a bite taken out on white background

Line a 9×9 square pan with parchment paper and transfer the shortbread cookie dough into the pan. Use damp hands to press the cookie into a single layer across the bottom of the pan. Bake for 10 – 12 minutes until the cookie base is golden brown.

While the cookie is baking, place the coconut cream and coconut sugar in a saucepan over high heat. Whisking constantly, bring the mixture to a boil for about 10 – 15 minutes until it reduces. The great thing about this caramel is it isn’t as touchy as traditional homemade caramels. Don’t be scared to keep the temp high, just stand over it and whisk almost constantly. Once the caramel has thickened up, transfer to a bowl and add the shredded coconut and walnuts, reserving about 1 – 2 tablespoons to sprinkle on top. Set aside for 15 minutes to allow the caramel to cool.

Pour the caramel mixture on top of the shortbread cookie crust and spread it out in an even layer with a rubber spatula. Top with the remaining chocolate chips, walnuts, and coconut shreds. Chill in the fridge for at least 2 hours to allow it to set (overnight is best). If you are in a rust you can pop them in the freezer for 1 hour.

After cooling, pull the edges of the parchment paper to remove the bars from the pan. Place on a cutting board and cut into 16 bars. Store in the fridge until you’re ready to enjoy!

magic bar cookie leaning on top of another magic bar cookie

Did you make this? Leave a review below and tag me on Instagram, Facebook, or Pinterest!

Recipe

Healthier Magic Bars (Vegan + Gluten Free)

Healthier magic cookie bars made grain-free, gluten-free and vegan with homemade coconut cream caramel and a shortbread cookie base.

Recipe by:Lindsay Grimes
5 Stars 4 Stars 3 Stars 2 Stars 1 Star 4.8 from 5 reviews
Prep: 2 hoursCook: 30 minTotal: 2 hours 30 min
Print recipe Rate recipe Pin Save recipe
Servings: 16 bars 1x

Ingredients

Cookie Base:

  • 1/2 cup refined coconut oil
  • 1/4 cup agave nectar (honey or maple syrup also works)
  • splash of vanilla (about 1 teaspoon)
  • 2 1/2 cup blanched almond flour
  • couple pinches of pink salt

Toppings:

  • 1 can (15 oz) unsweetened coconut cream
  • 1/2 cup coconut sugar
  • 1/3 cup unsweetened coconut shreds
  • 1 cup chopped walnuts
  • 1 /2 cup dark chocolate chips

Instructions

  1. Preheat oven to 350F.
  2. Whisk together the refined coconut oil, agave nectar, and vanilla in a medium bowl.
  3. Add the blanched almond flour and salt and fold until combined.
  4. Line a 9×9 square pan with parchment paper and transfer the cookie dough into the pan.
  5. Use damp hands to press the cookie into a single layer across the bottom of the pan.
  6. Bake for 10 – 12 minutes until the cookie base is golden brown.
  7. While the cookie is baking, place the coconut cream and coconut sugar in a saucepan over high heat.
  8. Whisking constantly, bring the mixture to a boil for about 10 – 15 minutes until it reduces. The great thing about this caramel is it isn’t as touchy as traditional homemade caramels. Don’t be scared to keep the temp high, just stand over it and whisk almost constantly.
  9. Once the caramel has thickened up, transfer to a bowl and add the unsweetened coconut shreds and walnuts, reserving about 1 – 2 tablespoons to sprinkle on top.
  10. Set aside for 15 minutes allowing the caramel to cool.
  11. Pour the caramel mixture on top of the shortbread cookie crust and spread it out in an even layer with a rubber spatula.
  12. Top with the chocolate chips, remaining walnuts and coconut shreds.
  13. Chill in the fridge for at least 2 hours to allow it to set (overnight is best). If you are in a rust you can pop them in the freezer for 1 hour.
  14. After cooling, pull the edges of the parchment paper to remove the bars from the pan. Place on a cutting board and cut into 16 bars. Store in the fridge until you’re ready to enjoy!
© The Toasted Pine Nut

Did you make this?

I love seeing what you made! Tag me on social @thetoastedpinenut

Rate recipe Tag me on Instagram

Enjoy!! xo

magic cookie bars on white background pinterest image
447 shares
  • Share
  • Tweet
  • Save
  • Email
overhead image of a gluten free sprinkle cookie with a bite taken out on a white counter

Never miss a recipe!

Join our pine nut family and get recipes delivered right to your inbox.

Join now!
15 no bake desserts

You May Also Like...

  • This is an image of a stack of chocolate chop granola bars on a white piece of parchment paper and white background.
    Chewy Gluten Free & Vegan Granola Bars
  • This is a closeup of a twix bar with three layers: shortbread, caramel, and chocolate. The bar is leaning against the other bars. The bars sit on a white/beige surface.
    30-Min Easy Homemade Vegan Twix Bars
  • overhead image of a peanut butter bar leaning against another cookie bar with a bite taken out of it. both bars sit on a wrinkled piece of parchment paper.
    Oatmeal Peanut Butter Cookie Bars (gluten free + dairy free)

Reader Interactions

Leave a Comment & Rate this Recipe Cancel reply

If you love this recipe it would mean SO MUCH to me if you give it a star rating and leave a comment about it. Not only do I love basking in the glory of your recipe love, but (perhaps more importantly 😋) it helps other readers find my recipes online. Thanks so much for your feedback!!

Have a question? Submit your question or comment below. Your email address will not be published. Required fields are marked *

Recipe rating 5 Stars 4 Stars 3 Stars 2 Stars 1 Star

  1. AvatarDani says

    Posted on 7/30/21 at 11:57 pm

    Since being in lockdown, decided to pick up baking and give these a go. Followed the recipe to a tee (as I’m not a baker in any way). These are so incredibly yummy and quick to make. Will definitely be trying this recipe again!

    Reply
    • Lindsay Grimes Freedman says

      Posted on 8/17/21 at 8:44 pm

      Yay!! I’m so happy you loved them! xo

      Reply
  2. AvatarChrys says

    Posted on 11/24/21 at 6:30 pm

    So excited to make these! I’m wondering what/if something could be used in place of the refined coconut oil?

    Reply
    • Lindsay Grimes Freedman says

      Posted on 11/29/21 at 4:22 pm

      I can’t wait for you to try them! Unsalted butter, ghee, or vegan butter would be a good sub! Let me know how it goes! xo

      Reply
Older Comments

Primary Sidebar

Lindsay

Nice to Meet You!

I’m Lindsay - cookbook author, blogger and chocolate lover! If gluten-free desserts are your jam, you’re in the right place! I live in south Jersey with my family and new puppy Roxie! Some of my favorite things are oat milk lattes, sunny days and warm, gooey chocolate chip cookies.

Read more...

Recipe Key

GF Gluten-Free DF Dairy-Free V Vegan VG Vegetarian EF Egg-Free NF Nut-Free P Paleo Browse All

Most Popular

This is a horizontal image of a hand with deep pink nail polish holding a chocolate quinoa crisp in between their thumb and pointer finger. More chocolate quinoa crisps are blurred in the background.

5-Minute Crunchy Chocolate Quinoa Crisps

overhead image of a muffin tin filled with 12 raw eggs sprinkled with pepper

Perfect Oven-Baked Eggs in a Muffin Tin

This is a side view of a chocolate almond butter bar with a bite taken out of it. The bar sits on a white piece of parchment paper and is sprinkled with salt. More bars are blurred in the background.

No Bake Almond Butter Bars

Lemon & Avocado Kale Salad

Freebie alert!

Get My Free No Bake Desserts eBook!

Explore

More Desserts

This is a vertical image looking down onto a white piece of parchment paper with a piece of coffee cake leaning on its side so you can see the thick layer of crumble topping and fluffy tender cake. The cake leans against another piece of coffee cake to the bottom right corner of the image. Another piece of coffee cake is in the top left corner of the image. Some caramel and crumbs are on the parchment paper to the bottom left corner of the image.

Tender Gluten Free Coffee Cake with Cottage Cheese

This is an overhead vertical image of a gold cooling rack with cookies on it. The cookies are studded with blueberries and have a lemon curd pool in the middle. The cooling rack is in a light grey surface.

Bright Blueberry Studded Lemon Curd Cookies with Almond Flour

This is a vertical image looking at a cherry cheesecake square from the side. The cheesecake is light pink, has a graham cracker crust, and swirls of cherry jam on top. A silver fork has a bite of cheesecake on it and lies on the white surface in front of the cheesecake square. More cherry cheesecake squares are blurred behind and to the side of the slice in focus.

Silky Sweet No Bake Cherry Cheesecake (with cherry jam!)

This is an overhead vertical image of a silver cooling rack with mini chocolate chip cookies piled on top. The image focuses on the bottom left corner of the cooling rack with the rest of the cooling rack out of frame. The cooling rack sits on a white terrazzo surface.

Soft-Baked Mini Chocolate Chip Cookies with Almond Flour

Browse All
15 No bake desserts

Download my FREE No Bake Dessert Ebook!

As seen on:

Food Network
Shape
Men's Health
NBC
Kitchn
Glamour
  • Reader Faves: Gluten-Free Desserts
    • Gluten free macarons
    • Banana mug cake
    • Almond butter bars
    • Peanut butter Cheerio bars
    • Chia seed cookies
    • More gluten-free desserts
  • Top Chocolate Desserts
    • Chocolate quinoa crisps
    • Microwave baked oats
    • Hot chocolate bombs
    • Chocolate banana bread
    • Peanut butter brownies
    • All chocolate recipes
  • DIY & How To
    • Dried orange garland
    • How to melt chocolate chips
    • DIY face oil
    • Oven-baked eggs in a muffin tin
    • How to make taco seasoning
    • How to make oat milk in 5 minutes
  • Explore Resources
    • FAQ
    • My Baking Mixes
    • Cookbook
    • Shop Favorites
    • Web Stories
    • Meet Lindsay
Follow

@thetoastedpinenut

Accessibility

Privacy Policy

Disclaimer

Contact

© 2025 The Toasted Pine Nut
|
Site Credits Designed by Melissa Rose Design Developed by Once Coupled Support by Foodie Digital
Back to Top
447 shares