Pineapple Coconut Cake is a soft, fluffy tropical dessert layered with creamy frosting and bright pineapple curd. This beautiful cake combines sweet pineapple chunks, rich coconut milk, shredded coconut, and smooth cream cheese frosting for a fresh, bakery-style dessert that feels perfect for summer parties, birthdays, and special celebrations.
Why You’ll Love This Recipe
- Full of tropical pineapple and coconut flavor
- Soft, fluffy cake layers with a moist crumb
- Filled with bright homemade pineapple curd
- Finished with creamy cream cheese frosting
- Perfect for birthdays, holidays, and summer gatherings
- Beautiful presentation with simple decoration options
- Family-friendly and celebration-worthy
Ingredients

Cake
- 2½ cups cake flour
- 2 teaspoons baking powder
- ½ teaspoon baking soda
- 1 teaspoon salt
- ¾ cup unsalted butter, softened
- 1½ cups granulated sugar
- 4 large egg whites
- ½ cup sour cream
- 2 teaspoons pure vanilla extract
- 1 teaspoon coconut extract
- ¾ cup canned coconut milk
- 2 tablespoons pineapple juice
- 1 cup sweetened shredded coconut
- 1 cup pineapple chunks, drained
- Extra pineapple chunks for garnish
Pineapple Curd
- 1 large egg
- 2 large egg yolks
- ⅓ cup granulated sugar
- 1½ teaspoons cornstarch
- ⅓ cup canned pineapple juice
- ⅛ teaspoon salt
- ¼ cup unsalted butter, softened and cut into pieces
Frosting
- 8 ounces full-fat cream cheese, softened
- ½ cup unsalted butter, softened
- 3 cups confectioners’ sugar
- 2 tablespoons canned coconut milk or pineapple juice
- ½ teaspoon pure vanilla extract
- ⅛ teaspoon salt
Optional Garnish
- Pineapple chunks
- Sweetened shredded coconut
Instructions
- Preheat oven to 350°F. Grease three 8-inch cake pans, line with parchment paper, and grease again.
- In a bowl, whisk cake flour, baking powder, baking soda, and salt.
- In a large mixing bowl, beat butter and sugar until smooth and creamy.
- Beat in egg whites until combined.
- Add sour cream, vanilla extract, and coconut extract.
- With the mixer on low, add dry ingredients, coconut milk, and pineapple juice.
- Mix until just combined.
- Fold in shredded coconut and pineapple chunks.
- Divide batter evenly among prepared pans.
- Bake for 22–24 minutes, or until a toothpick comes out clean.
- Cool cakes completely before assembling.
Make the Pineapple Curd
- Set up a double boiler with simmering water.
- In the top bowl, whisk egg, egg yolks, sugar, cornstarch, pineapple juice, and salt.
- Cook while whisking constantly for about 10 minutes, until slightly thickened.
- Remove from heat and whisk in butter.
- Transfer to a bowl and cover with plastic wrap touching the surface.
- Cool completely.
Make the Frosting
- Beat cream cheese and butter until creamy and smooth.
- Add confectioners’ sugar, coconut milk or pineapple juice, vanilla, and salt.
- Beat on low, then increase to high and mix until fluffy.
- Add extra confectioners’ sugar if a thicker frosting is desired.
Assemble the Cake
- Level cake layers if needed.
- Place one cake layer on a serving plate.
- Spread a thin layer of frosting over the top.
- Add ¼ cup pineapple curd.
- Repeat with the second cake layer.
- Add the final cake layer.
- Apply a thin crumb coat around the cake.
- Refrigerate for 30–60 minutes.
- Frost the cake with remaining frosting.
- Decorate with pineapple chunks and shredded coconut.
- Chill for at least 20 minutes before slicing.

Tips & Tricks
- Use canned pineapple juice for the curd for consistent flavor.
- Cool the pineapple curd completely before layering.
- Drain pineapple chunks well to prevent excess moisture.
- Refrigerate the crumb-coated cake to keep the layers stable.
- Use room-temperature butter, eggs, sour cream, and coconut milk for smoother batter.
- Toast the shredded coconut for a deeper flavor and golden finish.
Details
- Prep Time: 45 minutes
- Cook Time: 24 minutes
- Cooling & Chilling Time: 2 hours
- Total Time: 3 hours 9 minutes
- Yield: 12 servings
- Category: Dessert
- Method: Baking
- Cuisine: American, Tropical-Inspired
- Difficulty: Intermediate
- Dietary Notes: Vegetarian, Halal-Friendly

