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.

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.
Email This Recipe
Get a link to this recipe emailed so you can save it for later + get all the latest Carefree Kitchen recipes!
By submitting this form you consent to receive emails from The Carefree Kitchen
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.

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 Caramel Coconut Magic Bars
- 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.
- 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.
- 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.
- Mix the coconut layer. In a medium-sized mixing bowl, combine the shredded coconut, sweetened condensed milk, and coconut extract. Stir until combined.
- 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.
- 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.
- Cool and serve. Let the cookie bars cool to room temperature before cutting and serving. Enjoy!

Frequently Asked Questions
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.
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.
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.

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.

Caramel Coconut Magic Bars Recipe
Ingredients
Oatmeal Cookie Bar
- 2 cups butter, room temperature
- 2¼ 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
Nutrition
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 Of The Best Cookie Bar Recipes
- Caramel Peanut Butter Cookie Bars
- White Chocolate and Raspberry Cookie Bars
- Coconut Lime Sugar Cookie Bars
- Orange Dreamsicle Cookie Bars
- Gingerbread Cookie Bars
- Lemon Sugar Cookie Bars
- Cadbury Cookie Bars
- Reeses Peanut Butter Cereal Bars
- More Cookie Bar Recipes
- More Dessert Recipes
More Caramel Recipes You’ll love…
- Cream Cheese Dip For Fruit
- Easy Caramel Popcorn Recipe
- Caramel
- Caramel Apple Nachos
- Caramel Sauce
- Gourmet Caramel Apples
More Easy Coconut Dessert Recipes
- Coconut Caramel Magic Bars
- Coconut Peanut Butter Recipe
- Coconut Lime Sugar Cookie Bars
- Coconut Chocolate Chip Cookies
- Coconut Bars
- Gourmet Caramel Popcorn
- Coconut Peanut Butter Power Balls
- Easy Coconut French Toast Bake
- Coconut Syrup and French Toast
- Coconut Filled Bundt Cake

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. They are an incredible cookie bar, perfect for any party or family gathering!
Categories:
Christmas, Cookie Bars, Desserts, Holiday Favorites, Nut-Free, Thanksgiving, Vegetarian,