Eat With Diane

  • Recipe Index
  • About
  • Recipes by Meals
    • Appetizers and Snacks
    • Side-Dish
    • Soups
    • Desserts
    • Drinks
menu icon
go to homepage
  • Recipe Index
  • About
  • Recipes by Meals
    • Appetizers and Snacks
    • Side-Dish
    • Soups
    • Desserts
    • Drinks

search icon
Homepage link
  • Recipe Index
  • About
  • Recipes by Meals
    • Appetizers and Snacks
    • Side-Dish
    • Soups
    • Desserts
    • Drinks

×

Hawaiian Banana Bread Recipe

Published: Mar 28, 2026 by Diane · This post may contain affiliate links · Leave a Comment

Jump to Recipe· 4.2 from 90 reviews

If you’re craving a tropical twist on a classic favorite, this Hawaiian Banana Bread Recipe is exactly what you need to brighten your day. Bursting with the sweet, juicy flavor of crushed pineapple and enhanced by the toasty crunch of shredded coconut, this banana bread is like a mini vacation for your taste buds. The moistness of ripe bananas combined with warm almond extract and the perfect crumb make it an irresistible treat that’s both comforting and exciting. Whether it’s for breakfast, dessert, or a cozy snack, this recipe will quickly become a beloved staple in your kitchen.

Ingredients You'll Need

A top view of various baking ingredients neatly arranged on a white marbled surface, including a small white plate with three sticks of butter at the top left, a clear glass bowl filled with white flour just right of the butter, and a bunch of three yellow bananas with brown spots to the right of the flour. Below the butter is a small white cup with a light liquid, next to a tiny white dish with a small wooden spoon resting inside holding white granules. Two white eggs sit in a round dish with a dark blue floral pattern below these items. Further down on the left is a clear container of white sugar and two small white dishes holding white powders near the center. On the right side below the bananas is a white cup filled with yellowish oil, a small bottle with a black body and red cap, a white container with shredded white coconut, and a white container filled with crushed yellow pineapple at the bottom right. The image shows everything carefully spaced on the marble surface. photo taken with an iphone --ar 4:5 --v 7

Gathering the ingredients for this Hawaiian Banana Bread Recipe is a breeze, and each one plays a crucial role in crafting its delectable flavor and delightful texture. From the creamy butter that adds richness to the all-purpose flour which creates the tender crumb, every component is simple yet essential.

  • 1 ¼ Cup shredded coconut (unsweetened): Adds tropical flavor and chewiness—make sure to toast half for a nutty aroma.
  • 1 Stick unsalted butter (½ Cup, at room temperature): Provides moistness and binds the bread together.
  • 1 Cup granulated sugar: Sweetens the bread perfectly without overpowering the tropical notes.
  • 2 eggs (large): Give structure and richness to the batter.
  • ¼ Cup milk: Keeps the bread tender and ensures a smooth batter.
  • 1 banana (very ripe, mashed): Brings natural sweetness and moisture—the riper, the better!
  • 1 Teaspoon almond extract: Adds a subtle but special flavor twist.
  • 1 Cup crushed pineapple (canned, drained but reserve ¼ cup juice for glaze): Infuses the bread with juicy sweetness and a tropical punch.
  • 2 Cups all-purpose flour: Forms the base of the bread, giving it structure.
  • ½ Teaspoon baking powder: Helps the bread rise and stay light.
  • ½ Teaspoon baking soda: Reacts with the acidity from pineapple and banana for a tender crumb.
  • ¼ Teaspoon salt: Balances sweetness and enhances flavors.
  • Cooking spray (as needed): Ensures your loaf slides right out of the pan.
  • ½ Cup coconut (toasted, reserved): Sprinkled on top for extra crunch and beautiful presentation.
  • ⅔ Cup powdered sugar: Key ingredient for the luscious glaze.
  • 3 Tablespoons pineapple juice (reserved): Adds tangy sweetness to the glaze.
  • ½ Teaspoon almond extract: Enhances the glaze with a hint of warmth.

