Pineapple Coconut Cake

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

Close-up of Pineapple Coconut Cake with coconut flakes pressed into the frosting and pineapple garnish on top.
Fluffy Coconut Cake with Pineapple

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

  1. Preheat oven to 350°F. Grease three 8-inch cake pans, line with parchment paper, and grease again.
  2. In a bowl, whisk cake flour, baking powder, baking soda, and salt.
  3. In a large mixing bowl, beat butter and sugar until smooth and creamy.
  4. Beat in egg whites until combined.
  5. Add sour cream, vanilla extract, and coconut extract.
  6. With the mixer on low, add dry ingredients, coconut milk, and pineapple juice.
  7. Mix until just combined.
  8. Fold in shredded coconut and pineapple chunks.
  9. Divide batter evenly among prepared pans.
  10. Bake for 22–24 minutes, or until a toothpick comes out clean.
  11. Cool cakes completely before assembling.

Make the Pineapple Curd

  1. Set up a double boiler with simmering water.
  2. In the top bowl, whisk egg, egg yolks, sugar, cornstarch, pineapple juice, and salt.
  3. Cook while whisking constantly for about 10 minutes, until slightly thickened.
  4. Remove from heat and whisk in butter.
  5. Transfer to a bowl and cover with plastic wrap touching the surface.
  6. Cool completely.

Make the Frosting

  1. Beat cream cheese and butter until creamy and smooth.
  2. Add confectioners’ sugar, coconut milk or pineapple juice, vanilla, and salt.
  3. Beat on low, then increase to high and mix until fluffy.
  4. Add extra confectioners’ sugar if a thicker frosting is desired.

Assemble the Cake

  1. Level cake layers if needed.
  2. Place one cake layer on a serving plate.
  3. Spread a thin layer of frosting over the top.
  4. Add ¼ cup pineapple curd.
  5. Repeat with the second cake layer.
  6. Add the final cake layer.
  7. Apply a thin crumb coat around the cake.
  8. Refrigerate for 30–60 minutes.
  9. Frost the cake with remaining frosting.
  10. Decorate with pineapple chunks and shredded coconut.
  11. Chill for at least 20 minutes before slicing.
A tall Pineapple Coconut Cake layered with pineapple curd and cream cheese frosting. The cake is decorated with pineapple chunks and shredded coconut for a tropical dessert.
Tropical Pineapple Coconut Cake

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
A slice of Pineapple Coconut Cake showing fluffy cake layers, pineapple curd filling, and smooth cream cheese frosting. Shredded coconut decorates the outside.
Pineapple Coconut Layer Cake

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.

Homemade Pineapple Coconut Cake topped with pineapple pieces and coconut flakes on a cake stand. The dessert has a bright tropical look.
Homemade Pineapple Coconut Dessert

Similar Recipes

Pineapple Coconut Cake

Pineapple Coconut Cake is a tropical layer cake made with coconut milk, pineapple chunks, and shredded coconut.
Prep Time 45 minutes
Course Dessert
Cuisine American, Tropical-Inspired

Ingredients
  

Cake

  • cups cake flour
  • 2 teaspoons baking powder
  • ½ teaspoon baking soda
  • 1 teaspoon salt
  • ¾ cup unsalted butter softened
  • 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
  • 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.

Leave a Comment

Your email address will not be published. Required fields are marked *

Recipe Rating




Scroll to Top