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!
How to Melt Caramels into Caramel Sauce:
How to Make Coconut Caramel Cookie Bars:
Coconut Caramel Magic Bars

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!

melted caramel in a glass bowl, how to melt caramel

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 in a baking pan

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.

Coconut Caramel Magic Bars on a cutting boars

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

Course Dessert

Cuisine American

Prep Time 10

Cook Time 30

Cooling time 30

Total Time 40

Servings people

Calories 365kcal

Author The Carefree Kitchen

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 teaspoon Baking Soda
1 teaspoon Salt
1 teaspoon vanilla extract

Coconut Layer

1 14 oz bag Coconut Shredded and sweetened
1 14 oz can Sweetened Condensed Milk
½ teaspoon Coconut Extract

Caramel Layer- Melt Caramel or use Mrs Richardson Caramel Sauce

1 lb Caramels or Mrs. Richardson's Caramel Sauce
1 teaspoon 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:

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!!