Jump to Recipe

This post may contain affiliate links.

This easy Coconut Banana Bread recipe with chocolate chips is a fun way to kick your banana bread up a notch. Moist and delicious with a taste of something tropical and loaded with gooey chocolate chips. Only 10 minutes to prep and is certain to be a family favorite!

Overhead view of coconut banana bread with butter spread on top.
Save this recipe!
Enter your email and I’ll send it to you, plus get new recipes from me regularly!
Please enable JavaScript in your browser to complete this form.

This recipe was originally published March 2019 and updated July 2021.

I can never get enough banana bread–but who can? This Coconut Banana Bread packed with dark chocolate chips was inspired by my favorite of all time: White Chocolate Almond Banana Bread.

Taking your bread to a tropical destination with all of the coconut in this simple loaf that is a great way to use up ripe bananas!

Why this Coconut Banana Bread is the Best:

  • Uses up food that would go to waste. I HATE wasting food. And bananas always go brown before we can get to them all. Sometimes they end up in these Banana Overnight Oats, but banana bread is always on the list. Love that we don’t have to toss the bananas!
  • Kid friendly. Banana bread is always well loved by kiddos. Toss in some chocolate chips and you know they will come running! Even if they are not so sure about the coconut, the sight of chocolate is usually what will get them in the kitchen.
  • It’s freezer friendly. Freeze the whole loaf or freeze individual slices. You should be good to go either way!
  • A fun twist on a classic favorite. I am a fan of a good classic recipe, but sometimes shifting things up a bit is the best. Some coconut in this banana bread makes all the difference!

Ingredients and Substitutions:

  • bananas: make sure they are mushy and brown. That will make for the best coconut banana bread
  • egg: large egg, and make sure its room temperature for best results
  • flour: I use all purpose. You should be ok with a 1:1 all purpose gluten free flour
  • butter: unsalted for this recipe, but if you have salted, just omit the salt or half it
  • brown sugar: light brown sugar is my preference
  • baking soda: easily test if your baking soda is fresh
  • vanilla extract
  • shredded coconut: I use unsweetened. You could use sweetened but it will definitely up the sugar and sweetness of the recipe!
  • chocolate chips: you can vary as you would like here. I use dark chocolate chips in this coconut banana bread recipe but white or milk would be great as well!
Flour, chocolate chips, banana, butter and other ingredients labeled on counter.

Step-by-Step Instructions:

  • Mash the bananas well (step 1)
  • Add the egg and whisk to incorporate. (step 2-3)
  • Mix in the butter, brown sugar, vanilla and egg until smooth. It’s ok if you have some lumps in the banana when mashing. No need for perfectly smooth! (step 3-4)
Mashed banana and egg in glass mixing bowl.
  • In a separate bowl whisk together the flour, baking powder, baking soda and sea salt. Add this mixture to the banana mixture and stir until combined. Do not over stir–just until incorporated. (step 4)
  • Fold in one cup of the coconut and 2/3 cup chocolate chips. (step 5-6)
Flour in banana bread batter with coconut and chips added.
  • Pour into a parchment lined or well greased bread pan and top with remaining chocolate chips and coconut. (step 7-8)
  • Bake at 350°F until a toothpick comes out clean. About 50-60 minutes. (step 9)
  • Cool and serve!
Coconut banana bread batter in bread pan before and after baking.

Recipe Tips and Notes:

  • I added coconut both inside the bread and on top. The toasted coconut on top is the best! For best results, gently press the coconut and chocolate chips that you sprinkle on top onto the batter so it doesn’t fall off when serving nearly as much.
  • Dark chocolate chips, milk chocolate chips, dairy free chocolate chips–you choose. Whatever kind works best for you or whatever you have in the pantry should work just fine.
  • For a gluten free version, a gluten all purpose flour should work just fine. Just make sure it is a 1:1 conversion.
  • Pro tip: I have a friend who uses banana bread to make French Toast. She is clearly a genius. Can you imagine this bread as French Toast?!?
Loaf of coconut banana bread on cooling rack.

Other Banana Bread Recipes:

HUNGRY FOR MORE? Subscribe to my newsletter and follow me on Facebook, Instagram and Pinterest for all the latest!

Tap stars to rate!
5 from 6 votes

Coconut Banana Bread with Chocolate Chips

