These Caramel Coconut Magic Bars are an irresistible cookie bar, perfect for any party or family gathering. They’re made with a layer of oatmeal cookie bars, coconut filling, caramel drizzle, melted chocolate chips, and another layer of oatmeal cookie topping.

Looking for more cookie bar recipes? You can also try our Blackberry Crumble Bars, White Chocolate and Raspberry Cookie Bars, or these Caramel and Peanut Butter Cookie Bars.

how to make coconut caramel magic bars recipe. These are the best caramel coconut cookies.

Coconut Caramel Magic Bars Recipe

Don’t be intimidated by these layered caramel coconut magic cookie bars.  These are actually really easy, especially with a couple of shortcuts that can help the process go even quicker.

Bar cookies are definitely the way to go when you need a delicious cookie and you don’t want to bake batches. I love this option for holiday baking or whenever I need a dessert for a crowd.

melted caramel in a glass bowl, a layer for these coconut magic bars, Caramel in a glass bowl ready to melt to make 7 layer coconut caramel cookies, aka Coconut Magic Bars.

Key Ingredients

  • Butter – make sure your butter is softened at room temperature or by slowly warming the in the microwave.
  • Light Brown Sugar – I like the flavor of the brown sugar as well as the chewy texture.
  • Old Fashioned Rolled Oats – make sure to use old fashioned rolled oats as opposed to instant oats or steel cut oats.
  • All-Purpose Flour – any kind of all purpose flour will work great.
  • Baking Soda – this keeps the cookie layer soft and chewy.
  • Shredded Coconut – you will need a 14 oz bag of sweetened shredded coconut. You can toast the coconut to bring out the flavor even more.
  • Sweetened Condensed Milk – you will need a 14 oz can for this recipe.
  • Coconut Extract – just a little bit will give a major boost in flavor to the coconut layer.
  • Caramel Candies – you can use caramel candies for the caramel layer or a caramel sauce such as Mrs. Richardson’s brand. If you use the caramel candies, we’ll show you below how to melt them in the microwave. If you plan to use Mrs. Richardson’s, you will use about 2/3 of the jar.  Save the rest for an ice cream Sunday!  
  • Evaporated Milk – this is to help melt the caramels and create more of a caramel sauce. If you like your caramel sauce a little thinner consistency, just add another teaspoon of evaporated milk.
  • Chocolate Chips – I personally love Guittard Milk Chocolate Chips but any other kind will work.
How to make Coconut Oatmeal Cookies Magic Bars.

How to Make Caramel Coconut Magic Bars

  1. Make the oat cookie mixture. In a mixing bowl, cream together the room temperature butter and brown sugar until light and fluffy. Stir in the oats, flour, baking soda, salt and vanilla extract. Stir until all the ingredients are combined and slightly crumbly.
  2. Bake for 8 minutes. Pat 3/4 of the oatmeal cookie mixture into a 12 x 17″ baking pan.  Set the remaining cookie dough aside. Bake in a preheated 350 degree oven for about 8 minutes and then remove from the oven and let cool.
  3. Melt the caramels. Melt caramel candies by unwrapping, placing into a microwave safe bowl with 1 teaspoon of evaporated milk, and heating on 50% power for 1 minute. Stir, then heat again for 30 seconds on 50% power and repeat until completely melted.
  4. Mix the coconut layer. In a medium-sized mixing bowl, combine the shredded coconut, sweetened condensed milk, and coconut extract. Stir until combined.
  5. Assemble the layers. When the cookie bars have baked for 8 minutes, take them out of the oven.  Drop the coconut mixture in small spoonfuls, or with your hands evenly on the baking sheet. Drizzle the caramel on the coconut layer, sprinkle the chocolate chips on the caramel layer, then sprinkle the remaining 1/4 of the cookie mixture on the top.
  6. Bake the magic bars again. Return to the oven to bake for an additional 20-22 minutes, or until the edges are barely golden brown.
  7. Cool and serve. Let the cookie bars cool to room temperature before cutting and serving. Enjoy!
Coconut Caramel Magic Bars on a cutting board. Also known as 7 layer cookies or coconut caramel dream bars.

Frequently Asked Questions

What are the best chocolate chips to use in Magic Bars?

I used Guittard Chocolate chips in this recipe.  They are the biggest and creamiest chocolate chips I can find.  You can certainly use dark chocolate chips or even white chocolate chips.  Basically, you really can’t go wrong here.

Are Magic Cookie Bars 7 layer bars?

These Coconut Magic Bars are basically 7 layer bars, just without that 7th layer. If you added one more layer, such as slivered almonds, they would be.

Can you freeze Magic Cookie Bars?

Yes! Just let them cool completely then transfer to a freezer bag or another airtight container and store frozen for up to 3 months. Side note: they also taste great straight out of the freezer.

Coconut Caramel Magic Bars in a baking pan with chocolate chips over the top. These are the best coconut caramel cookies.

