Name: Coconut Cake with Pineapple Filling and Coconut Cream Cheese Frosting Recipe
Prep time: 30 min
Cook time: 35 min
Total time: PT-493677H20M17S
Cuisine: American
Ingredients: 2 cups all-purpose flour (250g); 1 Tablespoon baking powder (12g); 1 teaspoon salt (6g); 1/2 cup unsalted butter (113g), room temperature; 2 cups granulated sugar (400g); 13.5 ounces canned unsweetened coconut milk (400 ml), divided; 1 1/2 teaspoons coconut extract (7.5 ml); 5 large egg whites; 20 ounce can crushed pineapple (567 g); 2/3 cup granulated sugar (134g); 2 Tablespoons cornstarch (16 g); 1/2 cup butter (113g), room temperature; 8 ounces cream cheese (226g), room temperature; 4-5 cups powdered sugar (480-600g); 1 - 2 Tablespoons leftover coconut milk or regular milk (15-30 ml); 1 cup shredded sweetened coconut (85g)

I have such a soft spot for tropical flavors, and this Coconut Cake with Pineapple Filling and Coconut Cream Cheese Frosting Recipe hits every note I've been craving. It’s a luscious treat that’s light yet indulgent, offering a perfect balance between sweet pineapple filling and creamy coconut frosting. Baking this cake feels like bringing a mini-vacation right to my kitchen, and sharing it with friends always turns their day around. It’s truly one of my favorite show-stoppers to make because every bite feels like a celebration.

Why You'll Love This Coconut Cake with Pineapple Filling and Coconut Cream Cheese Frosting Recipe

One of the first things I fell in love with about this coconut cake is the harmony of flavors—the tropical sweetness of the pineapple filling blending seamlessly with the rich, velvety coconut cream cheese frosting. It’s not too heavy or overwhelmingly sweet, which makes it perfect for anyone who loves a refreshing dessert with layers of complexity. The shredded coconut on the outside adds that delightful bit of texture and visual appeal, making it look as good as it tastes.

Another thing that really excites me about this recipe is how straightforward it is. Don’t be intimidated by the multiple layers or the frosting; the steps are simple to follow, and the ingredients are mostly pantry staples with that lovely tropical twist from the coconut milk and extract. I especially enjoy knowing that all the textures—the soft crumb of the cake, the smoothness of the frosting, and the slightly gooey pineapple filling—come together so effortlessly.

This cake shines on so many occasions. I’ve served it at family gatherings, summer parties, and even casual weekend tea times. It feels special enough for holidays but easy enough to whip up anytime I want an escape to the tropics. I recommend trying this Coconut Cake with Pineapple Filling and Coconut Cream Cheese Frosting Recipe whenever you want a dessert that’s both elegant and heartwarming.

Ingredients You'll Need

A small round cake covered fully in white frosting and sprinkled thickly with shredded white coconut around the sides and top. The cake sits on a white plate, placed on a white marbled surface. The texture of the frosting looks smooth under the fluffy coconut layer, giving the whole cake a soft, snowy appearance. Photo taken with an iphone --ar 4:5 --v 7

This recipe relies on simple, delicious ingredients that each play an essential role in bringing the cake together. From the all-purpose flour providing the tender crumb to the coconut milk that infuses that unmistakable tropical flavor throughout, every ingredient is a star.

TIP : You'll find the full list of ingredients and measurements in the recipe card below

All-purpose flour: The base that provides a soft yet sturdy crumb perfect for layering.
Baking powder: Helps the cake rise beautifully and become airy.
Salt: Balances sweetness and enhances overall flavor.
Unsalted butter: Adds richness and tenderness to both cake and frosting.
Granulated sugar: Sweetens the cake and the pineapple filling perfectly.
Canned unsweetened coconut milk: Infuses the cake with subtle coconut flavor and moisture.
Coconut extract: Boosts the tropical essence without overpowering.
Egg whites: Whipped to stiff peaks, they lighten the cake for a fluffy texture.
Crushed pineapple: Makes the luscious, tangy filling that contrasts wonderfully with the sweet cake.
Cornstarch: Thickens the pineapple filling to the perfect consistency.
Cream cheese: Gives the frosting a tangy creaminess that complements the coconut.
Powdered sugar: Sweetens and stabilizes the frosting for smooth spreading.
Shredded sweetened coconut: Adds texture and a gorgeous finish to the cake.

