My banana bread collection would not be complete without this tropical pineapple banana bread. Mashed banana along with crushed pineapple add a lot of moisture making this loaf incredibly soft and tender. Its tropical flavor gets an extra boost from a layer of toasty coconut flakes on top. And because I can’t make a single loaf of banana bread without brown butter, you’ll also find a kiss of nutty, toffee-like note that takes this loaf to the next level. 

A sliced loaf of pineapple banana bread next to a tea cup.

Making banana bread is seriously my side job with two toddlers at home. They somehow always ask for bananas when I have none and don’t even look at the bananas when I have a fresh bunch on the counter. That’s why it only took me two tries to perfect this tropical version.  

I started with my trusty brown butter banana bread recipe, swapped out some of the mashed bananas for the crushed pineapple, but keeping the wet/dry ingredient ratio the same. It turned out perfectly the first time. I tested it the second time to make sure it wasn’t just a fluke. And guess what? NAILED IT! 👌

Key ingredients

Ingredients for pineapple banana bread with coconut.

🍌 The best banana bread starts with super ripe bananas. Like I mentioned, I have bananas going brown left and right throughout the week, so I usually peel, freeze and save them for this exact purpose – to make banana bread! To use previously frozen bananas, simply thaw and mash them up along with the liquid that releases during thawing.

Other key ingredients…

  • Pineapple – I use canned crushed pineapple, no need to drain, just measure it with the juice. If you don’t have crushed pineapple, other types like pineapple tidbits, pineapple chunks will work too, but make sure to use the weight measurement, and chop them up smaller before using. I haven’t tested this recipe with fresh pineapple but I don’t see why it wouldn’t work. Again use weight measurement in this case and chop it up really finely or use a blender/food processor to crush it so you don’t end up with big ol’ chunks and mushy spots.
  • Coconut flakes I add sweetened coconut flakes on top of the banana bread before baking to create a toasty coconut crust on top. Unsweetened coconut can be substituted. You can also fold extra coconut into the batter, like my coconut banana bread, for more coconut flavor.
  • Brown butterMy secret ingredient! The nutty caramel-like notes from brown butter pair beautifully with bananas, adding a deeper layer of flavor that truly makes this pineapple banana bread stand out from the rest.

How to make it

1. First, brown the butter

Make brown butter and set it aside to cool down just a bit. If you’re in a rush, warm brown butter is fine too.

A spoonful of brown butter.

2. Combine the wet ingredients

Mash the banana using a fork or potato masher (my preferred method!), then add pineapple, eggs, vanilla and brown butter. If your brown butter is still warm, I would beat all the other ingredients together first, then add the butter slowly while beating, sort of like tempering ice cream so it doesn’t cook the eggs. Beat until smooth.

Beating wet ingredients together for pineapple banana bread batter.

3. Incorporate brown sugar

Add brown sugar to the wet ingredients.

4. Stir in dry ingredients

Sift flour, baking soda, and baking powder into the wet ingredient mixture. Sprinkle the salt on top, spread it out evenly to make it easier to incorporate. I used to sift the dry ingredients into a separate bowl before, but I got lazy and found this way works just fine! 😜 Mix gently to form the batter.

Dry ingredients are added to form pineapple banana bread batter.

5. Bake

Transfer your pineapple banana bread batter to a buttered and lined loaf pan. Sprinkle coconut flakes on top and bake until golden.

Pineapple banana bread batter in a loaf pan with coconut flake on top, baked until golden.

Let it cool before digging in so the inside finishes baking from the residual heat! My kids loved this tropical version and asked for it all week.

A slice of pineapple banana bread on a plate with a fork, next to a tea cup and 2 more slices.

Hungry for more?

Click here to join my free newsletter and receive weekly email filled with recipe ideas, inspirations with a sprinkle of personal anecdotes and the occasional giveaways for email subscribers only.

No ratings yet

Moist Pineapple Banana Bread with Coconut

Mashed banana and crushed pineapple make this pineapple banana bread incredibly soft and tender. Its tropical flavor gets an extra boost from a layer of toasty coconut flakes on top, while brown butter adds a nutty, toffee-like richness that takes this loaf to the next level.
Servings: 10 slices
Slices of pineapple banana bread laying on top of each other next to a tea cup and 2 forks.
Prep Time: 20 minutes
Cook Time: 1 hour
Total Time: 1 hour 20 minutes

