This Pineapple Coconut Cake is a tropical-inspired dessert that’s soft, moist, and bursting with fruity flavor. With layers of fluffy coconut cake, sweet pineapple, and creamy frosting, it’s a show-stopping treat perfect for any occasion.
Why You’ll Love This Recipe
This Pineapple Coconut Cake combines the sweetness of pineapple with the rich, nutty flavor of coconut for a perfectly balanced dessert. The texture is light and tender, while the pineapple curd and cream cheese frosting add a creamy, tangy finish. It’s ideal for celebrations, gatherings, or whenever you want something special.
Ingredients

Cake
- 2 1/2 cups cake flour
- 2 teaspoons baking powder
- 1/2 teaspoon baking soda
- 1 teaspoon salt
- 3/4 cup unsalted butter, softened
- 1 1/2 cups granulated sugar
- 4 large egg whites
- 1/2 cup sour cream
- 2 teaspoons vanilla extract
- 1 teaspoon coconut extract
- 3/4 cup coconut milk
- 2 tablespoons pineapple juice
- 1 cup sweetened shredded coconut
- 1 cup pineapple chunks
Pineapple Curd
- 1 large egg
- 2 egg yolks
- 1/3 cup sugar
- 1 1/2 teaspoons cornstarch
- 1/3 cup pineapple juice
- 1/8 teaspoon salt
- 1/4 cup butter
Frosting
- 8 oz cream cheese
- 1/2 cup butter
- 3 cups powdered sugar
- 2 tablespoons coconut milk or pineapple juice
- 1/2 teaspoon vanilla extract
- 1/8 teaspoon salt
Optional Garnish
- Pineapple chunks
- Shredded coconut
Instructions
- Preheat oven to 350°F (175°C). Grease and line cake pans.
- In a bowl, whisk flour, baking powder, baking soda, and salt.
- In another bowl, beat butter and sugar until light and fluffy.
- Add egg whites, sour cream, vanilla, and coconut extract; mix well.
- Add dry ingredients alternately with coconut milk and pineapple juice.
- Fold in shredded coconut and pineapple chunks.
- Divide batter into pans and bake for 25–30 minutes. Cool completely.
Pineapple Curd
8. Whisk egg, yolks, sugar, cornstarch, pineapple juice, and salt in a saucepan.
9. Cook over medium heat until thickened, stirring constantly.
10. Remove from heat and stir in butter. Cool completely.
Frosting
11. Beat cream cheese and butter until smooth.
12. Add powdered sugar, liquid, vanilla, and salt; beat until fluffy.
Assembly
13. Layer cake with pineapple curd and frosting between layers.
14. Frost the outside and decorate with pineapple and coconut.
15. Chill slightly before serving for best texture.

Tips & Tricks
- Use canned pineapple juice for consistent flavor.
- Ensure all ingredients are at room temperature.
- Do not overmix the batter to keep the cake light.
- Chill the cake before slicing for cleaner layers.
Details
- Prep Time: 40 minutes
- Cook Time: 30 minutes
- Total Time: 2 hours
- Yield: 10–12 servings
- Category: Dessert
- Method: Baking
- Cuisine: American / Tropical
- Difficulty: Medium
- Dietary Notes: Halal-friendly

Notes
- Toast shredded coconut for extra flavor.
- Add extra pineapple curd for a more intense fruit layer.
- You can bake this as cupcakes for individual servings.
Nutrition (Approximate)
- Calories: 420 per slice
- Protein: 5g
- Carbohydrates: 50g
- Fat: 22g
FAQ
Can I use fresh pineapple?
Yes, but canned juice works best for the curd.
How do I keep the cake moist?
Use coconut milk and avoid overbaking.
Can I make this cake ahead?
Yes, assemble a day in advance and refrigerate.
Can I freeze Pineapple Coconut Cake?
Freeze unfrosted layers for up to 2 months.
What frosting works best?
Cream cheese frosting pairs perfectly with tropical flavors.
Storage
- Refrigerator: Store up to 4 days in airtight container
- Freezer: Freeze cake layers up to 2 months
- Reheating: Serve chilled or bring to room temperature

Similar Recipes

Pineapple Coconut Cake
Ingredients
Cake
- 2 1/2 cups cake flour
- 2 teaspoons baking powder
- 1/2 teaspoon baking soda
- 1 teaspoon salt
- 3/4 cup unsalted butter softened
- 1 1/2 cups granulated sugar
- 4 large egg whites
- 1/2 cup sour cream
- 2 teaspoons vanilla extract
- 1 teaspoon coconut extract
- 3/4 cup coconut milk
- 2 tablespoons pineapple juice
- 1 cup sweetened shredded coconut
- 1 cup pineapple chunks
Pineapple Curd
- 1 large egg
- 2 egg yolks
- 1/3 cup sugar
- 1 1/2 teaspoons cornstarch
- 1/3 cup pineapple juice
- 1/8 teaspoon salt
- 1/4 cup butter
Frosting
- 8 oz cream cheese
- 1/2 cup butter
- 3 cups powdered sugar
- 2 tablespoons coconut milk or pineapple juice
- 1/2 teaspoon vanilla extract
- 1/8 teaspoon salt
Optional Garnish
- Pineapple chunks
- Shredded coconut
Instructions
- Preheat oven to 350°F (175°C). Grease and line cake pans.
- In a bowl, whisk flour, baking powder, baking soda, and salt.
- In another bowl, beat butter and sugar until light and fluffy.
- Add egg whites, sour cream, vanilla, and coconut extract; mix well.
- Add dry ingredients alternately with coconut milk and pineapple juice.
- Fold in shredded coconut and pineapple chunks.
- Divide batter into pans and bake for 25–30 minutes. Cool completely.
Pineapple Curd
- Whisk egg, yolks, sugar, cornstarch, pineapple juice, and salt in a saucepan.
- Cook over medium heat until thickened, stirring constantly.
- Remove from heat and stir in butter. Cool completely.
Frosting
- Beat cream cheese and butter until smooth.
- Add powdered sugar, liquid, vanilla, and salt; beat until fluffy.
Assembly
- Layer cake with pineapple curd and frosting between layers.
- Frost the outside and decorate with pineapple and coconut.
- Chill slightly before serving for best texture.
Notes
- Toast shredded coconut for extra flavor.
Conclusion
This Pineapple Coconut Cake is a tropical dream dessert that’s rich, moist, and full of flavor. Whether for a celebration or a weekend treat, it’s guaranteed to impress with its beautiful layers and refreshing taste.

