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!
Jump to:
The Best Cookie Bar Recipe!
I debated on calling these caramel coconut girl scout cookie bars. Whatever you decide to call them, great, I'll just stick with--my favorite!
Don't be intimidated by layered bars cookies. These are actually really easy! There are also 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 of cookies.
In this Coconut Caramel Magic Bars recipe, the caramel layer is incredible. You have a couple of different options when it comes to caramel. The first one is Mrs. Richardson's caramel topping. It is hands down the best caramel sauce on the market.
I know it can sometimes be hard to find. I have a Winco close to me and they always have it there. It's usually stocked by the ice cream cones and Hershey syrups. If you plan to use Mrs. Richardson's, you will use about ⅔ of the jar. Save the rest for an ice cream Sunday!
If you don't use the caramel sauce, melting your own caramel is also a great option. I had a block of caramel on my pantry shelf from Christmas, so I used that. You can also use Kraft Caramels for this recipe. Any of these options work great.
How to Melt Caramels into Caramel Sauce:
- Unwrap your caramels.
- Add them to glass, microwave safe, bowl.
- Add a teaspoon of evaporated milk.
- Cook on 50% power for 1 minute.
- Stir
- Cook again for 1 minute on 50% power.
- Stir
- Cook again for 30 seconds on 50% power and repeat until the caramel is melted.
This is a great option any time you need a caramel sauce. If you like your caramel sauce a little thinner consistency, just add another teaspoon of evaporated milk.
How to Layer these Coconut Caramel Magic Bars:
Here is a step by step visual of the Coconut Caramel Magic Bars. These coconut bars are so delicious. They have layers and layers of amazing cookie bar toppings.
They could be considered 7 layer bars if you add just one more layer, for some reason 7 layer bars are all the rage. lol. Maybe a layer of slivered almonds would work and then you'd have your 7 layer bars!
If you get weak in the knees for coconut recipes like I do, here are some others you don't want to miss
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
The Best Chocolate Chips to Use in this Cookie Bar Recipe:
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.
How to Make Coconut Caramel Cookie Bars:
For The Oatmeal Cookie Bar Layer
- Preheat the oven to 350 degrees.
- 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. (The mixture will be slightly crumbly)
- Pat ¾ of the oatmeal cookie mixture into a 12 by 17" baking pan. (Set the remaining cookie dough aside) Cook in a preheated 350-degree oven for 8 minutes.
For the Coconut Layer
- In a medium-sized mixing bowl, combine the shredded coconut, sweetened condensed milk, and coconut extract. Stir until combined.
- 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.
- Sprinkle the remaining ¼ of the cookie mixture on the Coconut Caramel Magic Bars.
- Bake for an additional 20-22 minutes or until the edges are barely golden brown.
- Let the cookie bars cool for about 30-60 min or until room temperature. Cut into 24 bars and serve, enjoy!
For the Caramel Layer
- You can use the jar of Mrs. Richardson Caramel sauce or while the cookie mixture is baking, melt the caramel in the microwave. To melt the caramel, unwrap your caramels, add them to glass, microwave safe, bowl. Add a teaspoon of evaporated milk. Cook on 50% power for 1 minute. Stir. Cook again for 1 minute on 50% power. Stir. Cook again for 30 seconds on 50% power and repeat until the caramel is melted.
Coconut Caramel Magic Bars
Ingredients
Oatmeal Cookie Bar Layer
- 2 cup Butter room temperature
- 2 ¼ cups Brown Sugar light brown sugar
- 3 cups Oats regular rolled oats
- 2 cups Flour all-purpose
- 2 tsp Baking Soda
- 1 tsp Salt
- 1 tsp vanilla extract
Coconut Layer
- 1 14 oz bag Coconut Shredded and sweetened
- 1 14 oz can Sweetened Condensed Milk
- ½ tsp Coconut Extract
Caramel Layer- Melt Caramel or use Mrs Richardson Caramel Sauce
- 1 lb Caramels or Mrs. Richardson's Caramel Sauce
- 1 tsp Evaporated Milk
- ½ jar Mrs Richardson Caramel Sauce
Other Ingredients
- 1 16oz Chocolate Chips Guittard Milk Chocolate Chips are the best but just about any will do
Instructions
For The Oatmeal Cookie Bar Layer
- Preheat the oven to 350 degrees.
- 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. (The mixture will be slightly crumbly)
- Pat ¾ of the oatmeal cookie mixture into a 12 by 17" baking pan. (Set the remaining cookie dough aside) Cook in a preheated 350-degree oven for 8 minutes.?
For the Caramel Layer
- Use Mrs Richardson Caramel Sauce or if you're using caramels, while the cookie mixture is baking, melt the caramel in the microwave. To melt the caramel, unwrap your caramels, add them to glass, microwave safe, bowl. Add a teaspoon of evaporated milk. Cook on 50% power for 1 minute. Stir. Cook again for 1 minute on 50% power. Stir. Cook again for 30 seconds on 50% power and repeat until the caramel is melted.
For the Coconut Layer
- In a medium-sized mixing bowl, combine the shredded coconut, sweetened condensed milk, and coconut extract. Stir until combined.
- 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.
- Sprinkle the remaining ¼ of the cookie mixture on the Coconut Caramel Magic Bars.
- Bake for an additional 20-22 minutes or until the edges are barely golden brown.
- Let the cookie bars cool for about 30-60 min or until room temperature. Cut into 24 bars and serve, enjoy!
Nutrition
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...
If you’ve tried this recipe, please rate it and leave a comment on this post. I love hearing feedback from you 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!
Leave a Reply