Chocolate Coconut Caramel Bars

These Chocolate Coconut Caramel Bars have a sticky-sweet layer of sweetened condensed milk & coconut, topped with chocolate drizzle!

Chocolate Coconut Caramel Bars | Bakerita.comThis recipe has been a long time in the making. Some of you may remember these Caramel Coconut Chocolate Chunk Cookies I posted at the end of last year. Well, those cookies were created based upon the three favorite flavors of my friend Mariah…but I made them over winter break, when we weren’t at school, so she couldn’t have any.

She was not a happy camper that she didn’t get the cookies that were pretty much based upon her request, so last week when I was getting ready to go visit her and her family, I knew I needed to make a treat that encompassed all of her favorite flavors (dark chocolate, coconut, and caramel) to make up for it.

I decided on bars because they’re delicious and so easy to transport, and you can add a whole bunch of stuff to them and they just get more and more delicious…what else could you ask for?!

I decided on a chocolate-y bar base, that’s chewy, dense, and fudgy – but not as dark and dense as a brownie. It still maintains a little bit of the chewiness of a cookie, that works well here with all the other sweet stuff going on. Into the batter went some caramel bits, which was then topped with sweetened condensed milk mixed with coconut bits.

Chocolate Coconut Caramel Bars |

Ugh. That top layer is chewy caramelly coconutty goodness (If you’ve never baked sweetened condensed milk on top of a bar before, magical things happen. Just look here to see.) and gives the bars some major chewiness. After that comes a little bit more of the bar mixture crumbled on top, with some coconut sprinkles for fun and prettiness.

After baking, I opted to top my chocolate coconut caramel bars with chocolate drizzle, because everything is better with a chocolate drizzle. It’s probably been proven. These bars stayed chewy for days when all wrapped up, and they travelled well! The resulting bars are dense, chewy, sweet, and delicious, and are sure to cure any sweet tooth you may have.

Oh, and for the coconut haters – it can easily be left out of the recipe, no problem. No need to substitute anything! I don’t understand your taste buds, but these bars would definitely still be awesome without the coconut.

If you make them, let me know how they turn out in the comments section below! I love to hear from you guys. And as always, I hope you enjoy them!

Chocolate Coconut Caramel Bars |

Chocolate Coconut Caramel Bars
  • 1 cup unsalted butter, melted (2 sticks)
  • 2 large eggs
  • 1½ cups light brown sugar, packed
  • ½ cup granulated sugar
  • 4 tablespoons water
  • 1 tablespoon vanilla extract
  • 3 cups (12¾ oz.) all-purpose flour
  • ½ cup (2 oz.) unsweetened natural cocoa powder
  • 1 teaspoon baking soda
  • ½ teaspoon kosher salt
  • ½ cup caramel bits or chopped caramel candies
  • 1 can (14 oz.) sweetened condensed milk
  • ½ cup + ¼ cup shredded coconut
  • ½ cup chocolate chips
  1. Preheat oven to 350F. Line an 9-by-13-inch baking pan with aluminum foil or parchment paper, spray with cooking spray; set aside.
  2. In a large microwave-safe bowl, melt the butter, about 1 minute. Allow the butter to cool for one minute. Add the egg, sugars, water, vanilla, and stir or whisk vigorously to combine.
  3. Add the flour, cocoa powder, baking soda, salt and stir until just incorporated. Fold in the caramel bits.
  4. Reserve about 1 cup dough; set aside. Turn remaining dough out into prepared pan, smoothing it lightly with a spatula. Mix ½ cup coconut with the sweetened condensed milk. Pour sweetened condensed milk mixture over the top of the dough. Using your fingers or a small cookie dough scoop, lightly crumble the reserved cookie dough over the top in marble-sized chunks. Sprinkle the remaining ¼ cup coconut over the top.
  5. Bake for about 27 to 30 minutes, or until center is mostly set and the coconut is golden brown. The sweetened condensed milk should nearly be set in all places, but possibly a little loose in the very center of the pan is okay. Bars firm up more in pan as they cool; don't overbake because you want these to stay soft and gooey.
  6. Allow bars to cool in pan for at least 3 hours before slicing for the cleanest cut marks (use foil overhang to lift out).
  7. Melt chocolate chips in the microwave for 30 seconds, stir. Melt in 10 second increments, stirring in between, until completely melted. When fully melted, place in a small Ziploc bag, snip the corner, and drizzle chocolate over the bars.
  8. Extra bars will keep airtight at room temperature for up to 1 week, or in the freezer for up to 3 months.



  1. Love this flavor combination!

  2. Drool…

  3. These look amazing! I can see why your friend was upset that she didn’t get any!

  4. Ahhhhh these are amazing!!! I just made a new homemade caramel yesterday– it was finally thick & sticky like I wanted it to be. I might use it in these!!!

  5. These look delicious and I love everything in them! Pinned! :)

  6. I can’t even HANDLE how much I need these in my life. Holy yum.

  7. Condensed milk on anything and I’m there. These look gorgeous.

  8. These sound delicious! I’ve only ever put sweetened condensed milk on top of magic bars, but I imagine it would be completely awesome on brownies and other bars as well. Your friend is lucky to have you to make things for her! :)

  9. These look so good Rachel! Love the idea of adding condensed milk to them to add to the gooeyness :-)

  10. Caramel, coconut and chocolate in one bar?? Sounds soooo good. I need to make some bars soon – I haven’t made any in way too long!

  11. I’ve probably said this on here before, but I do not like coconut. Having said that, I would like to eat all of these. :)

  12. ohmygosh, these look incredible, Rachel!! so yummy and chocolatey! :)

  13. Amazing bars! I’ve just recently become a big fan of coconut! Must try these!

  14. Can I be your friend? These bars look amazing!

  15. Oooh yeah. These look pretty freaking amazing!! Sweetened condensed milk is the best, isn’t it??

  16. Loving the coconut and chocolate combination!!

  17. You just cannot go wrong with chocolate and coconut. Especially if caramel is added to the party. :) These look amazing Rachel!

  18. Holy yum! I love chocolate caramel bars and imagine that the coconut just takes these over the top!

  19. Yum! I love the chocolate, coconut and caramel flavor combo! They look amazing!

  20. These look incredible! Mariah is a lucky gal. :)

  21. Made this last night and my hubby has almost finished it today. Its amazing.
    I did made some alterations; I reduced the brown sugar to 1 cup and increased the cocoa to 3/4 cups. I had to use a mix of butter and canola oils and I baked it for the 27 minutes then did 3 min on broil until the coconut was brown, The top was crunchy with that extra hit with the broiler and it almost had a brulee like top. Rose quite high then dropped down as it cooled.
    Next time I am going to reduce the sugar even more, but increase the chopped caramels and sprinkle some course kosher salt on the top. So good and easy to make.


  1. Caramel Chocolate Bars

    […] uff going on. Into the batter went some caramel bits, which was then topped with […]

  2. […] sugar high continues with this recipe for chocolate coconut caramel bars, which remind me of those Girl Scout cookies that are so […]

  3. […] a few days (and we all went to Newport Beach, and Santa Barbara!) and since I had brought Mariah a dessert made of all of her favorite things, Ally requested a dessert that had all of her favorite things. I know Ally has a major thing for […]

Speak Your Mind