If you love combination of coconut and pineapple, this Moist Coconut Cake with Pineapple is the kind of dessert that deserves a place on your table. It has tender coconut-flavored cake, a sweet-tangy pineapple filling, and a creamy coconut frosting that brings all tropical flavors together.
Why You’ll Love This Coconut Cake
This cake looks impressive, but individual components are straightforward to make.
The coconut cake is soft and delicate, while the pineapple filling adds a bright fruity contrast. A creamy coconut frosting finishes the cake and gives it that bakery-style appearance.
- Soft and moist coconut cake
- Sweet pineapple filling
- Creamy coconut frosting
- Beautiful layered presentation
- Perfect for birthdays and celebrations
- Great for spring and summer gatherings
- Can be prepared ahead of time
- Delicious served chilled
Ingredients You’ll Need
For Coconut Cake
- All-purpose flour
- Baking powder
- Salt
- Unsalted butter
- Granulated sugar
- Unsweetened coconut milk
- Coconut extract
- Large egg whites
Using coconut milk and coconut extract gives the cake a noticeable coconut flavor without making it overly heavy.
For the Pineapple Filling
- Crushed pineapple
- Granulated sugar
- Cornstarch
The cornstarch helps turns pineapple mixture into a thick filling that can be layered between the cakes.
For the Coconut Frosting
- Unsalted butter
- Cream cheese
- Powdered sugar
- Coconut milk
- Sweetened shredded coconut
The cream cheese adds a little tanginess that balances the sweetness of the cake and pineapple.
How to Make Moist Coconut Cake with Pineapple
Prepare the Cake Pans
Preheat your oven to 350°F.
Grease two 8-inch round cake pans and line the bottoms with parchment paper. Lightly grease the sides as well.
The parchment helps the delicate cake layers release easily after baking.
Make the Coconut Cake Batter
Whisk together the flour, baking powder, and salt in a medium bowl.
In a separate large bowl, beat the softened butter until creamy and light. Add the sugar and continue mixing until well combined.
Add the coconut milk and coconut extract, then gradually incorporate the dry ingredients.
In another clean bowl, beat the egg whites until they form stiff peaks. Gently fold them into the batter.
Folding the whipped egg whites into the batter helps create a lighter texture.
Bake the Cake
Divide the batter evenly between the prepared cake pans.
Bake for approximately 25–35 minutes, or until a toothpick inserted in the center comes out clean or with a few moist crumbs.
Allow the cakes to cool in the pans briefly before transferring them to a cooling rack.
Let them cool completely before assembling the cake.
Prepare the Pineapple Filling
While the cakes cool, make the pineapple filling.
Add the crushed pineapple, sugar, and cornstarch to a saucepan.
Cook over medium heat, stirring frequently, until the mixture thickens and becomes glossy. This should take several minutes.
Transfer the filling to a bowl and let it cool completely.
For the cleanest cake layers, the pineapple filling should be completely cool before assembly.
Make the Coconut Frosting
Beat the softened butter and cream cheese together until smooth and creamy.
Gradually add the powdered sugar, mixing until fluffy. Add a small amount of coconut milk as needed to reach a smooth spreading consistency.
Fold in shredded coconut, reserving some for decorating the outside of the cake if desired.
How to Assemble the Cake
Once the cake layers are completely cool, carefully cut each cake horizontally into two layers.
You’ll now have four thin cake layers.
Place the first layer on a cake stand or serving plate. Spread a layer of pineapple filling over the cake.
Add the second cake layer and spread some coconut frosting over it.
Add the third cake layer and spread the remaining pineapple filling over the top.
Finish with the fourth cake layer.
Cover the top and sides with the coconut frosting, then sprinkle shredded coconut over the cake for decoration.
The original recipe recommends chilling the finished cake before serving so the layers and frosting have time to set.
Tips for the Best Coconut Cake
Don’t Rush the Cooling
Make sure the cake layers and pineapple filling have cooled before assembly. Warm components can make the frosting soft and difficult to spread.
Keep the Layers Even
Use a serrated knife and gentle sawing motion when splitting the cake layers horizontally.
If you’re worried about uneven layers, chill the cakes briefly before cutting.
Don’t Make the Pineapple Filling Too Thin
Cook the pineapple mixture until it has noticeably thickened. A runny filling can make the layers slide when the cake is assembled.
Use Room-Temperature Frosting Ingredients
Softened butter and cream cheese combine much more smoothly than cold ingredients.
Chill Before Serving
Refrigerating the finished cake gives the frosting time to firm up and helps the layers hold together when sliced.
Can I Make This Cake Ahead?
Absolutely.
This is actually a great make-ahead dessert. The finished cake can be refrigerated for a day or two before serving, and the pineapple filling and frosting can also be prepared ahead of time and stored separately.
Can I Freeze Coconut Cake?
Yes. The individual cake layers can be wrapped tightly and frozen for longer storage.
Thaw the layers completely before assembling the cake. The pineapple filling and frosting can also be stored separately in freezer-safe containers.
Easy Variations
Coconut Pecan Cake
Add finely chopped toasted pecans between the layers or sprinkle them over the frosting.
Mango Coconut Cake
Replace part of the pineapple filling with a thick mango filling for another tropical twist.
Lime Coconut Cake
Add a little fresh lime zest to the cake batter and frosting for a bright citrus flavor.
Simple Coconut Cake
Skip the pineapple and make the cake with coconut frosting alone for a straightforward coconut dessert.
How to Store
Because the cake contains cream cheese frosting and fruit filling, keep it refrigerated.
Store it covered in the refrigerator for up to 4–5 days. For the best texture and flavor, let it sit at room temperature for a short time before serving.
Frequently Asked Questions
Can I use canned coconut milk?
Yes. Unsweetened canned coconut milk works well for this recipe and provides a richer coconut flavor.
Can I use fresh pineapple?
You can, but crushed canned pineapple is convenient and provides a consistent texture for the filling. If using fresh pineapple, cook it thoroughly with the sugar and cornstarch until the filling reaches the desired thickness.
Can I skip the coconut extract?
Yes, but the coconut flavor will be more subtle. You can compensate with additional shredded coconut or use coconut milk as part of the liquid.
Why did my cake layers break?
Coconut cake can be delicate. Make sure the layers are completely cool before cutting and use a sharp serrated knife.
Can I make this as a two-layer cake?
Yes. Instead of splitting each cake in half, you can keep the two baked layers intact and place the pineapple filling between them. The cake will be taller and have fewer layers.
What to Serve With Coconut Pineapple Cake
This cake is wonderful with:
- Fresh pineapple
- Fresh berries
- Whipped cream
- Vanilla ice cream
- Coconut whipped cream
- Hot coffee
- Iced tea
- Tropical fruit salad
Moist Coconut Cake with Pineapple
Ingredients
Method
- Preheat the oven to 350°F. Grease two 8-inch round cake pans and line the bottoms with parchment paper.
- Whisk together flour, baking powder, and salt in a bowl.
- Beat softened butter until light and creamy. Add the sugar and beat until well combined.
- Mix in the coconut milk and coconut extract.
- Gradually add the dry ingredients and mix just until incorporated.
- In a separate clean bowl, beat the egg whites until stiff peaks form.
- Gently fold the whipped egg whites into the cake batter.
- Divide the batter evenly between the prepared pans.
- Bake for 25–35 minutes, or until a toothpick inserted into the center comes out clean or with a few moist crumbs.
- Cool the cakes in the pans for about 5 minutes, then transfer them to a cooling rack and cool completely.
- Once completely cool, carefully cut each cake horizontally in half to create four thin cake layers.
- For the pineapple filling, combine crushed pineapple, sugar, and cornstarch in a saucepan.
- Cook over medium heat, stirring frequently, until thick and glossy, about 5–8 minutes.
- Transfer the pineapple filling to a bowl and cool completely.
- For the frosting, beat softened butter and cream cheese until smooth.
- Gradually add powdered sugar and coconut milk, beating until light and fluffy.
- Stir in shredded coconut, reserving some for decorating.
- Place the first cake layer on a serving plate and spread with half of the pineapple filling.
- Add the second cake layer and spread with some coconut cream cheese frosting.
- Add the third cake layer and spread with the remaining pineapple filling.
- Place the final cake layer on top.
- Frost the top and sides of the cake with the remaining coconut cream cheese frosting.
- Sprinkle shredded coconut over the cake if desired.
- Refrigerate for at least 4 hours before slicing and serving.
Notes
Nutrition Information
Estimated per serving:
- Calories: 570 kcal
- Protein: 5 g
- Carbohydrates: 87 g
- Fat: 25 g
- Saturated Fat: 17 g
- Fiber: 2 g
- Sugar: 72 g
- Sodium: 353 mg
Nutrition information is an estimate and will vary depending on ingredients and serving size.
