If there’s one cake that instantly makes me think of warm weather and family celebrations, it’s this Pineapple Coconut Cake. Every slice is soft, fluffy, and filled with bright pineapple flavor, while the coconut adds just enough sweetness and texture to make it feel extra special. It’s the kind of cake that looks impressive on the table but is surprisingly straightforward to make.

The first time I baked this cake was for a summer birthday, and it quickly became one of those recipes everyone asked for before leaving. The creamy frosting, sweet pineapple filling, and toasted coconut coating create layers of flavor that work beautifully together without feeling overly heavy.

Even though it’s a layered cake, every step is simple. Once everything is prepared, assembling it is actually one of the most enjoyable parts. The finished cake looks bakery-worthy, but it’s completely homemade and well worth the little extra effort.

Why You’ll Love This Recipe

One of my favorite things about this cake is how every layer brings something different. The cake itself is incredibly soft with a light coconut flavor, the pineapple filling adds a fresh fruity sweetness, and the cream cheese frosting balances everything with just a slight tang.

This is also a wonderful cake to make ahead because it tastes even better after chilling for a few hours. The flavors have time to come together, and the cake becomes even more moist the next day.

The toasted coconut coating adds far more than decoration. It gives the cake a light crunch and a rich nutty flavor that complements the pineapple perfectly. Every bite has soft cake, creamy frosting, sweet fruit, and toasted coconut all at once.

Whether you’re making it for birthdays, Easter, Mother’s Day, summer parties, or simply because you’re craving something tropical, this cake always feels like a celebration.

Ingredients

For the Cake

• 2¼ cups all-purpose flour
• 1½ teaspoons baking powder
• ½ teaspoon baking soda
• ½ teaspoon salt
• ⅔ cup buttermilk
• ¼ cup heavy cream
• 2 teaspoons vanilla extract
• 1 teaspoon coconut extract
• 1⅓ cups granulated sugar
• 1 cup unsalted butter, softened
• 3 large eggs
• ⅔ cup sweetened shredded coconut

For the Pineapple Filling

• 1 (20-ounce) can crushed pineapple, drained slightly
• ⅔ cup granulated sugar
• 2 tablespoons cornstarch

For the Cream Cheese Frosting

• 8 ounces cream cheese, softened
• 4 tablespoons unsalted butter, softened
• ¼ cup sour cream
• 2 cups powdered sugar
• ½ teaspoon vanilla extract

For Assembly

• 1½ cups toasted shredded coconut
• Candied pineapple or fresh pineapple pieces for garnish (optional)

Room temperature ingredients make a noticeable difference in this cake. Soft butter, cream cheese, eggs, and dairy blend together much more smoothly and create a lighter cake texture.

Using both vanilla and coconut extracts gives the cake a balanced tropical flavor without making the coconut overpowering. The pineapple filling stays bright and fresh while the toasted coconut adds richness around the outside.

How to Make Pineapple Coconut Cake

Start by preheating your oven and preparing two round cake pans with parchment paper and a light coating of butter or baking spray.

In one bowl, whisk together the flour, baking powder, baking soda, and salt until evenly combined. In another bowl, stir together the buttermilk, heavy cream, vanilla extract, and coconut extract.

Beat the butter and sugar together until the mixture becomes very light and fluffy. This step adds air to the batter and helps create soft cake layers. Add the eggs one at a time, mixing well after each addition.

Alternate adding the dry ingredients and the milk mixture, beginning and ending with the flour mixture. Mix only until everything comes together. Fold the shredded coconut into the batter using a spatula.

Divide the batter evenly between the prepared cake pans and smooth the tops before baking until a toothpick inserted into the center comes out clean.

Allow the cakes to cool completely before removing them from the pans. If you’d like thinner layers, carefully slice each cake horizontally to create four layers instead of two.

While the cakes cool, prepare the pineapple filling. Combine the crushed pineapple, sugar, and cornstarch in a saucepan over medium heat. Stir constantly until the mixture thickens into a glossy filling. Transfer it to a bowl and let it cool completely before assembling the cake.

For the frosting, beat together the cream cheese, butter, and sour cream until smooth. Add the powdered sugar and vanilla, then continue mixing until the frosting becomes light and fluffy.

To assemble, place one cake layer onto a serving plate. Spread a layer of pineapple filling over the surface. Add the next cake layer and spread with frosting. Continue alternating the pineapple filling and frosting between the layers until the cake is fully stacked.

Cover the top and sides with the remaining cream cheese frosting. Press the toasted coconut gently onto the sides and top of the cake until evenly coated.

Finish with candied pineapple pieces or fresh pineapple for a beautiful presentation before chilling until ready to serve.

Tips

Allow the pineapple filling to cool completely before assembling the cake. Warm filling can soften the frosting and make the layers slide.

Toasting the coconut is worth the extra few minutes. It develops a much richer flavor and adds a beautiful golden color that makes the finished cake look even more impressive.

For the cleanest slices, refrigerate the finished cake for at least an hour before serving and wipe your knife clean between cuts.

Variations

For extra tropical flavor, add a handful of toasted chopped macadamia nuts between the cake layers.

A little lime zest mixed into the frosting adds a bright citrus flavor that pairs beautifully with both the pineapple and coconut.

If you prefer a simpler version, bake the batter in a 9×13-inch pan and spread the frosting over the top instead of making a layer cake.

Frequently Asked Questions

Can I use fresh pineapple instead of canned?

Yes. Finely chop fresh pineapple and cook it with the sugar and cornstarch until thickened.

Can I make Pineapple Coconut Cake ahead of time?

Absolutely. This cake actually tastes even better after chilling overnight.

How should I store the cake?

Store covered in the refrigerator for up to 5 days because of the cream cheese frosting.

Can I freeze the cake?

Yes. Wrap individual slices or unfrosted cake layers tightly and freeze for up to 2 months.

Can I use unsweetened coconut?

Yes. Unsweetened shredded coconut works well, although the finished cake will be slightly less sweet.

More cake recipes

• Blackberry Velvet Cake
• Blackberry Bundt Cake
• Blackberry Coffee Cake