How to Make Hawaiian Banana Bread Recipe

Step 1: Toast the Coconut

Start by adding ½ cup of the unsweetened shredded coconut to a dry skillet over medium-low heat. Gently cook and stir it for 3 to 5 minutes until it turns a gorgeous golden brown and releases that irresistible fragrant aroma. Transfer it to a plate to cool—this toasty coconut will add a wonderful texture and flavor pop in the final loaf.

Step 2: Prep Oven and Pan

Preheat your oven to 350°F. Lightly spray a 9 × 5-inch loaf pan with nonstick baking spray or line it with parchment paper to ensure your beautiful bread comes out effortlessly after baking.

Step 3: Cream Butter and Sugar

In a stand mixer fitted with a paddle attachment, cream together the room-temperature butter and granulated sugar until the mixture becomes light and fluffy. This step is crucial for a tender crumb and helps create a light texture in your banana bread.

Step 4: Add Wet Ingredients

Next, beat in the eggs one at a time to ensure everything emulsifies smoothly. Add the milk, mashed ripe banana, almond extract, and the drained crushed pineapple to the mix. Each ingredient brings moisture and tropical flavor that makes this Hawaiian Banana Bread Recipe stand out.

Step 5: Mix Dry Ingredients

In a separate bowl, whisk together all-purpose flour, baking powder, baking soda, and salt. This step evenly distributes the leavening agents and seasoning, so your bread rises perfectly without any salty surprises.

Step 6: Combine Wet and Dry

Gradually add the dry ingredients into the wet ingredients and stir gently until just combined. Overmixing can make the bread dense, so slow and steady wins the race.

Step 7: Fold in Remaining Coconut

Fold in the remaining ¾ cup of unsweetened shredded coconut (untoasted). This adds a burst of chewy texture throughout the bread, promising delightful tropical bites.

Step 8: Bake the Bread

Pour the batter into your prepared loaf pan and pop it in the oven. Bake for 60 to 65 minutes, or until a toothpick inserted into the center comes out clean. The kitchen will soon fill with an amazing aroma that hints at the deliciousness soon to come.

Step 9: Cool and Glaze

Remove the bread and let it cool in the pan for 10 minutes before transferring it to a wire rack to cool completely. Meanwhile, whisk together powdered sugar, reserved pineapple juice, and almond extract to create a smooth glaze. Drizzle the glaze over the cooled loaf and immediately sprinkle with the reserved toasted coconut. Let the glaze set before slicing to get those perfect, sticky drip edges.

How to Serve Hawaiian Banana Bread Recipe

A two-layer square slice of cake sits on a white plate with blue floral patterns. The cake layers are light yellow with a soft texture, and the entire cake is coated in white frosting covered in toasted coconut flakes that are golden brown and crisp. The slice is stacked on two more identical white plates, all placed on a white marbled surface. In the background, there is a blurry pineapple, a bunch of bananas, and a larger piece of the same cake. Sprinkled toasted coconut flakes also decorate the surface around the plates. The setting is bright with pastel stripes on the wall behind. Photo taken with an iphone --ar 4:5 --v 7

Garnishes

Sprinkle extra toasted coconut or even a few chopped macadamia nuts on top for crunch and an elegant finish. Fresh pineapple chunks or a light dusting of powdered sugar can also add a beautiful touch when serving.

Side Dishes

This bread pairs incredibly well with a scoop of vanilla ice cream or a dollop of whipped cream if you're serving it as dessert. For a breakfast twist, enjoy it alongside a cup of strong coffee or tropical fruit salad to complement the flavors.

Creative Ways to Present

Slice thickly and serve with a spread of coconut cream cheese or pineapple butter. You can also transform it into delightful French toast for a special brunch or cut into cubes and skewer with fresh fruit for a fun party appetizer.

Make Ahead and Storage

Storing Leftovers

