Layered vanilla-style cake enriched with crushed pineapple, coconut milk and shredded coconut yields moist, tropical layers. Bake two 9-inch rounds at 350°F until a toothpick is clean, then cool. Simmer drained pineapple with sugar and cornstarch to thicken for a glossy filling. Whip cream cheese and butter with powdered sugar and a splash of coconut milk for a silky frosting. Assemble with filling between layers, frost sides and top, then finish with toasted coconut and fresh berries for color and texture. Serve at room temperature.
Nothing quite prepares you for the sweet rush of opening a can of pineapple on a humid summer day, knowing a festive cake is in your near future. The first time I tried blending coconut milk into this classic American layer cake, I half expected it not to work—but the tropical aroma billowed out of the oven and made my kitchen feel like a backyard party waiting to happen. The colors invite smiles, but it's the vibrant flavors and the celebratory energy that have made this recipe a repeat guest at my table. Baking this cake feels like sending a friendly invitation to fruity fun and good company.
One Fourth of July, the kitchen filled with the sound of sparklers popping outside and my niece sneaking coconut straight from my prep bowl. We laughed at her blue tongue as she helped me layer strawberries across the frosted cake, both of us cheerfully ignoring the sticky counters. By the end of the night, even the grown-ups went looking for extra sprinkles and seconds.
Ingredients
- All-purpose flour: Gives the cake its tender crumb; I always whisk it first for extra airiness.
- Baking powder & baking soda: Help the cake rise gently—don’t skip sifting them in for even texture.
- Salt: A pinch sharpens all the other flavors.
- Unsalted butter: Room temperature butter makes for fluffier batter and easier mixing.
- Granulated sugar: Adds sweetness and helps create a moist cake; creaming until pale is my go-to move.
- Large eggs: Make everything rich and help the batter emulsify; room temp eggs blend in best.
- Pure vanilla extract: Deepens both coconut and pineapple notes.
- Canned crushed pineapple: The heart of the cake’s tangy bursts—drain very well to avoid sogginess.
- Coconut milk: Lends a soft tropical taste; shake the can first for an even consistency.
- Sweetened shredded coconut: Folds into the batter for sweetness and texture—press out any clumps before using.
- Cornstarch: Thickens the pineapple filling so it doesn't run everywhere when slicing.
- Cream cheese: Softened fully for the smoothest, tangiest frosting.
- Powdered sugar: Sift to prevent lumps and blend evenly into the frosting.
- Toasted unsweetened shredded coconut: The crisp topping adds a nutty, toasty crunch—watch it closely, it browns fast.
- Fresh blueberries and strawberries: For bright, juicy decoration; I pat them dry so they don’t bleed onto the icing.
- Red, white, and blue sprinkles: Completely optional but guaranteed to boost festive spirit.
Instructions
- Prep your pans:
- Give those cake pans a generous buttering and dusting of flour, making sure the sides are covered so nothing sticks when the big reveal comes.
- Mix the dry ingredients:
- In a medium bowl, whisk the flour, baking powder, baking soda, and salt until combined—the airiness matters here.
- Cream butter and sugar:
- With an electric mixer, beat together butter and sugar until the mixture gets pale and fluffy and you catch a faint whiff of caramel.
- Add eggs and vanilla:
- Let the eggs go in one at a time, mixing gently; finish by swirling in the vanilla until everything glistens smooth.
- Bring the batter together:
- Add the flour mixture in thirds, alternating with sips of coconut milk, stirring just enough so you can’t see any dry spots.
- Fold in the stars:
- Gently fold in the sweetened shredded coconut and well-drained pineapple, letting colorful bits peek through the batter.
- Fill and smooth:
- Evenly divide batter between your pans and use a spatula to coax them into smooth circles.
- Bake and cool:
- Bake for 35–40 minutes; your kitchen will smell incredible. Let cakes cool in their pans for 10 minutes, then coax onto a wire rack to finish cooling.
- Pineapple filling magic:
- Simmer pineapple, sugar, and cornstarch in a small saucepan, stirring constantly until the mixture thickens. Set it aside to chill—it needs to be firm for the layers.
- Frosting time:
- Beat softened cream cheese and butter until they’re cloud-like, then slowly integrate powdered sugar, vanilla, and coconut milk until luscious and smooth.
- Assemble and decorate:
- Spread the cooled pineapple filling on one cake layer, top with the second layer, and sweep on a thick coat of frosting. Scatter toasted coconut, fresh berries, and festive sprinkles to finish the look.
The cake always seems to gather a crowd before it’s even sliced, the red and blue sprinkles catching sunlight on the counter. Watching a quiet table slowly disappear beneath crumbs and laughter gave me that rare feeling that you’ve created a small moment people will remember for a while.
How I Keep the Layers Tender
Lately I mix the dry ingredients separately and add them gradually, which keeps the cake crumb light instead of dense. Swapping in coconut milk instead of whole milk was a small risk that now feels non-negotiable for the subtle richness it adds.
Making the Pineapple Filling Foolproof
If the filling is even a little warm when you assemble, it softens the frosting too much. Now I always cook it early, then pop it in the fridge until cold—no more oozy surprises when you slice.
Decorations That Spark Joy
Scatter the berries just before serving so their juices stay atop the frosting without bleeding. I’ve found even a few extra toasted coconut shards can make the cake shimmer in the evening light.
- Gently press the coconut into the sides with your palm to help it stick.
- Pile the blueberries and strawberries in small groupings for graphic pops of color.
- If using sprinkles, toss them on at the very end so they keep their crisp shape.
This cake is equal parts showstopper and mood-lifter, sure to shine at any picnic or celebration. I hope you’ll find as much delight in sharing it as I have.
Recipe FAQs
- → How can I prevent the layers from becoming soggy with pineapple?
-
Drain the crushed pineapple very well and cook the filling with sugar and cornstarch until thickened; cool completely before spreading. A thin layer of frosting or a light brush of simple syrup on the cake layers also helps seal moisture.
- → Can I use fresh pineapple instead of canned?
-
Yes. Chop and simmer fresh pineapple with a bit of sugar and cornstarch until it breaks down and thickens. Fresh fruit will give a brighter flavor but may need slightly longer cooking to thicken.
- → What's the best way to toast shredded coconut?
-
Spread shredded coconut in an even layer on a baking sheet and toast at 325°F, stirring every few minutes, until golden and fragrant. Watch closely—it browns fast. You can also toast in a dry skillet over medium heat, stirring frequently.
- → How do I get a smooth cream cheese frosting?
-
Start with room-temperature cream cheese and butter, beat until completely smooth, then add powdered sugar gradually. A splash of coconut milk loosens the frosting for spreading while maintaining stability.
- → Can this be made ahead and how should it be stored?
-
Yes. Assemble and chill for up to 24 hours; keep refrigerated in an airtight container. Bring to room temperature before serving for best texture and flavor. Leftovers keep covered in the fridge for 3–4 days.
- → Any suggestions for adding a nutty crunch?
-
Fold chopped toasted pecans between the layers or sprinkle them on top with toasted coconut for contrast in texture and a warm, nutty note.