• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
The Carefree Kitchen
  • Home
  • Recipe Box
    • All Recipes
    • Appetizers
      • Cheese
      • Dips
    • Breakfast
      • Breakfast Casseroles
      • Eggs
      • French Toast
      • Muffins
      • Sweet Rolls
      • Quick Breads
    • Salads
    • Soups
    • Main Dish
      • Beef
      • Chicken
      • Pasta
      • Pizza
      • Pork
      • Seafood
      • Turkey
    • Sides
      • Potatoes
      • Rice
      • Veggies
    • Desserts
      • Bars
      • Cakes
      • Candy
      • Cookies
      • No-Bake
      • Pies
      • Flavored Popcorn
    • Breads
    • Sauces & Condiments
    • Drinks
  • Videos
  • About
  • Contact
menu icon
go to homepage
search icon
Homepage link
  • Home
  • Recipe Box
  • Videos
  • Gift Guide 2020
  • About
  • Contact
    • Facebook
    • Instagram
    • Pinterest
  • ×

    Home » Desserts

    Coconut Caramel Magic Bars

    By Jill Baird · Published May 29, 2019 · Updated July 5, 2022 · 2 Comments

    Coconut Caramel Magic Bars stacked on top of each other

    Sharing is caring!

    143 shares
    • Share
    • Yummly
    • Twitter
    Jump to Recipe

    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

    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!  

    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. 

    Coconut Caramel Magic Bars step by step

    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
    Coconut Caramel Magic Bars in a baking pan

    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.

    Coconut Caramel Magic Bars on a cutting boars

    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 stacked on top of each other
    Print

    Coconut Caramel Magic Bars

    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!
    Course Dessert
    Cuisine American
    Prep Time 10 minutes minutes
    Cook Time 30 minutes minutes
    Cooling time 30 minutes minutes
    Total Time 40 minutes minutes
    Servings 24 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

    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

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

    « White Chocolate and Raspberry Cookie Bars
    Easy Crockpot Creamy Salsa Verde Chicken »

    Reader Interactions

    Leave a Reply Cancel reply

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

    Recipe Rating




    Primary Sidebar

    Hi! I'm Jill.

    I love sharing my love of food with you and helping you find easy solutions for all of your family's meals and delicious treats.

    Learn More

    Let's Be Friends!

    • Facebook
    • Instragram
    • Pinterest
    • YouTube

    Most Popular Posts

    • key lime pound cake recipe with limes on a serving platter
      Key Lime Pound Cake
    • how to make homemade pesto quiche recipe, quiche with pesto
      3 Cheese and Pesto Quiche
    • beef fajitas marinade, easy steak fajitas recipe, steak fajita marinade. beef fajitas
      Steak Fajitas Recipe
    • mississippi Pot Roast, sirloin tip roast crock pot on mashed potatoes, beef sirloin tip roast crock pot.
      Slow Cooker Mississippi Pot Roast Recipe
    • Vegetable Kabobs
    • Honey Soy Chicken Thighs on a white platter, baked honey soy chicken thighs.
      Honey Soy Chicken Thighs
    • homemade pizza recipe with homemade crust. bake homemade pizza, best pizza recipe.
      Homemade Pizza Recipe
    • meal ideas cheap, cheap dinner, budget dinner, cheap easy dinner. easy cheap dinner.
      Cheap Dinner Ideas

    Explore More Recipes

    Footer

    About The Carefree Kitchen

    The Carefree Kitchen is where I get to share my love of food with you! Every recipe is tested and approved by my family and friends. These recipes are easy to prepare, nutritious, and delicious!

    • Facebook
    • Instagram
    • Pinterest
    • YouTube

    Copyright © 2023 · Privacy Policy · Disclaimer • Terms and Conditions

    143 shares