Home » Recipes & Tutorials » Cakes and Cupcakes

Pineapple Coconut Cake

Last Updated On: May 22, 2024 | Published: April 19, 2019 by Melissa Diamond | 51 Comments
Jump To Recipe Jump to Video
Jump To Recipe Jump To Video

I love Pineapple and coconut together, and in today's Pineapple Coconut Cake, we're combining moist pineapple cake layers with a thick pineapple filling and coconut cream cheese frosting.

This cake is a slice of heaven, and PERFECT for spring and summer gatherings!

Pineapple Coconut Cake Recipe

I love that we finally have a pineapple cake recipe to share, we've been wanting to add one for a while now! (Our other Pineapple Cake is absolutely delicious but uses yellow cake layers with a pineapple & cream filling).

The pineapple flavor in today's cake layers comes from crushed pineapple pieces in the batter as well as pineapple juice.  

Assembling the Pineapple Coconut Cake

When it was time to assemble our cake, we placed the first cake layer on the cake plate, then piped a dam of cream cheese frosting about ¼ inch from the edge. 

Next, we filled inside of the dam with a layer of coconut cream cheese frosting, followed by a layer of pineapple filling.

Then, I repeated these steps for the next layer of pineapple cake. After adding the final layer, check to see if you have any gaps in between your layers.

You can fill those with more cream cheese frosting. (This helps to prevent air pockets and also prevents your filling from escaping.)

I chilled my cake at this point for about 20 minutes in the freezer to firm things up so that I could frost the cake without worry of the layers sliding around while I frosted. This can sometimes happen with softer fillings. 

Decorating the Pineapple Coconut Cake

The easiest way to decorate a coconut cake is to cover it with shredded coconut! Hooray for quick and easy decorating!

After chilling the cake, I frosted the top and sides of the cake with cream cheese frosting and immediately pressed in the shredded sweetened coconut all over. So pretty!

Delicious Pineapple Coconut Cake

Recipe FAQs

Yes, just as with most of our cakes from white velvet cake to Italian Cream Cake, Pistachio Cake and more, these cake layers can be frozen! After baking, allow the layers to cool and then wrap each cake layer in plastic wrap followed by aluminum foil. (We often wrap ours while they are still a bit warm.)

For more support, we like to place each layer on a foil wrapped cake board before wrapping. Then, into the freezer they go! They will stay fresh for up to three months!

To thaw, move the wrapped cake layers from the freezer to the kitchen counter. Keep them wrapped for 30-45 minutes or until condensation stops forming on the wrapping. Then, unwrap and thaw to desired amount. (Some bakers prefer to assemble their cakes while they are still partially frozen. as they are less fragile.)

For today's pineapple cake, we didn't use any pineapple extract or pineapple baking emulsion. However, you could if you would like!

The crushed pineapple in the cake, along with the juice, gives it a delicious, yet light pineapple flavor.

If we weren't using pineapple in the filling as well, I may have added a tiny bit of pineapple extract (1 tsp) to give it an extra boost. However, that wasn't necessary with this recipe because of the homemade pineapple filling.

This cake is bursting with pineapple flavor, and is perfectly balanced with the coconut in the recipe! (If I could have gotten away with eating the entire bowl of coconut cream cheese frosting, I would have, it is just that good!) I can't wait for you to try it!

Yes, because of the pineapple filling and coconut cream cheese frosting, this cake should be refrigerated, preferably in an airtight container or under a cake dome.

For best flavor and texture, remove the cake from the refrigerator a couple of hours before serving. This will give the pineapple coconut cake time to warm and soften.

More Spring and Summer Cakes

This Pineapple Coconut Cake is a perfect birthday cake recipe or special occasion cake no matter what the season, but we especially love it in the spring and summer!

It reminds me in some ways of our Pina Colada Cake, only there's no rum flavor- haha- and also, the roles are reversed as our Pina Colada Cake has coconut cake layers.

Other favorites are our Strawberry Cake, Lemon Cake Recipe, Raspberry Cake, and Orange Cake!

Make sure to check out our full roundup of the BEST Cake Recipes for Spring and Summer!

Thanks so much for stopping by! We hope that you give this Pineapple Coconut Cake a try! Don't miss our other pineapple cakes, including our Pineapple Dream Cake, Pineapple Cake, Pineapple Coconut Pound Cake, and Pineapple Upside Down Cake!

Make sure to check out our full Cake Recipes section, which includes favorite Cake Recipes from Scratch as well as Cake Mix Recipes!

Have you made this? We would LOVE for you to leave a ⭐️ rating as well as a comment and photo below! We really appreciate your feedback!

This Pineapple Coconut Layer Cake is moist and so moist and flavorful!

Pineapple Coconut Cake

BY Melissa and Bebe
This moist and flavorful Pineapple Coconut Cake consists of homemade pineapple cake layers with a delicious pineapple filling and coconut cream cheese frosting!
Prep Time: 20 minutes
Cook Time: 25 minutes
Course: Dessert
Servings: 15 servings
RATE THIS RECIPE
Print Recipe Pin Recipe

Ingredients

For the Pineapple Cake Layers

  • 3 cups cake flour (342g)
  • 1 Tablespoon baking powder (12g)
  • ½ teaspoon salt (2g)
  • 6 egg whites (180g)
  • ¾ cup crushed pineapple in juice, do not drain juice (8oz)
  • ⅔ cup milk (152g)
  • 1 teaspoon vanilla extract (4g)
  • ¼ cup vegetable oil ( we used Canola Oil) (54g)
  • 2 cups sugar (400g)
  • 2 sticks unsalted butter, softened (226g)

For the Pineapple Filling:

  • One 20 ounce can (567g) of crushed pineapple
  • ½ cup granulated sugar (100g)
  • 2 Tablespoons cornstarch (14g)

