coconut cake with pineapple filling

If you love the recipe, Please share it.

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

Recipe by NatashiaCourse: DessertCuisine: AmericanDifficulty: Easy
Servings

12

servings
Prep time

30

minutes
Cooking time

35

minutes
Calories

520

kcal
Total time

1

hour 

5

minutes

Coconut 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.
If you love the recipe, Please share it.
Natashia
Natashia

I was born in Australia to an Australian mother and a Spanish father, and in our family, food isn’t just something you eat. It’s an experience. It’s tradition. It’s the way we celebrate, connect, and share love. Whether it was Christmas, Easter, birthdays, or just a Monday night dinner, food was always at the heart of it.

Articles: 257

Leave a Reply

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