The inspiration for this cake struck during a gray, rainy week when I was dreaming of sunshine and tropical escapes. I wanted a dessert that felt like a vacation in every bite—something moist, bright, and unapologetically joyful. What I created in my kitchen that afternoon was more than just a cake; it was a sensation. The air filled with the sweet, tangy scent of crushed pineapple baking into a tender crumb, and the rich, buttery aroma of a pecan-flecked topping caramelizing in the oven. The first warm slice, with its contrasting textures of fluffy cake and crunchy, gooey topping, was an instant passport to paradise. It’s been my go-to celebration and comfort cake ever since.
Why You’ll Love This Recipe
You will love this recipe because it’s incredibly moist, bursting with real pineapple flavor, and topped with a buttery, brown sugar crunch that makes it impossible to have just one slice. It’s the perfect blend of easy and impressive—using simple pantry staples to create a cake that feels special. From my experience, this cake is a crowd-pleaser at every potluck, a comforting treat for a weeknight, and so satisfying to make that you’ll feel like a baking hero with minimal effort.
Ingredients
For the Cake:
- 2 cups all-purpose flour
- 2 cups granulated sugar
- 2 large eggs
- 1 teaspoon baking soda
- 1/2 teaspoon salt
- 1 teaspoon vanilla extract
- 1 (20 oz) can crushed pineapple in juice, NOT drained
- 1/2 cup chopped pecans or walnuts (optional, but recommended)
For the Topping:
- 1/2 cup (1 stick) unsalted butter
- 1 cup packed light brown sugar
- 1/2 cup evaporated milk or regular whole milk
- 1 teaspoon vanilla extract
- 1 cup sweetened shredded coconut
- 1/2 cup chopped pecans or walnuts (See the next page below to continue…)
Equipment Needed
- 9×13 inch baking pan
- Mixing bowls (medium and large)
- Whisk and rubber spatula
- Medium saucepan
- Measuring cups and spoons
Step-by-Step Instructions
We start with what might be the easiest cake batter you’ll ever make. I don’t even pull out my mixer for this one. In my large bowl, I whisk together the flour, granulated sugar, baking soda, and salt. Then, I make a well in the center and crack in the two eggs. Here’s where the magic happens: I pour in the entire can of crushed pineapple, juice and all, and the vanilla extract. I use my whisk to gently combine everything until the batter is smooth and no dry streaks remain. The batter will be thick, almost like a muffin batter, and flecked with those beautiful bits of pineapple. I fold in the optional nuts at this point for a little texture in every bite.
Now, for the pan. I generously grease my 9×13 inch baking pan with butter or baking spray. I’ve learned the hard way that this sticky cake needs a well-prepared home. I scrape every last bit of that fragrant batter into the pan, using my spatula to spread it into an even layer. It bakes in a preheated 350°F (175°C) oven. The baking time is key. I set my timer for 30 minutes and resist the urge to open the oven door. We want the top to be a lovely golden brown and a toothpick inserted near the center to come out clean or with a few moist crumbs. The smell at this stage is pure tropical bliss.
While the cake is baking, I get started on the decadent topping that makes this cake legendary. In my medium saucepan, I melt the butter over medium heat. Once it’s foamy, I whisk in the brown sugar and evaporated milk. I keep whisking until the mixture comes to a gentle boil. I let it bubble for a full two minutes, whisking constantly. This cooking time is crucial—it thickens the syrup so it soaks into the cake instead of just pooling on top. I then remove it from the heat and stir in the vanilla, coconut, and chopped nuts. The mixture will be glossy and fragrant. (See the next page below to continue…)
As soon as the cake comes out of the oven, I immediately pour the hot topping all over it. I use the back of a spoon to spread it evenly to the edges. This is the moment of transformation. You’ll hear a faint sizzle as the topping seeps into the hot cake. I then pop the whole pan under the broiler for 2-4 minutes, watching it like a hawk. The goal is for the coconut and nuts to toast to a perfect, golden brown. This broiler step is what creates that incredible candy-like, crunchy finish. Let the cake cool for at least 30 minutes before slicing—this allows the topping to set so you get clean cuts.
Pro Tips for Best Results
My number one tip is about the pineapple: use crushed pineapple in juice, NOT syrup, and do NOT drain it. The juice is what makes the cake so unbelievably moist. I tested it once with drained pineapple, and the cake was disappointingly dry. That canned juice is liquid gold for this recipe. Trust me, do not skip this step; it makes a monumental difference in the texture.
For the topping, I’ve tested the boiling time three different ways: not boiling, boiling for one minute, and boiling for two full minutes. The two-minute boil is non-negotiable. It cooks the milk, dissolves the sugar properly, and creates a syrup thick enough to cling to the coconut and nuts without making the cake soggy. A shorter boil gives you a runny topping that soaks in too much and loses its distinctive crunchy layer. Be patient and watch the clock.
If you include nuts, toast them first. I learned this trick after a few batches where the nuts in the topping were a bit soft. Now, I spread the chopped pecans on a small baking sheet and toast them in the oven (while it preheats for the cake) for 5-7 minutes until fragrant. Let them cool before adding to the topping. This extra step intensifies their flavor and guarantees a perfect crunch in every bite.
Common Mistakes to Avoid
The first mistake I made was overmixing the batter. Because it’s a simple dump-and-stir recipe, I kept whisking vigorously to get it perfectly smooth. This developed the gluten in the flour and resulted in a tougher, denser cake. Now, I whisk just until the last streak of flour disappears. A few small lumps are far better than an overworked batter. Remember, gentle is key for a tender crumb. (See the next page below to continue…)
Don’t forget to let the cake cool before adding the topping if your recipe is structured that way, but in our case, the hot cake is essential. However, a mistake I did make was not spreading the topping quickly enough. The hot cake acts like a sponge, and if you let the topping sit in the saucepan too long, it can start to thicken and become harder to spread evenly. Have your topping ready to go the moment the cake leaves the oven.
Avoid walking away during the broiler step. I learned this the hard way when a phone call distracted me for what felt like 30 seconds. I returned to a topping that had gone from golden to charred in spots. The broiler is incredibly powerful. Set a timer for 2 minutes, stand by the oven, and watch for that perfect, even toast. It can go from perfect to burnt in a matter of seconds, so vigilance is your best friend here.
Finally, don’t try to slice and serve the cake immediately. The topping needs time to set into that magical, chewy-crisp texture. Cutting into it while it’s piping hot will cause the topping to ooze and the cake to crumble. I know it’s tempting, but giving it that 30-minute rest on a cooling rack makes for clean, beautiful slices that hold their shape. It’s worth the wait.
Serving Suggestions
I love serving this cake slightly warm or at room temperature, cut into generous squares. It’s decadent enough to stand completely on its own. Sometimes, for an extra touch of luxury, I’ll add a small dollop of freshly whipped cream or a scoop of vanilla ice cream on the side. The cool, creamy element against the warm, sticky cake is an absolutely divine combination, especially after a summer barbecue.
For a casual gathering or a potluck, I serve it right from the 9×13 pan. It’s a humble, homey presentation that invites people to come back for seconds. I’ll sometimes garnish the top with a few maraschino cherries or thin slices of fresh pineapple for a pop of color that hints at the tropical flavors inside. It always sparks conversation and requests for the recipe.
If I’m bringing it to a more formal brunch or afternoon tea, I’ll cut it into smaller, neater rectangles or even use a round biscuit cutter to create individual cake rounds. Plated on a simple white dish, it suddenly looks elegantly rustic. A dusting of powdered sugar just before serving adds a lovely finishing touch without overpowering the beautiful flavors of the cake itself.
Variations & Customizations
For a nut-free version, you can simply omit the pecans. The cake is still fantastic. To replace that crunch, I’ve tried adding an extra 1/4 cup of shredded coconut to the topping. You could also sprinkle the top with a handful of rolled oats before broiling for a different kind of texture. I’ve also made it for friends with a coconut allergy by leaving the coconut out entirely and doubling the nuts—it becomes a delicious pineapple pecan cake.
To enhance the tropical vibe, I’ve added 1/2 teaspoon of rum extract to the cake batter along with the vanilla, or a tablespoon of dark rum to the topping after removing it from the heat. It adds a wonderful depth of flavor. I’ve also folded 1/2 cup of finely chopped maraschino cherries into the batter for a “pineapple upside-down cake” flavor profile right in the mix.
If you want to play with the base, I’ve successfully made this cake with a gluten-free 1:1 baking flour blend with excellent results—the moisture from the pineapple keeps it from being dry. For a slightly different twist, substitute the evaporated milk in the topping with canned coconut milk. It amplifies the tropical flavor and makes the topping even richer and more luxurious.
How to Store, Freeze & Reheat
This cake stores wonderfully at room temperature. Once completely cooled, I cover the pan tightly with aluminum foil or plastic wrap. It stays moist and delicious for 3-4 days. The topping may soften slightly over time, but the flavor only improves as it sits. I don’t recommend refrigerating it, as the cold can dry out the cake and harden the topping unnecessarily.
You can freeze individual slices or the entire cake (once fully cooled) for longer storage. I wrap slices tightly in plastic wrap and then place them in a freezer-safe bag or container. To freeze the whole cake, I freeze it uncovered in the pan until solid, then pop out the block, wrap it tightly in a few layers of plastic and foil, and label it. It will keep well for up to 3 months.
To thaw, I simply place the wrapped cake or slices on the counter for a few hours. To restore that just-baked warmth and crispness to the topping, I reheat individual slices in the microwave for 15-20 seconds, or in a 300°F oven for 5-10 minutes. The oven method is best for reviving the crunchy texture of the nuts and coconut. I do not recommend freezing the cake with a freshly made, still-warm topping, as it can create too much condensation and make the top soggy upon thawing.
Conclusion
This Hawaiian Pineapple Cake is more than just a dessert; it’s a little jar of sunshine you can keep in your kitchen. It has brought so much simple joy to my table, from quiet family dinners to bustling holiday gatherings. I hope this recipe finds its way into your recipe box and becomes a cherished, easy-bake favorite for you, too. Now, go preheat that oven—your taste buds are in for a tropical treat