For the Coconut Cream Cheese Frosting

  • 2 sticks unsalted butter, softened (226g) unsalted butter, slightly softened
  • 16 oz cream cheese, softened (We used two 8 oz blocks of cream cheese, full fat.)
  • 1 ½ teaspoons coconut extract (adjust to your liking) (6g)
  • 1 teaspoon vanilla extract (4g)
  • 6 to 6 ½ cups powdered sugar (747g)
  • pinch salt

For the Outside of the Cake

  • 14 oz sweetened coconut (396g)

Instructions

For the Cake Layers

  • Preheat the oven to 350 degrees, grease and flour 3 (8 inch) round pans and place a circle of waxed or parchment paper in the bottom of each pan. Cakes with fruit have a tendency to stick
  • In a medium bowl, whisk the flour, baking powder and salt for at least 30 seconds to blend.
  • In another bowl, add the egg whites, crushed pineapple +juice, milk, vanilla and vegetable oil. Blend with a fork
  • In the bowl of your mixer add the butter and beat at medium speed until soft and smooth. Gradually add the sugar and continue to beat until lightened in color and fluffy, 3 to 5 minutes, longer if using a hand mixer.
  • Alternately add the flour mixture and the wet ingredients, beginning and ending with the dry ingredients (3 additions of dry and 2 of wet). Beat on low to medium speed until the ingredients are mixed in. Do not mix above medium speed or over mix. 
  • Bake at 350 degrees for 20 to 25 minutes, check at 18 minutes. When a toothpick pulls out clean or with just a few crumbs attached, the cake is done.
  • Cool the cakes on a cooling rack for 5 minutes then turn out. Makes 7 ½ cups batter
  • This cake recipe can be used for cupcakes also and the layers are sturdy enough for fondant.

For the Pineapple Filling

  • Combine all ingredients in a saucepan and cook over medium heat. When the mixture begins to boil, stir constantly until it begins to thicken, approximately 1 to 2 minutes.
  • Keep in mind that it will thicken even more as it cools. Cool completely in refrigerator before using.
  • For the Coconut Cream Cheese Frosting
  • Add the butter to the mixing bowl and beat until smooth.
  • Add the cream cheese that has been cut into small to medium size pieces, beating with the butter until well blended and smooth.
  • Add the coconut and vanilla extracts
  • Slowly add the powdered sugar, beating until smooth. Do not beat above medium speed or for too long. The longer you beat the softer the frosting becomes. If it becomes too soft to pipe, just refrigerate for a short while.
  • Use the frosting while it is still chilled. If it becomes too soft, refrigerate until it firms up a bit or put in the freezer for 5 minutes or so to return to a good piping consistency.

Assembly

  • To assemble the cake, place your first layer on your pedestal or cake board. Then pipe a dam of the cream cheese frosting about ¼ inch from the edge of the cake. Fill with cream cheese frosting followed by pineapple filling.
  • Repeat for the next layer. Fill in any gaps with your cream cheese frosting and freeze for about 15-20 minutes to firm things up. (I often do this with cakes that have soft fillings so that the layers don't slide around while frosting).
  • Frost the cake and immediately press on your flaked coconut.
  • This cake needs to be refrigerated until within a couple of being served.

Notes

These cake layers can be made in advance and frozen. After baking, allow to cool until slightly warm, then wrap individually in plastic wrap followed by foil. Freeze for up to three months. To thaw, move to the kitchen counter, still wrapped and thaw to desired amount for assembling/decorating.

 

4.43 from 351 votes (351 ratings without comment)

Leave a Reply

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

Recipe Rating




The maximum upload file size: 8 MB. You can upload: image. Drop files here

51 Comments

  1. Hi Lynnett, Using only the egg whites will give you a lighter cake. It will still have richness due to the added oil in the recipe, we also find it to be moist. Hope you will give the Pineapple Coconut cake recipe a try.

    Reply

  3. Hi Seth, You have probably already made your cake, but yes, you could add just a very small amount to the cake if you like. You don't want to overpower the the pineapple flavor, as there is coconut extract in the frosting. Hope you love the cake.

    Reply

  4. Thanks Bebe. This was the second cake I have made. It came out delicious! There was plenty of coconut flavor in the frosting to it was perfect. Next time I will try the putting in the freezer prior to frosting as suggested. It was a little difficult to frost, plus I am new at this. But what an amazing tasting cake!!!!

    Reply

  5. Hi Seth, So good to hear from you, I'm glad that all went well and you enjoyed the recipe. Yes, freezing the cake for 15 to 20 minutes is a good idea when you have a soft filling, makes frosting so much easier. Thank you for posting a follow-up. Happy New Year!!

    Reply

  6. Hi, I am about to get to baking this cake. Just wondering... Can I substitute the cows milk in the cake batter recipe for coconut milk?

    Reply

  8. Hi I really want to make this cake because I really like pineapple cakes, I keep coming back to this recipe but I cant eat eggs, can I replace egg whites with plain yogurt?

    Reply

  10. Hi Ruby, I'm sorry but I haven't tried that substitution. Egg whites help to give a cake structure so I'm not sure that would work.

    Reply

  11. Hello, I followed the cake recipe exactly as written except 1) I folded the flour and liquids with a spatula, rather than using beaters so it wouldn't be dense, and 2) I divided the batter between 2-8" pans and baked it for 40" until skewer came out clean. Both my cakes were sunken in the center, and no I did not open the door of oven when I baked :-( Nothing was expired and I used everything in weight measurements. They are cooling now, but am very nervous about how the cake will be, as they don't look right. I have baked many from scratch cake recipes that don't turn out like this has. It's for my husbands B-Day cake tomorrow. The picture on this post does not look like the interior of the cake I made either. Please help.

    Reply