Do you love easy, delicious recipes? Join the Food On Paper family and never miss a recipe
coconut cake with pineapple filling
I’ve baked coconut cake with pineapple filling for years, usually for birthdays or school celebrations, and it never lasts long. This coconut cake with pineapple filling feels special but familiar, especially with a mug of Vanilla Bean Latte, a slice alongside Fresh Fruit Salad recipe, or a small plate of Shortbread Cookies. I serve coconut cake with pineapple filling for cozy moments.

Ingredients
- All-purpose flour
- Granulated sugar
- Baking powder
- Baking soda
- Salt
- Unsalted butter
- Eggs
- Coconut milk
- Vanilla extract
- Sweetened shredded coconut
- Crushed pineapple
- Granulated sugar
- Cornstarch
- Lemon juice
- Cream cheese
- Unsalted butter
- Powdered sugar
- Vanilla extract
- Coconut extract
- Heavy cream

Ingredient Notes
- All-purpose flour: Provides the structure for the coconut cake with pineapple filling; cake flour may be substituted for a slightly softer crumb.
- Granulated sugar: Sweetens both the cake layers and the pineapple filling while helping retain moisture.
- Baking powder: Provides the cake with its primary lift, resulting in a light, fluffy texture.
- Baking soda: Works with the acidity in the pineapple and coconut milk to improve rise and tenderness.
- Salt: Balances sweetness and enhances the coconut and pineapple flavors.
- Unsalted butter: Adds richness and allows full control over salt levels; always use softened butter for even mixing.
- Eggs: Bind the batter and contribute to structure and moisture.
- Coconut milk: Adds authentic coconut flavor and keeps the cake moist; full-fat works best for texture.
- Vanilla extract: Rounds out sweetness and complements both coconut and pineapple.
- Sweetened shredded coconut: Adds texture and reinforces coconut flavor throughout the cake.
- Crushed pineapple: Forms the base of the pineapple filling; use canned in juice, not syrup.
- Cornstarch: Thickens the pineapple filling so it stays neatly between layers.
- Lemon juice: Brightens the pineapple filling and balances sweetness.
- Cream cheese: Forms the base of the frosting, adding tang that balances the sweet cake.
- Powdered sugar: Sweetens and smooths the frosting for easy spreading.
- Coconut extract: Intensifies coconut flavor without adding extra moisture.
- Heavy cream: Lightens the frosting and helps achieve a smooth, spreadable consistency.
How to Make Coconut Cake with Pineapple Filling?
Step 1:
Preheat the oven and prepare your cake pans by greasing and lining them. This step ensures the coconut cake with pineapple filling releases cleanly after baking and keeps the layers intact. Always use room-temperature pans for even heat distribution.
Step 2:
In a large bowl, whisk together flour, baking powder, baking soda, and salt until evenly combined. Properly mixing dry ingredients prevents uneven rising and ensures the coconut cake with pineapple filling has a uniform crumb.
Step 3:
In a separate bowl, cream the butter and granulated sugar until light and fluffy. This process incorporates air, which is essential for a tender cake texture. Scrape down the bowl to avoid dense spots.
Step 4:
Add eggs one at a time, mixing well after each addition. This gradual method prevents the batter from separating and keeps the coconut cake with pineapple filling smooth and stable.
Step 5:
Mix in coconut milk and vanilla extract until fully incorporated. The batter should look creamy and cohesive without overmixing, which can lead to a tough cake.
Step 6:
Fold in the shredded coconut gently using a spatula. This step distributes coconut evenly while maintaining airiness in the batter.
Step 7:
Divide the batter evenly between prepared pans and smooth the tops. Bake until the centers are set, and a toothpick comes out clean. Avoid opening the oven early to maintain proper rise.
Step 8:
Allow the cake layers to cool briefly in the pans, then transfer to a wire rack to cool completely. Cooling fully is crucial before assembling the coconut cake with pineapple filling.
Step 9:
Prepare the pineapple filling by combining crushed pineapple, granulated sugar, cornstarch, and lemon juice in a saucepan. Cook over medium heat, stirring constantly, until thickened and glossy.
Step 10:
Remove the pineapple filling from the heat and cool completely. Warm filling can melt frosting and destabilize the cake layers.
Step 11:
Make the frosting by beating cream cheese and butter until smooth. Gradually add powdered sugar, vanilla extract, coconut extract, and heavy cream until fluffy and spreadable.
Step 12:
Assemble the coconut cake with pineapple filling by placing one cake layer on a serving plate, spreading an even layer of pineapple filling, topping with the second layer, and frosting the entire cake smoothly. Chill briefly to set before serving.
Kitchen Equipment Needed
- Mixing bowls
- Electric mixer
- Rubber spatula
- Measuring cups
- Measuring spoons
- Saucepan
- Whisk
- Cake pans
- Wire cooling rack
- Offset spatula
Pro Tips for Best Results
For the best coconut cake with pineapple filling, always use room-temperature ingredients to ensure smooth mixing and even baking. I have made this recipe many times, and letting the pineapple filling cool fully before assembly makes the biggest difference in clean layers. Avoid overmixing the batter once the flour is added, and use full-fat coconut milk for maximum flavor and moisture.
Storage, Freezing, and Reheating
Store the coconut cake with pineapple filling covered in the refrigerator for up to five days. For longer storage, freeze individual slices wrapped tightly in plastic wrap and foil for up to two months. Thaw overnight in the refrigerator before serving. This cake is best enjoyed chilled or at cool room temperature and does not require reheating.
Recipe Variations and Substitutions
This coconut cake with pineapple filling can be adapted easily for different preferences. Use gluten-free all-purpose flour for a gluten-free version, or swap cream cheese frosting for whipped cream frosting for a lighter finish. Adding toasted coconut on top adds texture, while mango puree can replace pineapple for a tropical twist that works well in most US kitchens.
FAQ
Can I make coconut cake with pineapple filling ahead of time?
Yes, you can bake the cake layers and prepare the pineapple filling a day in advance. Store them separately in the refrigerator and assemble the coconut cake with pineapple filling the day you plan to serve it.
Why is my pineapple filling runny?
Runny filling usually means it was not cooked long enough. Be sure the mixture thickens fully on the stove and cools completely before assembling the cake.
Can I use fresh pineapple instead of canned?
Fresh pineapple can be used, but it must be finely crushed and cooked thoroughly. Canned pineapple is more consistent and recommended for reliable results.
How do I keep the cake layers moist?
Using coconut milk and not overbaking are key. Wrapping cooled layers tightly before assembly also helps retain moisture.
Can I freeze the entire cake?
Yes, the fully assembled coconut cake with pineapple filling can be frozen. Wrap it well and thaw overnight in the refrigerator before serving.
What frosting works best with this cake?
Cream cheese frosting pairs best because its tang balances the sweetness of the coconut cake with pineapple filling.
Can I reduce the sweetness?
You can slightly reduce the sugar in the frosting or use unsweetened shredded coconut, but do not reduce the sugar in the cake batter too much, as it affects the texture.
coconut cake with pineapple filling
Course: DessertCuisine: AmericanDifficulty: Easy12
servings30
minutes35
minutes520
kcal1
hour5
minutesCoconut cake with pineapple filling is a moist, tender layer cake with rich coconut flavor and a bright pineapple center. Finished with creamy coconut frosting, it is a classic tropical dessert perfect for gatherings and celebrations.
Ingredients
All-purpose flour
Granulated sugar
Baking powder
Baking soda
Salt
Unsalted butter
Eggs
Coconut milk
Vanilla extract
Sweetened shredded coconut
Crushed pineapple
Granulated sugar
Cornstarch
Lemon juice
Cream cheese
Unsalted butter
Powdered sugar
Vanilla extract
Coconut extract
Heavy cream
Directions
- Preheat the oven and prepare your cake pans by greasing and lining them. This step ensures the coconut cake with pineapple filling releases cleanly after baking and keeps the layers intact. Always use room-temperature pans for even heat distribution.
- In a large bowl, whisk together flour, baking powder, baking soda, and salt until evenly combined. Properly mixing dry ingredients prevents uneven rising and ensures the coconut cake with pineapple filling has a uniform crumb.
- In a separate bowl, cream the butter and granulated sugar until light and fluffy. This process incorporates air, which is essential for a tender cake texture. Scrape down the bowl to avoid dense spots.
- Add eggs one at a time, mixing well after each addition. This gradual method prevents the batter from separating and keeps the coconut cake with pineapple filling smooth and stable.
- Mix in coconut milk and vanilla extract until fully incorporated. The batter should look creamy and cohesive without overmixing, which can lead to a tough cake.
- Fold in the shredded coconut gently using a spatula. This step distributes coconut evenly while maintaining airiness in the batter.
- Divide the batter evenly between prepared pans and smooth the tops. Bake until the centers are set, and a toothpick comes out clean. Avoid opening the oven early to maintain proper rise.
- Allow the cake layers to cool briefly in the pans, then transfer to a wire rack to cool completely. Cooling fully is crucial before assembling the coconut cake with pineapple filling.
- Prepare the pineapple filling by combining crushed pineapple, granulated sugar, cornstarch, and lemon juice in a saucepan. Cook over medium heat, stirring constantly, until thickened and glossy.
- Remove the pineapple filling from the heat and cool completely. Warm filling can melt frosting and destabilize the cake layers.
- Make the frosting by beating cream cheese and butter until smooth. Gradually add powdered sugar, vanilla extract, coconut extract, and heavy cream until fluffy and spreadable.
- Assemble the coconut cake with pineapple filling by placing one cake layer on a serving plate, spreading an even layer of pineapple filling, topping with the second layer, and frosting the entire cake smoothly. Chill briefly to set before serving.



