I absolutely adore sharing this Hummingbird Coffee Cake Recipe with friends and family because it’s one of those rare treats that feels like a warm hug on a plate. The combination of mashed banana, crushed pineapple, and a touch of cinnamon creates a truly irresistible flavor that’s both sweet and slightly tangy. I love how the browned butter adds a rich nuttiness, elevating the whole experience. Whether you’re starting your morning or looking for a special dessert to brighten up the day, this cake perfectly balances moistness, crumbly streusel, and a creamy glaze that always leaves me craving more.
Why You’ll Love This Hummingbird Coffee Cake Recipe
What makes this Hummingbird Coffee Cake Recipe shine for me is the beautiful harmony of flavors and textures. The natural sweetness from the bananas and pineapple offers a fresh, tropical punch, while the browned butter deepens the flavor with its subtle nuttiness. The cinnamon streusel topping gives just the right amount of crunch and warmth, making every bite exciting. I find myself eager to make it again and again because it never gets old—each slice tastes like a little celebration.
Another reason I’m always thrilled to bake this cake is how approachable it is. Despite the impressive flavor, the ingredients are straightforward and easy to find, and the step-by-step process feels manageable even on a busy day. I love that it’s perfect for so many occasions: weekend brunches, casual gatherings, or just a special treat whenever you want to indulge. It stands out because it feels a little bit fancy, but it’s really just a homey coffee cake that everyone can enjoy.
Ingredients You’ll Need
All of the ingredients in this recipe are simple yet essential, each adding something unique to the end result. From the richness of butter to the juicy sweetness of pineapple, every component works together to create amazing texture, flavor, and visual appeal.
- Butter: I use it twice—first browned to add nutty depth, then softened for the streusel topping.
- All-purpose flour: The base that creates a tender, moist crumb in the cake and a crumbly texture in the streusel.
- Light brown sugar: Adds a subtle molasses flavor and helps keep the cake moist and rich.
- Ground cinnamon: Spices up the streusel and the batter for a warm, inviting aroma.
- Salt: Balances sweetness and enhances all the other flavors beautifully.
- Pecans: Bring crunch and a buttery nuttiness to contrast the soft cake.
- Granulated sugar: Sweetens the batter, while a small portion mixes with cinnamon to create a tasty layer.
- Eggs: Provide structure and richness.
- Mashed banana: Adds moisture, natural sweetness, and a lovely tropical taste.
- Crushed pineapple: Brings zest and juicy brightness that makes this cake unique.
- Vanilla extract: Enhances all the flavors with its sweet, fragrant notes.
- Baking powder: Makes the cake light and airy.
- Powdered sugar, sour cream, and whole milk: Combined to create a creamy glaze that finishes the cake perfectly.
Directions
Step 1: To make the browned butter, melt ½ cup of butter in a medium saucepan over medium-low heat. Keep cooking it, swirling occasionally, until it turns a medium brown color and smells nutty, which should take about 10 minutes. Then, remove it from the heat and let it cool to room temperature. This step is key for adding a rich, deep flavor to the cake.
Step 2: While the butter cools, make the streusel. In a medium bowl, whisk together ⅓ cup all-purpose flour, ¼ cup light brown sugar, ½ teaspoon cinnamon, and ¼ teaspoon salt. Add 3 ½ tablespoons of softened butter and rub it in with your fingertips until the mixture becomes crumbly. Finally, stir in ½ cup chopped pecans. This mixture will give your cake a beautifully crunchy topping.
Step 3: Preheat the oven to 350°F (180°C). Grease and line an 8-inch round cake pan with parchment paper so your cake won’t stick and will come out smoothly.
Step 4: In a small bowl, mix one tablespoon of granulated sugar with ½ teaspoon of cinnamon and set this aside. This will create a delicious cinnamon-sugar layer inside the cake.
Step 5: In the bowl of a stand mixer fitted with the paddle attachment, combine 2 large eggs, ½ cup mashed banana, ½ cup drained crushed pineapple, and 1 teaspoon vanilla extract. Mix on medium speed for 1 to 2 minutes until well combined. Then add the cooled browned butter, stirring it in gently by hand or with the mixer on low speed.
Step 6: In a separate bowl, whisk together 1½ cups all-purpose flour, ¾ cup granulated sugar, ¼ cup light brown sugar, ½ teaspoon cinnamon, ¾ teaspoon baking powder, and ¾ teaspoon salt. Gradually add this dry mixture into the wet ingredients and mix on low speed until just combined. Take care not to overmix; you want the batter to stay light and fluffy.
Step 7: Spread half the batter evenly into your prepared cake pan. Sprinkle with one-third of the streusel, then scatter the cinnamon-sugar mixture on top. Next, spread the remaining batter over this layer and smooth the top with an offset spatula. Finally, sprinkle with the remaining streusel.
Step 8: Bake the cake for 45 to 50 minutes. It’s done when a wooden skewer inserted into the center comes out clean. If you notice the cake browning too quickly, gently place a piece of foil over the top to prevent burning. Once baked, let it cool in the pan for 15 minutes.
Step 9: Run a sharp knife around the edges to loosen the cake, then invert it onto a plate and invert once more onto a wire rack to cool completely. This double inversion helps your cake keep its shape beautifully.
Step 10: To make the glaze, whisk together ½ cup powdered sugar, 2 tablespoons sour cream, and 1½ teaspoons whole milk in a small bowl. Pour this glossy glaze over the warm cake and let it drizzle down the sides. This finishing touch adds creamy sweetness and a lovely shine.
Step 11: Slice and serve your beautiful coffee cake, ideally with a cup of tea or coffee. It’s best enjoyed fresh but stores well for a few days.
Servings and Timing
This Hummingbird Coffee Cake Recipe generously serves 8 people, making it perfect for family breakfasts or small gatherings. Prep time is around 15 minutes since you’ll be multitasking with browned butter and streusel preparation. Baking takes 45 to 50 minutes, and letting it cool takes about 15 minutes before glazing and serving. Altogether, you’re looking at just over an hour from start to finish, which is totally worth it for such a crowd-pleasing treat.
How to Serve This Hummingbird Coffee Cake Recipe
I love serving this cake warm, right after glazing it, when the flavors are at their most intense and the crumb still feels soft and luscious. It pairs beautifully with a hot cup of coffee or a fragrant herbal tea, which cuts through the sweetness and complements the tropical notes. For a brunch spread, I like to accompany it with fresh fruit like berries or sliced apples to add a refreshing contrast.
For a special occasion, you can dress up the presentation by sprinkling a few extra chopped pecans or a light dusting of powdered sugar right before serving. I’ve also enjoyed it with a dollop of whipped cream or a scoop of vanilla ice cream for dessert-style indulgence. If you want to make it more festive, a drizzle of caramel sauce is divine.
This cake really shines at family gatherings, holiday breakfasts, or casual weekend get-togethers where sharing good food and conversation matters most. It’s wonderful served at room temperature if you’re picking at it throughout the day, but if you want a cozy vibe, gently warming a slice in the microwave for 10–15 seconds does wonders. I usually cut it into modest wedges so everyone can enjoy a taste without feeling overstuffed.
Variations
I’ve experimented a bit with this Hummingbird Coffee Cake Recipe and love how versatile it is. For instance, if pecans aren’t your thing or you want a different crunch, toasted walnuts or almonds work beautifully in the streusel. You could also swap the brown sugar for coconut sugar for a slightly different caramel note.
For those with dietary restrictions, I’ve found that using gluten-free all-purpose flour mixes can make this recipe friendly for gluten sensitivities without compromising texture too much. To make a vegan version, replace the eggs with flax eggs and use a plant-based butter alternative for the brown butter and streusel. The banana and pineapple keep the cake moist enough that these swaps still deliver great results.
If you want to shake up the flavors, adding shredded coconut to the streusel or mixing in a handful of shredded carrots into the batter creates a fun twist reminiscent of carrot cake. You could also bake this in muffin tins for individual coffee cakes — they take less time to bake and are perfect for grab-and-go breakfasts or party snacks.
Storage and Reheating
Storing Leftovers
I store leftover cake in an airtight container at room temperature, where it keeps nicely for up to 3 days. If my kitchen’s on the warmer side, I might refrigerate it to keep the glaze from getting too sticky, but I always bring it back to room temperature before serving to enjoy the best texture and flavor.
Freezing
You can definitely freeze this coffee cake! I slice it into portions, wrap each piece tightly in plastic wrap, then place them all in a freezer-safe zip-top bag or container. It freezes well for up to 3 months. When I’m ready to enjoy it, I thaw slices overnight in the fridge or leave them out at room temperature for a few hours.
Reheating
To bring frozen or refrigerated slices back to life, I gently warm them in a microwave for about 20-30 seconds or in a low oven (around 275°F/135°C) for 10 minutes. I avoid overheating because it can dry the cake out. Reheating this way revives the softness and refreshes the browned butter aroma, making it taste freshly baked again.
FAQs
Can I use fresh pineapple instead of canned crushed pineapple?
Absolutely! Fresh pineapple will add a brighter, slightly more fibrous texture, and I recommend chopping it finely and draining any excess juice to prevent the batter from becoming too wet. It’s a nice way to add a natural, fresh flavor, especially during pineapple season.
What if I don’t have browned butter—can I just use melted butter?
You can use melted butter, but browning it really enhances the cake’s flavor with its nutty complexity. If you skip this step, the cake will still be delicious but a bit less rich and aromatic. I encourage you to try browning butter at least once to notice the difference!
Is there an alternative to sour cream for the glaze?
Yes, Greek yogurt or crème fraîche works well as a substitute, offering similar tanginess and creaminess. You might need to adjust the milk amount slightly to get the right glaze consistency. I avoid using plain milk alone since it lacks the necessary thickness and acidity.
Can I prepare parts of this cake in advance?
Definitely! You can make the streusel a day ahead and keep it in the fridge to save time. The batter itself is best mixed and baked fresh. The glaze is simple enough to whisk together right before serving, which helps keep it bright and smooth.
Why did my cake sink in the middle?
That usually happens if the cake is underbaked or if the oven temperature is too low. Make sure your oven is fully preheated to 350°F (180°C) and test doneness with a skewer. Sometimes overmixing the batter can also cause sinking, so mix gently until just combined to avoid developing too much gluten.
Conclusion
I hope you enjoy making and savoring this Hummingbird Coffee Cake Recipe as much as I do. It’s one of those cakes that feels special but is truly easy enough to make any day you want a sweet pick-me-up. Cozy, delicious, and full of character, this cake invites everyone to share a moment of simple happiness with each bite. Give it a try—you might just find it becomes your new favorite go-to coffee cake!
