This coconut cake with pineapple filling features soft coconut-flavored cake layers made with coconut milk, a thick homemade pineapple filling, and a smooth coconut cream cheese frosting. Perfect for birthdays, holidays, and special occasions, this layered coconut pineapple cake offers a moist texture and tropical flavor. Made with simple pantry ingredients, it can be prepared ahead of time and stored in the refrigerator, making it a reliable dessert option for gatherings, celebrations, and family events.

Ingredients
Coconut Cake
- 2 cups all-purpose flour (250 g)
- 1 tablespoon baking powder (12 g)
- 1 teaspoon salt (6 g)
- ½ cup unsalted butter, room temperature (113 g)
- 2 cups granulated sugar (400 g)
- 1¼ cups canned unsweetened coconut milk (from 13.5 oz / 400 ml can), divided
- 1½ teaspoons coconut extract
- 5 large egg whites
Pineapple Filling
- 1 can crushed pineapple, 20 oz (567 g)
- ⅔ cup granulated sugar (134 g)
- 2 tablespoons cornstarch (16 g)
Coconut Cream Cheese Frosting
- ½ cup butter, room temperature (113 g)
- 8 oz cream cheese, room temperature (226 g)
- 4–5 cups powdered sugar (480–600 g)
- 1–2 tablespoons remaining coconut milk (or regular milk)
- 1 cup shredded sweetened coconut (85 g)
Instructions
- Preheat oven to 350°F (180°C). Line the bottoms of two 8-inch round cake pans with parchment paper and lightly grease the sides.
- In a bowl, whisk together flour, baking powder, and salt. Set aside.
- In a separate bowl, beat butter on medium speed for about 1 minute until light. Add sugar and beat until creamy. Mix in 1¼ cups coconut milk and coconut extract.
- Gradually add the dry ingredients and mix on medium speed for about 2 minutes, just until combined.
- In another bowl, beat egg whites until stiff peaks form. Gently fold them into the batter.
- Divide batter evenly between pans. Bake for 25–35 minutes, until a toothpick inserted in the center comes out clean or with a few moist crumbs. Cool 5 minutes, then turn out onto a rack to cool completely.
- Once cooled, slice each cake layer horizontally to create four thin layers.
Pineapple Filling
8. Combine pineapple, sugar, and cornstarch in a saucepan over medium heat. Cook, stirring frequently, for 5–8 minutes until thick and glossy. Transfer to a bowl, cover the surface with plastic wrap, cool completely, then refrigerate until needed.
Frosting
9. Beat butter and cream cheese until smooth. Add powdered sugar and 1–2 tablespoons coconut milk. Beat until fluffy and spreadable, about 3 minutes. Stir in shredded coconut, reserving some for decoration if desired.
Assemble
10. Place one cake layer on a serving plate. Spread half of the pineapple filling over it. Top with a second cake layer and a layer of frosting. Add the third cake layer, spread remaining pineapple filling, then top with the final cake layer. Frost the top and sides and decorate with shredded coconut.
11. Refrigerate for at least 4 hours before serving. Flavor improves after resting overnight.
Tips
- Chill the cake layers slightly before assembling for cleaner slicing and easier stacking.
- Use a serrated knife for even layers.
- Refrigerate the filling completely to prevent it from sliding.

Variations and Substitutions
- Replace pineapple filling with mango or passion fruit for a tropical twist.
- Use coconut oil instead of butter in the cake for a stronger coconut note.
- Swap cream cheese frosting for whipped coconut cream for a lighter finish.
FAQs
Can this cake be made ahead?
Yes, it can be fully assembled a day in advance and stored in the refrigerator.
Can I use whole eggs instead of egg whites?
Egg whites keep the cake lighter, but whole eggs can be used for a richer texture.
How should leftovers be stored?
Store covered in the refrigerator for up to 4 days.
Serving Suggestions
- Serve chilled or slightly cool for best texture.
- Pair with fresh pineapple slices or toasted coconut.
- Works well as a celebration cake for birthdays and gatherings.
Why You’ll Love This Recipe
- Soft coconut cake layers with balanced sweetness
- Fresh pineapple filling adds contrast and moisture
- Creamy frosting with real coconut flavor
- Ideal for special occasions and make-ahead desserts
Coconut Cake with Pineapple Filling
16
servings4
hours30
minutes40
minutes570
kcalIngredients
-
Coconut Cake
-
2 cups all-purpose flour (250 g)
-
1 tablespoon baking powder (12 g)
-
1 teaspoon salt (6 g)
-
½ cup unsalted butter, room temperature (113 g)
-
2 cups granulated sugar (400 g)
-
1¼ cups canned unsweetened coconut milk (from 13.5 oz / 400 ml can), divided
-
1½ teaspoons coconut extract
-
5 large egg whites
-
Pineapple Filling
-
1 can crushed pineapple, 20 oz (567 g)
-
⅔ cup granulated sugar (134 g)
-
2 tablespoons cornstarch (16 g)
-
Coconut Cream Cheese Frosting
-
½ cup butter, room temperature (113 g)
-
8 oz cream cheese, room temperature (226 g)
-
4–5 cups powdered sugar (480–600 g)
-
1–2 tablespoons remaining coconut milk (or regular milk)
-
1 cup shredded sweetened coconut (85 g)
Directions
- Preheat oven to 350°F (180°C). Line the bottoms of two 8-inch round cake pans with parchment paper and lightly grease the sides.
- In a bowl, whisk together flour, baking powder, and salt. Set aside.
- In a separate bowl, beat butter on medium speed for about 1 minute until light. Add sugar and beat until creamy. Mix in 1¼ cups coconut milk and coconut extract.
- Gradually add the dry ingredients and mix on medium speed for about 2 minutes, just until combined.
- In another bowl, beat egg whites until stiff peaks form. Gently fold them into the batter.
- Divide batter evenly between pans. Bake for 25–35 minutes, until a toothpick inserted in the center comes out clean or with a few moist crumbs. Cool 5 minutes, then turn out onto a rack to cool completely.
- Once cooled, slice each cake layer horizontally to create four thin layers.
- Pineapple Filling
- Combine pineapple, sugar, and cornstarch in a saucepan over medium heat. Cook, stirring frequently, for 5–8 minutes until thick and glossy. Transfer to a bowl, cover the surface with plastic wrap, cool completely, then refrigerate until needed.
- Frosting
- Beat butter and cream cheese until smooth. Add powdered sugar and 1–2 tablespoons coconut milk. Beat until fluffy and spreadable, about 3 minutes. Stir in shredded coconut, reserving some for decoration if desired.
- Assemble
- 10. Place one cake layer on a serving plate. Spread half of the pineapple filling over it. Top with a second cake layer and a layer of frosting. Add the third cake layer, spread remaining pineapple filling, then top with the final cake layer. Frost the top and sides and decorate with shredded coconut.
- 11. Refrigerate for at least 4 hours before serving. Flavor improves after resting overnight.








Leave a Reply