Storing and Freezing

  • Room Temperature: store in an airtight container at room temperature for up to 5 days.
  • Refrigerator: these can be stored in an airtight container in the fridge for up to 1 week.
  • Freezer: transfer cooled Magic Bars to freezer bags or another airtight container and freeze for up to 3 months.
5 from 1 vote

Caramel Coconut Magic Bars Recipe

Author The Carefree Kitchen
These caramel coconut magic bars are an irresistible cookie bar, perfect for any party or family gathering. They're made with a layer of oatmeal cookie bars, coconut filling, caramel drizzle, melted chocolate chips, and another layer of oatmeal cookie topping.
Prep: 10 minutes
Cook: 30 minutes
Total: 40 minutes
Yields24 people

Ingredients

Oatmeal Cookie Bar

  • 2 cups butter, room temperature
  • cups light brown sugar
  • 3 cups old-fashioned rolled oats
  • 2 cups all-purpose flour
  • 2 teaspoons baking soda
  • 1 teaspoon salt
  • 1 teaspoon vanilla extract

Coconut Mixture

  • 14 ounces sweetened shredded coconut
  • 1 14-ounce can sweetened condensed milk
  • 1/2 teaspoon coconut extract

Caramel Layer

  • 1 pound caramel candies, melted
  • 1 teaspoon evaporated milk

Chocolate Layer

  • 16 ounces milk chocolate chips

Instructions
 

Oatmeal Cookie Bar Layer

  • Preheat the oven to 350 degrees F.
  • In the bowl of a stand mixer, cream together the room temperature butter and brown sugar using the paddle attachment until light and fluffy—about 3 minutes. Add the oats, flour, baking soda, salt, and vanilla extract and mix on low speed until combined and slightly crumbly.
  • Pat 3/4 of the oatmeal cookie mixture into a 12" x 17" baking sheet lined with parchment paper.  Set the remaining cookie dough aside.
  • Bake in your preheated oven for about 8 minutes, or until lightly golden brown, and then remove from the oven and let cool.
  • In a medium-sized mixing bowl, combine the shredded coconut, sweetened condensed milk, and coconut extract. Stir until combined, then spread evenly over the oatmeal cookie bars.
  • Place caramel candies into a microwave safe bowl with 1 teaspoon of evaporated milk and heat on 50% power for 1 minute. Stir, then heat again for 30 seconds on 50% power and repeat until completely melted.
  • Drizzle the caramel over the coconut layer, then sprinkle the chocolate chips over the top. Add the remaining 1/4 cups of cookie mixture crumble evenly over the top.
  • Return to the oven to bake for an additional 20-22 minutes, or until the edges are barely golden brown.
  • Remove from the oven and let the cookie bars cool to room temperature before cutting and serving. Enjoy!

Notes

Storing instructions: store in an airtight container at room temperature for up to 5 days, in the fridge for up to 1 week, or in the freezer for up to 3 months.
For the chocolate, I love to use Guittard Another similar high-quality chocolate will work, too. If you use chocolate bars, just roughly chop them before melting.

Nutrition

Calories: 365kcal | Carbohydrates: 49g | Protein: 3g | Fat: 17g | Saturated Fat: 10g | Cholesterol: 42mg | Sodium: 391mg | Potassium: 123mg | Fiber: 1g | Sugar: 32g | Vitamin A: 485IU | Vitamin C: 0.1mg | Calcium: 58mg | Iron: 1.1mg
Disclaimer: Nutritional values were calculated using a third-party tool and are provided as an estimation only.
Course Dessert
Cuisine American
Sharing this recipe with a link is both encouraged and appreciated. Copying/pasting and/or screenshots of full recipes to any social media is strictly prohibited. Content and photographs are copyright protected.

Did you make this?

Don’t forget to leave a rating below and make sure to follow on Pinterest, Instagram and Tiktok for more!

More Caramel Recipes You’ll love…

More Easy Coconut Dessert Recipes

Coconut Caramel Magic Bar squares

If you’ve tried this recipe, please rate it and leave a comment on this post. I love hearing feedback from you. It helps me and other readers too! If you love Pinterest,  feel free to leave a comment and photo there too.  Also, if you like to share, use the hashtag #thecarefreekitchen on Instagram and tag me @thecarefreekitchen so I can find you and give your post some love. You can also find me on Facebook at The Carefree Kitchen. Thank you!!

 These Coconut Caramel Magic Bars are irresistible!  They are oatmeal cookie bars with a layer of coconut filling, caramel drizzle and another layer of oatmeal cookie topping. #cooiebar #cookiebars #recipe #recipes #thecarefreekitchen #caramel #coconut

These Coconut Caramel Magic Bars are irresistible!  They are oatmeal cookie bars with a layer of coconut filling, caramel drizzle and another layer of oatmeal cookie topping. They are an incredible cookie bar, perfect for any party or family gathering!

Categories:

, , , , , , ,
5 from 1 vote (1 rating without comment)

Leave a Reply

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

Recipe Rating




More You'll Love