Notes
- This Pineapple Coconut Cake is best served chilled but slightly softened.
- You may use pineapple juice in the frosting for extra fruity flavor.
- Coconut milk should be stirred well before measuring.
- Leftover pineapple curd is delicious on toast, biscuits, pancakes, or yogurt.
Nutrition (Approximate Per Slice)
- Calories: 590
- Protein: 6g
- Carbohydrates: 72g
- Fat: 32g
FAQ
Can I make Pineapple Coconut Cake ahead of time?
Yes. Bake the cake layers and make the pineapple curd one day ahead, then assemble before serving.
Can I use fresh pineapple instead of canned?
Yes, fresh pineapple chunks work well in the cake, but canned pineapple juice is best for the curd.
Why is my cake slippery when assembling?
The frosting and pineapple curd are soft, so chilling between layers helps the cake stay stable.
Can I toast the coconut garnish?
Yes. Toasted coconut adds a warm, nutty flavor and beautiful texture.
Can I freeze this cake?
Unfrosted cake layers freeze well for up to 3 months. Thaw before frosting and assembling.
Can I make this cake without coconut extract?
Yes, but the coconut flavor will be milder.
Storage
Refrigerator:
Cover tightly and store in the refrigerator for up to 5 days.
Freezer:
Freeze unfrosted cake layers for up to 3 months.
Serving:
Let the cake sit at room temperature for 20–30 minutes before serving for the best texture.

Similar Recipes

Pineapple Coconut Cake
Ingredients
Cake
- 2½ cups cake flour
- 2 teaspoons baking powder
- ½ teaspoon baking soda
- 1 teaspoon salt
- ¾ cup unsalted butter softened
- 1½ cups granulated sugar
- 4 large egg whites
- ½ cup sour cream
- 2 teaspoons pure vanilla extract
- 1 teaspoon coconut extract
- ¾ cup canned coconut milk
- 2 tablespoons pineapple juice
- 1 cup sweetened shredded coconut
- 1 cup pineapple chunks drained
- Extra pineapple chunks for garnish
Pineapple Curd
- 1 large egg
- 2 large egg yolks
- ⅓ cup granulated sugar
- 1½ teaspoons cornstarch
- ⅓ cup canned pineapple juice
- ⅛ teaspoon salt
- ¼ cup unsalted butter softened and cut into pieces
Frosting
- 8 ounces full-fat cream cheese softened
- ½ cup unsalted butter softened
- 3 cups confectioners’ sugar
- 2 tablespoons canned coconut milk or pineapple juice
- ½ teaspoon pure vanilla extract
- ⅛ teaspoon salt
Optional Garnish
- Pineapple chunks
- Sweetened shredded coconut
Instructions
- Preheat oven to 350°F. Grease three 8-inch cake pans, line with parchment paper, and grease again.
- In a bowl, whisk cake flour, baking powder, baking soda, and salt.
- In a large mixing bowl, beat butter and sugar until smooth and creamy.
- Beat in egg whites until combined.
- Add sour cream, vanilla extract, and coconut extract.
- With the mixer on low, add dry ingredients, coconut milk, and pineapple juice.
- Mix until just combined.
- Fold in shredded coconut and pineapple chunks.
- Divide batter evenly among prepared pans.
- Bake for 22–24 minutes, or until a toothpick comes out clean.
- Cool cakes completely before assembling.
Make the Pineapple Curd
- Set up a double boiler with simmering water.
- In the top bowl, whisk egg, egg yolks, sugar, cornstarch, pineapple juice, and salt.
- Cook while whisking constantly for about 10 minutes, until slightly thickened.
- Remove from heat and whisk in butter.
- Transfer to a bowl and cover with plastic wrap touching the surface.
- Cool completely.
Make the Frosting
- Beat cream cheese and butter until creamy and smooth.
- Add confectioners’ sugar, coconut milk or pineapple juice, vanilla, and salt.
- Beat on low, then increase to high and mix until fluffy.
- Add extra confectioners’ sugar if a thicker frosting is desired.
Assemble the Cake
- Level cake layers if needed.
- Place one cake layer on a serving plate.
- Spread a thin layer of frosting over the top.
- Add ¼ cup pineapple curd.
- Repeat with the second cake layer.
- Add the final cake layer.
- Apply a thin crumb coat around the cake.
- Refrigerate for 30–60 minutes.
- Frost the cake with remaining frosting.
- Decorate with pineapple chunks and shredded coconut.
- Chill for at least 20 minutes before slicing.
Notes
- This Pineapple Coconut Cake is best served chilled but slightly softened.
- You may use pineapple juice in the frosting for extra fruity flavor.
- Coconut milk should be stirred well before measuring.
- Leftover pineapple curd is delicious on toast, biscuits, pancakes, or yogurt.
Conclusion
This Pineapple Coconut Cake is bright, creamy, and packed with tropical flavor from soft coconut cake layers, sweet pineapple chunks, tangy pineapple curd, and silky cream cheese frosting. It is a stunning dessert that feels special, fresh, and unforgettable.