This easy Coconut Banana Bread recipe with chocolate chips is a fun way to kick your banana bread up a notch. Moist and delicious with a taste of something tropical and loaded with gooey chocolate chips. Only 10 minutes to prep and is certain to be a family favorite!
Prep Time: 10 minutes
Cook Time: 45 minutes
Total Time: 55 minutes
Servings: 12

Ingredients 

Save this recipe!
Enter your email and I’ll send it to you, plus get new recipes from me regularly!
Please enable JavaScript in your browser to complete this form.

Instructions 

  • Preheat oven to 350°F.
  • In a medium bowl, mash bananas well. Add in egg and whisk together. Mix in butter, vanilla and brown sugar until smooth.
  • In a separate bowl, whisk together flour, baking soda and salt. Pour the dry ingredients into the wet and stir.
  • Fold in 2/3 c chocolate chips and 1 cup of the coconut.
  • Pour batter into a well greased bread pan and top with remaining chocolate chips and coconut.
  • Bake 50-60 minutes or until a toothpick comes out clean. Cool before serving (if you can wait that long!)

Notes

  • I added coconut both inside the bread and on top. The toasted coconut on top is the best! For best results, gently press the coconut and chocolate chips that you sprinkle on top onto the batter so it doesn’t fall off when serving nearly as much.
  • Dark chocolate chips, milk chocolate chips, dairy free chocolate chips–you choose. Whatever kind works best for you or whatever you have in the pantry should work just fine.
  • For a gluten free version, a gluten all purpose flour should work just fine. Just make sure it is a 1:1 conversion.

Nutrition

Calories: 309kcal, Carbohydrates: 38g, Protein: 5g, Fat: 16g, Saturated Fat: 11g, Polyunsaturated Fat: 1g, Monounsaturated Fat: 2g, Trans Fat: 1g, Cholesterol: 56mg, Sodium: 262mg, Potassium: 220mg, Fiber: 3g, Sugar: 20g, Vitamin A: 258IU, Vitamin C: 3mg, Calcium: 44mg, Iron: 2mg

Nutrition information is automatically calculated, so should only be used as an approximation.

Did you enjoy this recipe? Have a question?Leave a comment below!

Leave a comment

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

Recipe Rating




13 Comments

  1. Roz says:

    5 stars
    I love this recipe! I tweaked it a bit. Used white chocolate chips, and added cinnamon to the dry ingredients. For the topping, I mixed some butter, brown sugar, and coconut and sprinkled it on top with the chocolate chips. So yummy! Thanks Lorie!

    1. Lorie says:

      Oh I love the sound of that topping! Adding it to my to do list. Thanks for sharing!!

  2. Rick M says:

    Read the comments above and they were pointing out a number of errors. Here’s another one: you list sea salt in the ingredients but nowhere in the instructions does it says to add it. So I missed it altogether because I go word by word according to the instructions. I can see now where it should have been added with the flour and baking soda but it should say so. I haven’t tried the finished product yet but I sure hope the missing sea salt is not an issue.

    1. Lorie says:

      Hope it turned out ok!! Should be fixed. This recipe was part of a glitch with the recipe card and every time I think it’s ok, something else seems to come up. Sorry about that!

  3. Yvonne says:

    Want to make this but 1/3 brown sugar doesn’t seem to be enough sugar. Is the amount correct?

    1. Lorie says:

      Hi! That is correct. The white chocolate melts into the bread and adds a lot of sweetness!

  4. LynnAnn Prom says:

    Hi There, started making this recipe and the confusion that I found it is that it says salt and baking soda in the ingredient list. Down in the instructions when you’re mixing dry ingredients it mentions baking powder. There is no baking powder listed in the ingredients needed?

    1. Lorie says:

      Hi! So sorry for the confusion. No baking powder. A while back the recipe card filled another recipe into this one and mixed things up. I missed that error. I hope it all worked out ok and I’m adjusting it now.

  5. Kim Olenick says:

    The recipe does not indicate the amount of salt or baking powder.
    Please let me know if I need these ingredients to make the banana bread.
    Kim

    1. Lorie says:

      Hi Kim! Not sure why you aren’t able to see it. Maybe there is a glitch. You need 1 tsp baking soda and 1/2 tsp salt. Sorry for any confusion!

  6. Lorie says:

    So sorry to hear this! I haven’t had issues but will make it again soon and see if I can tweak anything to help!

  7. Lorie says:

    ok, Kate, you should be set. Again, I apologize–no clue why it happened again!

  8. Lorie says:

    Hi Kate–that is the strangest thing. It happened a while ago and I thought I fixed it. Let me see what I can do really quick.