Directions

Step 1: Preheat your oven to 350 degrees Fahrenheit. Prepare two 8-inch cake pans by lining their bottoms with parchment paper, then lightly spray the bottoms and sides with cooking spray so your cakes won’t stick.

Step 2: In a medium bowl, whisk together the flour, baking powder, and salt. Set this dry mixture aside for now.

Step 3: Using a stand mixer or hand mixer, beat the butter on medium speed for about a minute until it’s light and fluffy. Add the granulated sugar and continue beating until the mixture is well combined and creamy. Then add 1 ¼ cups of the canned coconut milk along with the coconut extract. Mix well to incorporate all the flavors.

Step 4: Gradually add the flour mixture to the butter mixture, beating on medium speed for about 2 minutes until smooth. This ensures the batter is perfectly blended without overworking the gluten.

Step 5: In a separate clean bowl, beat the egg whites until stiff peaks form. Gently fold the egg whites into the cake batter with a spatula. This step is key for giving the cake its airy, light texture, so be gentle but thorough.

Step 6: Evenly divide the batter between the two prepared pans. Bake for 25 to 35 minutes, or until a toothpick inserted in the center comes out clean or with just a few moist crumbs attached. Remove the cakes from the oven and allow them to cool in the pans for 5 minutes. Then invert onto wire racks to cool completely.

Step 7: Once completely cooled, use a serrated knife to carefully slice each cake layer in half horizontally, creating four thin cake rounds. This will give you your layering options for the filling and frosting.

Step 8: For the pineapple filling, combine crushed pineapple, sugar, and cornstarch in a medium saucepan over medium heat. Stir constantly until the mixture thickens and develops a glossy appearance—this should take about 5 to 8 minutes. Transfer the filling to a container and press a piece of plastic wrap directly on the surface to prevent a skin from forming. Once cooled, cover and refrigerate until you’re ready to use the filling, up to one week ahead.

Step 9: For the coconut cream cheese frosting, beat the butter and cream cheese together until smooth. Gradually add the powdered sugar and a splash of the leftover coconut milk, beating until the mixture is light, fluffy, and spreadable—about 3 minutes. Adjust thickness by adding more milk to thin or more powdered sugar to stiffen. Stir in shredded coconut, reserving some for decorating the cake.

Step 10: To assemble, place one cake round on your serving plate and spread half the pineapple filling over it. Top with the next cake round, then a layer of frosting. Repeat with the third and fourth rounds, layering pineapple and then frosting. Finish by covering the outside of the cake with the coconut cream cheese frosting. Press the remaining shredded coconut onto the sides and sprinkle some on top for that extra special touch.

Step 11: Refrigerate the assembled cake for at least 4 hours before serving to let the flavors meld together perfectly. I honestly think this cake tastes even better the next day, once all the layers have had time to relax and mingle.

Servings and Timing

This scrumptious Coconut Cake with Pineapple Filling and Coconut Cream Cheese Frosting Recipe yields about 16 generous servings, making it perfect for larger gatherings or parties. Preparation time usually takes around 45 minutes, including mixing and layering, with about 30 minutes of baking time. You'll want to factor in at least 4 hours of refrigeration to allow the flavors to develop and the frosting to set beautifully, bringing the total time to roughly 5 hours and 15 minutes. It’s worth every minute!

How to Serve This Coconut Cake with Pineapple Filling and Coconut Cream Cheese Frosting Recipe

A white frosted cake is shown with a slice removed, revealing four layers of light yellow cake separated by thin layers of cream filling. The outside is covered with a smooth white frosting with some textured white coconut flakes or small bits on top and sides. The cake sits on a white marbled surface, and in the background a blurred figure is visible holding the cake, showing a woman's hand partly in view. The lighting is soft and natural, highlighting the moist texture of the cake layers. Photo taken with an iphone --ar 4:5 --v 7

I love serving this cake chilled or at room temperature because it helps the frosting stay creamy and the pineapple filling retains its perfect texture. When it's time to serve, I usually cut it into modest slices to make sure everyone can savor each bite of that tropical goodness. For presentation, a casual dusting of extra shredded coconut around the base of the cake and a few pineapple leaves or fresh pineapple wedges nearby adds a festive, island-inspired vibe.

