Desserts
This 3-layer pineapple coconut cake delivers tropical flavors that taste like a vacation in every bite—moist layers of vanilla cake, sweet pineapple jam, and creamy coconut filling that stay fresh for days. 🌴 The secret lies in balancing textures: tender cake, jammy fruit, and velvety coconut that holds together perfectly. I’ve baked this for celebrations and it never disappoints.
What sets this recipe apart is the pineapple layer—fresh or canned pineapple baked into the cake for natural sweetness and moisture, while the coconut filling adds richness without overpowering. Each layer is baked separately for even cooking, then stacked with precision to create a showstopping dessert that’s easier than it looks.
The result is a cake with golden layers, vibrant color, and a flavor profile that’s both familiar and exciting. The pineapple adds a tangy brightness, the coconut brings tropical warmth, and the vanilla cake ties everything together in harmony. It’s the kind of dessert that impresses guests while feeling approachable for any home baker.
Serve it with toasted coconut flakes on top or fresh berries for extra flair. The cake stays moist for up to 3 days when stored properly, making it perfect for parties or meal prep. Let’s get baking!
Ingredients for 3 layer pineapple coconut cake
Twelve ingredients for a tropical masterpiece that stays moist for days—perfect for celebrations.
| Ingredient | Amount | Notes |
|---|---|---|
| All-Purpose Flour 🌾 | 3 cups | Sifted for light texture |
| Granulated Sugar 🍚 | 2 ½ cups | White or light brown |
| Unsalted Butter 🧈 | 1 ½ cups | Room temperature, cubed |
| Large Eggs 🥚 | 6 whole | Room temperature |
| Vanilla Extract 🌿 | 2 tsp | Pure extract preferred |
| Baking Powder 🧂 | 2 tsp | Diamond Crystal preferred |
| Salt 🧂 | ½ tsp | Fine sea salt |
| Canned Pineapple 🍍 | 20 oz | Crushed, unsweetened |
| Shredded Coconut 🥥 | 2 cups | Sweetened, unsweetened works |
| Sweetened Condensed Milk 🥛 | 14 oz | Standard can size |
| Cream of Coconut 🥥 | 13 ½ oz | Canned, full-fat |
| Cream Cheese 🧀 | 8 oz | Room temperature |
| Lemon Juice 🍋 | 2 tbsp | Freshly squeezed |
| Toasted Coconut Flakes 🥥 | ½ cup | For garnish |
The pineapple and coconut are the heart of this cake. For the pineapple, unsweetened crushed is ideal—it balances sweetness without overpowering. Trader Joe's carries excellent canned options, but any good-quality brand works. The shredded coconut should be sweetened for that caramelized flavor when toasted. Bob's Red Mill is a reliable brand for consistent texture. For the coconut filling, full-fat cream of coconut (like Goya) ensures richness without excessive wateriness. If you can't find unsweetened pineapple, reduce the sugar slightly in the cake batter to compensate.
No sweetened condensed milk? Evaporated milk plus extra sugar (1:1 ratio) works in a pinch, though texture may vary slightly. Substituting Greek yogurt for cream cheese in the filling adds tang but reduces richness—adjust with an extra tablespoon of coconut milk if needed. For the cake layers, butter at room temperature is non-negotiable; cold butter creates dense layers. The vanilla extract should be pure—imitation extracts often lack depth. If you're short on time, instant vanilla pudding mix (1 box) can replace the vanilla extract and eggs in a bind, though texture will differ.
Store the cake layers separately in an airtight container with parchment between them for up to 3 days at room temperature. The coconut filling keeps well in the fridge for 5 days or frozen for 3 months. To assemble, bring all components to room temperature first—cold filling sets too quickly. For a restaurant-quality finish, toast the coconut flakes in a dry pan until golden (about 3 minutes) and sprinkle over the top just before serving. The cake's moisture comes from the pineapple and condensed milk; never overbake—pull layers when a toothpick comes out with a few crumbs, not clean.
Why You'll Love This Recipe
- No Mixer Needed: I swear by this—just a bowl and a whisk. The butter and sugar cream so fast, you’ll be folding in flour before you know it. Honestly, my stand mixer sits unused for this one.
- Tropical Magic: That caramelized pineapple layer? Chef’s kiss. The coconut flakes on top add crunch without overpowering, and the vanilla buttercream ties it all together—sweet, tangy, and just a little bit indulgent.
- Party in a Box: Make it ahead, slice it up, and store it in the fridge for days. It’s my go-to for birthdays, potlucks, or even a lazy Sunday brunch—no one will guess it’s not from a bakery.
- Budget-Friendly Luxury: You’re using pantry staples here: flour, sugar, butter. The pineapple and coconut add a fancy touch without breaking the bank, and leftovers? They disappear just as fast as the first slice.
Step-by-step instructions for tropical layers that stay moist for days
Follow this precise layering technique to achieve a perfectly moist pineapple coconut cake with distinct textures.
👨🍳 Step 1: Prepare the Cake Batter for Three Layers
Preheat your oven to 350°F and grease three 9-inch round cake pans with nonstick spray, then line the bottoms with parchment paper. In a large mixing bowl, combine the 3 cups all-purpose flour, 2 tsp baking powder, and 0.5 tsp salt. Sift the dry ingredients together to create a light, airy base for your cake layers.
In a separate bowl, cream together the 1.5 cups unsalted butter and 2.5 cups granulated sugar on medium speed until light and fluffy—this should take about 3-4 minutes. Add the 6 whole large eggs one at a time, mixing well after each addition. Stir in the 2 tsp vanilla extract until fully incorporated. Gradually add the dry ingredients to the wet mixture, mixing on low speed just until combined. Avoid overmixing to maintain a tender texture.
🍳 Step 2: Bake the Cake Layers Evenly
Divide the batter evenly among the three prepared cake pans. Bake for 25-30 minutes or until a toothpick inserted into the center comes out clean. The edges should be golden brown, but the tops may still look slightly underdone—they'll firm up as they cool. Rotate the pans halfway through baking for even browning.
Once baked, remove the cakes from the oven and let them cool in their pans for 10 minutes. Then transfer them to a wire rack to cool completely. This gradual cooling prevents cracking and ensures clean slicing later. For best results, let the cakes cool for at least 1 hour before assembling.
🥘 Step 3: Create the Pineapple Layer Filling
While the cakes cool, prepare the pineapple layer by combining the 20 oz canned pineapple (crushed, unsweetened) with 2 tbsp lemon juice in a medium saucepan. Cook over medium heat for 5-7 minutes until slightly thickened, then remove from heat and let cool completely. This step enhances the pineapple's natural sweetness and adds a bright citrus note that cuts through the richness of the coconut layers.
In a separate bowl, mix together the 2 cups shredded coconut and 13.5 oz cream of coconut. This combination will create a luscious, creamy texture that complements the pineapple layer perfectly. Set both mixtures aside until ready to assemble.
🍽️ Step 4: Assemble the Three-Layer Cake
Place the first cake layer on a cake stand or plate. Spread an even layer of the pineapple mixture over the top, leaving a ½-inch border uncovered. This ensures each bite contains both cake and filling. Sprinkle half of the shredded coconut mixture evenly over the pineapple layer, pressing down gently to adhere.
Place the second cake layer on top of the coconut mixture and repeat the process: spread another layer of pineapple mixture, then half of the remaining coconut mixture. Top with the third cake layer and spread the final layer of pineapple mixture over the top. This alternating pattern creates distinct flavors with each bite while maintaining structural integrity.
🍳 Step 5: Prepare and Apply the Cream Cheese Frosting
In a mixing bowl, beat the 8 oz cream cheese (room temperature) and 14 oz sweetened condensed milk together until smooth and creamy. This combination creates a rich, velvety frosting that balances the tropical flavors. Spread an even layer of frosting over the entire top and sides of the cake, creating a smooth base for the final garnish.
Press the remaining shredded coconut mixture evenly over the frosting, then sprinkle the 0.5 cup toasted coconut flakes on top for added texture and visual appeal. Chill the cake in the refrigerator for at least 4 hours (or overnight) before serving. This chilling time allows the flavors to meld together and ensures clean slices with minimal crumbling.
Pro Tips For Making 3 Layer Pineapple Coconut Cake
- WHISK EGGS ROOM TEMP: Mix your eggs straight from the fridge and the batter will turn out dense—no matter how much you beat it. Let them sit in warm water for 10 minutes first (yes, even if you’re impatient like me), because cold eggs won’t incorporate air properly, and that’s what keeps the layers light.
- MEASURE DRY INGREDIENTS RIGHT: Scoop your flour and sugar directly from the bag into your measuring cups, then level with a knife—don’t spoon it in. Packing flour compresses it, and you’ll end up with a cake that’s dry and crumbly instead of tender. Same goes for the coconut: use a kitchen scale if you can, or fluff it with a fork before measuring.
- BAKE LAYERS UNTIL SPRINGY: Check your cake layers for doneness by pressing the center—they should bounce back slowly, not leave an imprint. Overbaking dries them out, and underbaking means soggy layers when you add the filling. If the top looks golden but the middle’s still jiggly, tent with foil for the last 5 minutes.
- CHILL BETWEEN LAYERS: Skip rushing to assemble the cake—let each layer cool completely, then refrigerate them for 30 minutes before adding filling. This prevents the buttercream or pineapple layer from melting into a puddle, and keeps the structure intact. Trust me, your cake will hold up better on the plate.
Storing and reheating your leftovers
Room Temperature Prep
Before storing, let all cake components cool to room temperature—this prevents condensation that makes layers soggy. I find it best to assemble the cake first, then refrigerate for 4 hours to set properly. If you're storing components separately, place the cake layers in an airtight container with parchment paper between them to prevent sticking. The coconut filling can be refrigerated in its mixing bowl with plastic wrap pressed directly on the surface. 🌴
Fridge Storage
Assembled cake stays fresh in the fridge for 3-4 days when stored in an airtight container. For individual layers, the cake layers keep for 3 days at 40°F or below, while the coconut filling lasts 5 days in its original container. I like using Glasslock containers because they create an airtight seal and prevent odors from seeping in. Label everything with dates to track freshness!
Freezer Storage
For longer storage, freeze the assembled cake (without frosting) for up to 2 months in a freezer-safe container with plastic wrap and foil. The cake layers alone freeze beautifully for 3 months—just wrap each layer individually in plastic wrap, then place in a ziplock freezer bag. Thaw overnight in the fridge before assembling. The coconut filling freezes for 3 months but may separate slightly—just stir before using. 🥶
Reheating Assembled Cake
If your cake has been refrigerated, let it sit at room temperature for 30 minutes before serving to restore texture. For a quick touch of warmth, place individual slices on a baking sheet and warm in the oven at 300°F for 5-7 minutes. This method keeps the cake moist without drying it out. I avoid the microwave—it makes coconut fillings watery and cake layers rubbery.
Reviving Dried Layers
If your cake loses moisture after storage, brush the top with 2 tbsp warm water or orange liqueur (just a splash!) to refresh it. For extra moisture, place a damp paper towel in the container with the cake layers overnight before reassembling. This trick works wonders for restoring that fresh-baked texture. The coconut filling may thicken when refrigerated—simply stir in 1 tbsp coconut milk to restore creaminess. ✨
Nutrition facts
Frequently asked questions about 3-Layer pineapple coconut cake
Can I make this cake without fresh pineapple?
The recipe calls for 20 oz canned crushed pineapple (unsweetened) which works perfectly. For extra flavor, drain the pineapple well and mix in 1 tbsp lemon juice to enhance its brightness. If you prefer fresh pineapple, use 2 cups finely diced fresh pineapple and cook it down with the lemon juice to reduce moisture.
How do I prevent the coconut filling from separating?
Mix the cream of coconut and shredded coconut thoroughly before assembling the cake. For extra insurance, chill the filling for 1 hour before using—this helps it set better between layers. If it starts separating after refrigeration, simply stir in 1 tbsp coconut milk to restore creaminess.
Can I substitute regular frosting for the cream cheese version?
Yes, but the flavor will be different. The cream cheese frosting adds a tangy richness that balances the tropical flavors. If substituting, use a light vanilla buttercream—it won't be as creamy, but it will still work. For a closer match, mix ½ cup softened butter with 2 cups powdered sugar and 2 tbsp cream cheese for a hybrid texture.
Why does my cake taste dry after baking?
Overbaking is the most common cause. Remove layers when a toothpick comes out with a few moist crumbs (not completely clean). Another trick: Brush warm layers with 2 tbsp warm water or pineapple juice while still slightly warm to restore moisture. Also ensure your butter is truly room temperature—cold butter creates dense, dry cakes.
How can I make this cake gluten-free?
Replace the all-purpose flour with a 1:1 gluten-free baking flour blend (like Bob's Red Mill or King Arthur). Add 1 tsp xanthan gum to help bind the layers. You may need to reduce the sugar slightly (by ½ cup**) since GF flours often absorb more liquid. Test with one layer first to check texture before committing to all three.