Store leftover Hawaiian Banana Bread Recipe tightly wrapped in plastic wrap or an airtight container at room temperature for up to three days to keep it moist and flavorful. Refrigeration can dry it out, so only pop it in the fridge if your kitchen is very warm.

Freezing

This banana bread freezes beautifully! Wrap it well in plastic wrap then foil and freeze for up to three months. When ready to enjoy, thaw overnight in the refrigerator or at room temperature for a few hours for a fresh-baked taste sensation.

Reheating

To revive your bread, warm slices in a toaster oven or microwave for 15 to 20 seconds. This will bring back that soft, tender texture while waking up the aromatic tropical flavors for the ultimate eating experience.

FAQs

Can I use fresh pineapple instead of canned?

Absolutely! Just make sure to drain fresh pineapple very well to avoid adding extra moisture that can affect the bread's texture. Fresh pineapple can even enhance the tropical taste further.

What type of banana is best for this recipe?

The riper the banana, the sweeter and more flavorful your Hawaiian Banana Bread Recipe will be. Look for bananas with lots of brown spots or even ones that are mostly brown for optimal sweetness and moisture.

Is it necessary to toast the coconut?

While not mandatory, toasting the coconut adds a wonderful nutty flavor and crunch that elevates the bread’s texture and aroma significantly. It’s a small step with a big payoff.

Can I substitute the almond extract?

You can, but almond extract really adds a warm, nutty undertone that perfectly complements the pineapple and banana. If you prefer, vanilla extract is a reasonable substitute, though the flavor profile will be a bit different.

How do I know when the bread is fully baked?

Insert a toothpick into the center of the loaf. If it comes out clean or with a few moist crumbs, your bread is ready. If it’s wet with batter, give it a few more minutes and check again.

Final Thoughts

This Hawaiian Banana Bread Recipe is one of those magical combinations that turns simple everyday ingredients into a celebration of tropical flavors and comforting textures. Whether you’re sharing it with loved ones or savoring a quiet moment alone, this bread brings sunshine to any table. I can’t wait for you to try it and discover your new favorite banana bread twist!

Print
clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon
Hawaiian Banana Bread Recipe

Hawaiian Banana Bread Recipe


5 Stars 4 Stars 3 Stars 2 Stars 1 Star

4.2 from 90 reviews

  • Author: Diane
  • Total Time: 1 hour 25 minutes
  • Yield: 8 servings
Print Recipe
Pin Recipe

Description

This Hawaiian Banana Bread is a moist and flavorful treat that combines ripe bananas, crushed pineapple, and shredded coconut for a tropical twist on classic banana bread. Toasted coconut on top adds a delightful crunch, while a sweet pineapple glaze enhances every bite. Perfect for breakfast, snacks, or dessert!


Ingredients

Main Ingredients

  • 1 ¼ Cup shredded coconut (unsweetened)
  • 1 Stick unsalted butter (½ Cup, at room temperature)
  • 1 Cup granulated sugar
  • 2 eggs (large)
  • ¼ Cup milk
  • 1 banana (very ripe, mashed)
  • 1 Teaspoon almond extract
  • 1 Cup crushed pineapple (canned, drained but reserve ¼ cup juice for glaze)
  • 2 Cups all-purpose flour
  • ½ Teaspoon baking powder
  • ½ Teaspoon baking soda
  • ¼ Teaspoon salt
  • Cooking spray (as needed)

For the Glaze and Topping

  • ½ Cup shredded coconut (toasted, reserved)
  • ⅔ Cup powdered sugar
  • 3 Tablespoons pineapple juice (reserved from canned pineapple)
  • ½ Teaspoon almond extract