In terms of accompaniments, I find that a light cup of pineapple or coconut-flavored tea complements the cake beautifully. If you want to make it a more grown-up affair, a chilled glass of Riesling or a sparkling wine adds a lovely fruity contrast. This cake is my go-to for birthday parties, summer get-togethers, or anytime I want to impress without spending all day in the kitchen. Plus, pairing it with tropical cocktails like a pina colada or a simple coconut water-based mocktail is a treat that guests really appreciate.

For a casual weeknight dessert, I’ll often serve smaller slices alongside fresh berries or a dollop of toasted whipped cream. This cake works as the centerpiece dessert but also shines when paired with fresh fruit or a crisp salad if the occasion calls for it. Trust me, no matter how you slice it (pun intended), it’s always a crowd-pleaser with endless ways to customize your serving style.

Variations

Over time, I’ve experimented with different ways to twist this Coconut Cake with Pineapple Filling and Coconut Cream Cheese Frosting Recipe to suit various tastes and dietary needs. For instance, swapping the all-purpose flour for a gluten-free blend works wonderfully if you want to make a gluten-free version without losing that delicate crumb. The texture might be slightly different but still incredibly satisfying.

If you’re looking for a vegan variation, I suggest using coconut oil instead of butter, and a vegan cream cheese along with aquafaba in place of egg whites. The coconut milk and the pineapple filling stay the same and keep the tropical essence vibrant. The coconut cream cheese frosting can be blended with vegan margarine and powdered sugar for a similar taste experience.

Another fun flavor twist I've tried is adding toasted macadamia nuts into the frosting for an extra layer of crunch and richness or even swapping the pineapple filling for mango or passion fruit compote when I want a different tropical vibe. Some people also like to bake the cake layers in cupcakes or mini pans for a personal-sized treat. No matter what variation you try, this recipe is a versatile canvas ripe for your creativity.

Storage and Reheating

Storing Leftovers

I always keep leftover cake covered in an airtight container or wrapped well with plastic wrap to preserve moisture and freshness. Stored properly in the refrigerator, the cake stays delicious up to 4 to 5 days. Make sure to keep it chilled to maintain the integrity of the coconut cream cheese frosting and pineapple filling.

Freezing

This cake freezes beautifully if you want to prepare it ahead of time. I recommend freezing it unassembled to avoid frosting damage—wrap each layer tightly in plastic wrap followed by aluminum foil to prevent freezer burn. The pineapple filling can also be frozen separately in an airtight container. Frozen cake layers keep well for up to 3 months. When you’re ready to enjoy, thaw overnight in the refrigerator before assembling and frosting.

Reheating

I actually don’t reheat this cake because the frosting and filling shine best cold or at room temperature. However, if you prefer a warmer bite, let the slice sit at room temperature for about 30 minutes after removing from the fridge. Warm it gently in a microwave for just 10-15 seconds, being careful not to melt the frosting completely. This preserves the texture without sacrificing that creamy, tropical flavor that makes this cake such a favorite.

FAQs

Can I use fresh pineapple instead of canned for the filling?

Absolutely! Fresh pineapple works great, but make sure to chop it finely and cook it down well with sugar and cornstarch as directed. Fresh pineapple may require a slightly longer cooking time to release its juices and thicken properly.

Do I need coconut extract if I’m already using coconut milk?

The coconut extract really intensifies the coconut flavor, giving the cake that rich, robust tropical taste. You could skip it, but I recommend including it for the full effect.

Can I make this cake a day ahead?

Definitely! In fact, this cake tastes even better the next day after chilling for several hours, allowing the flavors to meld and the filling to set perfectly.

How do I prevent the cake layers from drying out?

Be sure to cool the cakes completely and wrap them tightly with plastic wrap if you’re not assembling immediately. Also, refrigerating the finished cake helps keep it moist and fresh.

Can this Coconut Cake with Pineapple Filling and Coconut Cream Cheese Frosting Recipe be made into cupcakes?

Yes! You can bake the batter in a lined cupcake tin for about 18-22 minutes. Adjust baking time accordingly and make a mini version of the pineapple filling and frosting to layer on top or inside.

Conclusion

If you’re craving a dessert that’s refreshingly tropical, beautifully layered, and absolutely bursting with flavor, I wholeheartedly encourage you to try this Coconut Cake with Pineapple Filling and Coconut Cream Cheese Frosting Recipe. It’s become one of my go-to recipes when I want to impress with minimal fuss but maximum wow factor. Trust me, once you make it, this cake will hold a special place on your dessert table and in your heart.