Equipment

Ingredients 

  • 4 oz (113 g) unsalted butter, brown
  • cup (200 g) mashed banana, equal ½ cup + ⅓ cup
  • ½ cup (125 g) crushed pineapple, with juice
  • 2 large eggs, room temperature
  • 1 teaspoon pure vanilla extract
  • ¾ cup (150 g) brown sugar, packed
  • 1 ¾ cup (230 g) all-purpose flour
  • ½ teaspoon baking soda
  • 1 teaspoon baking powder
  • ½ teaspoon kosher salt
  • 2 tablespoon (12 g) sweetened coconut flakes, for topping
  • Melted butter or baking spray for pan

Instructions 

  • Brown butter – Place the butter in a light colored saucepan over medium heat. Once the butter melts, it will become foamy. When the foam subsides, you will see clear bubbles, start whisking continuously at this point to keep the milk solids from burning. When the butter is caramel in color and smells nutty – about 8 to 9 minutes – remove from heat and set aside to cool.
    4 oz unsalted butter
  • Prepare wet ingredients – Mash the bananas with a potato masher in a large mixing bowl. Add crushed pineapple, cool brown butter, eggs and vanilla. Beat with a whisk until thoroughly combined.
    ⅚ cup mashed banana, ½ cup crushed pineapple, 2 large eggs, 1 teaspoon pure vanilla extract
  • Add sugar – Add brown sugar and beat again until completely incorporated.
    ¾ cup brown sugar
  • Combine dry ingredients – Sift flour, baking soda and baking powder directly into the bowl with the wet ingredients. Sprinkle kosher salt on top. Mix gently with a whisk or a spatula until just combined, the batter can be lumpy and doesn’t need to be completely smooth. Cover with a towel and set aside.
    1 ¾ cup all-purpose flour, ½ teaspoon baking soda, 1 teaspoon baking powder, ½ teaspoon kosher salt
  • Preheat the oven – Set the oven rack in the middle of the oven and preheat to 350°F while the batter rests.
  • Prepare the baking pan – Brush a loaf pan generously with melted butter, line it with a longer piece of parchment paper leaving the excess hanging over the sides. Brush the top of the parchment paper with more melted butter.
    Melted butter or baking spray for pan
  • Bake – Transfer pineapple banana bread batter to the prepared pan, sprinkle coconut flakes over the top and bake in the preheated oven for approximately 60 minutes, until a toothpick inserted into the center comes out clean with no wet batter attached.
    2 tablespoon sweetened coconut flakes
  • Cool – Remove from the oven and let cool completely on a wire rack. To remove banana bread from the pan, simply lift it out using the excess parchment paper as handles.

Notes

  • Storage: you can keep your banana bread in an airtight container at room temp for 3 days, and in the fridge for 1 – 2 weeks. Or you can freeze leftovers, wrapped in plastic individually, for 3-6 months.
  • Reheating: I love serving banana bread slightly warm. Simply wrap a slice in plastic wrap or cover it with a damp paper towel, then microwave for 15–20 seconds until warmed through. If it’s frozen, heat it in short bursts, checking as you go until it’s perfectly warm.

Nutrition

Calories: 276kcal, Carbohydrates: 41g, Protein: 4g, Fat: 11g, Saturated Fat: 7g, Polyunsaturated Fat: 1g, Monounsaturated Fat: 3g, Trans Fat: 0.4g, Cholesterol: 57mg, Sodium: 241mg, Potassium: 158mg, Fiber: 2g, Sugar: 21g, Vitamin A: 350IU, Vitamin C: 3mg, Calcium: 51mg, Iron: 1mg

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

iconLike this recipe? Rate & comment below!

icon

Trang Doan

I'm a self-taught baker. I love sharing everyday baking recipes inspired by tropical ingredients and Asian flavors. All my recipes are tested and perfected in my home kitchen to ensure you can make them successfully in yours!

You May Also Like

Leave a comment

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

Recipe Rating