Instructions

  1. Toast the Coconut: Add ½ cup of the unsweetened shredded coconut to a dry skillet over medium-low heat. Cook and stir for 3 to 5 minutes until the coconut turns golden brown and fragrant. Remove from heat and transfer the toasted coconut to a plate to cool.
  2. Preheat Oven: Preheat your oven to 350°F (175°C).
  3. Prepare the Loaf Pan: Lightly spray a 9 × 5-inch loaf pan with nonstick cooking spray or line it with parchment paper for easy removal.
  4. Cream Butter and Sugar: In a stand mixer fitted with a paddle attachment, cream together the butter and granulated sugar until the mixture is light and fluffy, about 3-4 minutes.
  5. Add Wet Ingredients: Beat in the eggs one at a time, then add the milk, mashed banana, almond extract, and drained crushed pineapple. Mix until well combined.
  6. Mix Dry Ingredients: In a separate medium bowl, whisk together the all-purpose flour, baking powder, baking soda, and salt.
  7. Combine Wet and Dry: Gradually add the dry ingredients into the wet ingredients, stirring gently just until combined. Avoid overmixing to keep the bread tender.
  8. Fold in Coconut: Gently fold in the remaining ¾ cup of unsweetened shredded coconut (untoasted) into the batter.
  9. Bake the Bread: Pour the batter evenly into the prepared loaf pan. Bake in the preheated oven for 60 to 65 minutes, or until a toothpick inserted into the center comes out clean.
  10. Cool the Bread: Let the bread cool in the pan for about 10 minutes, then transfer it to a wire rack to cool completely.
  11. Prepare the Glaze: In a small bowl, whisk together the powdered sugar, reserved 3 tablespoons pineapple juice, and almond extract until smooth and pourable.
  12. Glaze and Garnish: Drizzle the glaze over the cooled banana bread, then immediately sprinkle the reserved toasted coconut on top.
  13. Set and Slice: Allow the glaze to set before slicing and serving.

Notes

  • Use very ripe bananas for maximum sweetness and moisture.
  • Make sure to drain the canned pineapple well to avoid excess moisture in the batter.
  • To toast coconut evenly, stir constantly and monitor closely to prevent burning.
  • Store the bread in an airtight container at room temperature for up to 3 days or refrigerate for up to a week.
  • This banana bread freezes well; wrap tightly and freeze up to 3 months.
  • Prep Time: 20 minutes
  • Cook Time: 65 minutes
  • Category: Baking
  • Method: Baking
  • Cuisine: American

Have you made this recipe? I'd love to see it!

Click here to Follow me on Pinterest

More Desserts

  • Red, White, & Blue Poke Cake Recipe
    Red, White, & Blue Poke Cake Recipe
  • Strawberries and Cream Eclair Cake Recipe
    Strawberries and Cream Eclair Cake Recipe
  • Lemon Pretzel Dessert Recipe
    Lemon Pretzel Dessert Recipe
  • Homemade Blueberry Ice Cream Recipe
    Homemade Blueberry Ice Cream Recipe

Leave a Reply Cancel reply

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

Recipe rating 5 Stars 4 Stars 3 Stars 2 Stars 1 Star

Hi there! I’m so happy you’re here. Welcome to Eat With Diane a space where I share recipes that are simple, delicious, and filled with love to bring joy to your table.

Learn more

Popular

  • Peach Burrata Salad with Balsamic Vinaigrette and Pistachios Recipe
    Peach Burrata Salad with Balsamic Vinaigrette and Pistachios Recipe
  • Pineapple Cucumber Salad Recipe
    Pineapple Cucumber Salad Recipe
  • Creamy Chipotle Ranch Dressing Recipe
    Creamy Chipotle Ranch Dressing Recipe
  • Mini Matcha Cupcakes Recipe
    Mini Matcha Cupcakes Recipe

Footer

↑ back to top

Explore

  • Appetizers and Snacks
  • Breakfast
  • Soups
  • Dinner
  • Side-Dish
  • Desserts
  • Drinks

About

  • Privacy Policy
  • Terms & Conditions
  • Contact
  • Disclosure
  • DMCA

We may earn from qualifying purchases through affiliate links at no extra cost to you.

Copyright © 2025 Eat With Diane. All rights reserved.