Chocolate Coconut Bars Recipe

This Chocolate Coconut Bars recipe is easy to make and produces a crowd-pleasing dessert. The flavor combination of chocolate and coconut is one requested time and again by my customers. These bars are one of my favorite desserts using this combination of flavors – who can resist the soft cookie base and the gooey, chocolaty, coconut topping?

chocolate coconut cookie bars for

This post may contain affiliate links. Please refer to the terms page for more information.

When cooking for a crowd it is often best to make things simple – yet tasty! For casual gatherings a table with platters of dessert bars can be made the day before. Check out my other brownies and bars recipes as it is nice to have a few different selections for your guests. When serving a selection of desserts to my guests, my preference is: one fruit dessert, one chocolate dessert and one nut dessert – so many palates to please!

chocolate coconut bars on a plate

Prepare the Pan for Baking:

  • These chocolate coconut bars may be made either a 10″ square pan or a 9″ x 13″ pan. My preference is to use a square pan so the bars may be cut into equal squares.
  • To make removal of the dessert easier consider cutting two strips of parchment paper 10″ x 16″ (for the square pan). Butter or spray the bottom and sides of the pan, place the two strips crossing each other so the paper extends beyond the top of the pan.
  • After the bars finish setting you simply pull upward on the paper and the bars will easily remove from the pan.
prepared pan for dessert bars

Ingredient tips

  • Bring your butter and eggs to room temperature before beginning to make this recipe. Room temperature butter and eggs will incorporate into the other ingredients better.
  • Use a high-quality chocolate. Yes, chocolate can be expensive but you only need 12 ounces.
  • Chop the chocolate into large chunks – about twice size of a standard chocolate chip. The big chunks of chocolate make this recipe extra special.
  • There is no need to toast the coconut before baking. It will have plenty of time in the oven.

Baking the Chocolate Coconut Bars:

  • These bars will be baked twice: first with the cookie crust only and second with the coconut/chocolate filling. The crust needs to be partially baked first in order to ensure it is fully baked and the topping does not blend into the crust. Trust me – this extra effort is worth it!
  • Cool the bars completely before removing from the pan and slicing. Leftovers – if you have any – may be left at room temperature and covered with foil or plastic wrap for 2 – 3 days.
spreading coconut in pan for dessert bars
Spread the coconut and chocolate mixture evenly in pan

I hope your family and friends enjoy these bar cookies with chocolate and coconut!

finished full dessert on a plate

Chocolate Coconut Bars

Chocolate and coconut top a soft cookie base in these dessert bars.
5 from 69 votes
Course Dessert
Servings 18




  • 180 Grams all-purpose flour (1 ½ Cups)
  • ½ tsp Baking Powder
  • 1 tsp Salt
  • 175 Grams Butter, room temperature (1 ½ Sticks)
  • 50 Grams Granulated Sugar (measure #1) (½ Cup)


  • 266 Grams Light Brown Sugar (1 ¼ Cup)
  • 4 Large Eggs, room temperature
  • 100 Grams Granulated Sugar (measure #2) (½ Cup)
  • 2 Cups Sweetened Shredded Coconut (190 Grams)
  • 340 Grams Bittersweet Chocolate, chopped into chunks (12 Ounces)


Prepare Pan

  • Spray pan with nonstick baking spray and place strips of parchment paper in bottom of pan so the parchment extends over the four pan sides.

Make Cookie Base

  • Preheat oven to 350° F
  • Sift or whisk together flour, baking powder and salt.
  • Place softened butter and granulated sugar (measure #1) in bowl of a stand mixer. Using the paddle attachment begin mixing on medium speed. Continue to mix until the butter and sugar mixture is light and fluffy (approximately 2 – 3 minutes). Note: a hand mixer may also be used
  • Add the flour, baking powder and salt mixture. Mix for 20 – 30 seconds.
  • Remove the bowl from the mixer and, using a rubber spatula, mix the dough briefly. Note: the dough will be crumbly.
  • Pour the dough into the bottom of the prepared pan. Using your hands, lightly press the dough down so it evenly covers the bottom of the pan.
  • Bake for 12 minutes.
  • Place on a cooling rack, cool for 10 minutes then proceed with making the topping.


  • Place brown sugar in mixing bowl. Begin adding eggs one at a time, mixing with a rubber spatula between each addition.
  • Add granulated sugar and coconut to the bowl. Mix until fully incorporated.
  • Add chocolate chunks to the bowl. Mix until evenly distributed.
  • Pour topping over partially baked cookie dough base.


  • Bake for 22 – 25 minutes. Cool completely before removing from pan.
  • Unmold by pulling up on sides of parchment paper and transfer to a cutting board. Remove parchment from bottom of the bar. Cut into desired shapes.
Keyword bars with coconut, chocolate coconut bars, easy bar recipes
Tried this recipe?Let us know how it was!


  1. Momma T


    5 stars
    Wowzie! I love anything coconut and chocolate. We served these at a casual luncheon with other cookie bars – I should have made more of these cuz people ate them up.

  2. Luna S


    5 stars
    Mmm yes please! A co-worker of mine makes these and adds M&M’s and chocolate chips on top and it is so good. I need to make some of these for my family.

  3. Melanie williams


    5 stars
    Ooo now these look super yummy. chocolate and coconut is the best of both worlds and great for the upcoming holiday season for sure. I will be giving this a try at the weekend xx

  4. Beth


    5 stars
    These look like Heaven on a plate! I love the combination of flavors here, and I can’t wait to make them!

  5. Kelly Bolen


    5 stars
    This looks amazing! And super easy to make!! I can’t wait to try it!

  6. Cinny


    5 stars
    I agree with some of the others. I love everything coconut so this is definitely for me!

  7. Rosey


    5 stars
    Oh yeah, I would choose to have these cut into bars too. These look absolutely delicious to me.



    5 stars
    Coconut and chocolate are an exciting combination. I would love to try this.

  9. Patricia Chamberlain


    5 stars
    These look amazing! I really love the flavors of chocolate and coconut mixed together. I can’t wait to make these.

  10. Ashley T


    5 stars
    These look and sound amazing. I love both chocolate and coconut and would love to try making these.

  11. Nyxie


    5 stars
    These would be great snacks! And they don’t seem too difficult to make! Thank you for sharing. I’m really beginning to gather quite a few good recipes!



    5 stars
    I do love the sound of these. They sound like they’d taste soooo good. I do love most things with coconut and I’m sure my kids would enjoy them too.

  13. Ntensibe Edgar


    5 stars
    Nnniiiccceeee….I haven’t enjoyed a chocolate bar before. It looks so delicious from here. Thanks for this recipe, Stephanie.

  14. Bedabrata Chakraborty


    5 stars
    Very tempting recipe and I love coconuts. Quick question is there a substitute for eggs? Many of my friends and family are vegetarians and I would want to serve this dish during holiday meals.

  15. Marysa


    5 stars
    I have an obsession with coconut, and this sounds awesome! What a great combination of flavors. I’ll have to try your recipe.

Leave Comment

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

Recipe Rating