This easy Coconut Cake recipe has moist layers of soft coconut cake, pineapple filling, and topped with coconut cream cheese frosting. It’s one of my favorite cakes of all time!

A slice of homemade Coconut Cake with delicious pineapple filling on a plate ready to enjoy.

I’ve reached food nerd status with how happy this Pineapple Coconut Cake makes me. It’s incredible! Dare I say it–it’s on the same level as my Mom’s ridiculously amazing German Chocolate Cake. It’s that good!

The cake is incredibly moist (hate that word, but it must be used here), and the flavor combination of pineapple, coconut and buttercream are magical.

I also love that the cake, filling and frostings can be made ahead, and even the fully assembled cake tastes better made ahead of time.

The original recipe was from Utah State Fair Winner Lisa Blodget, and was shared by Si from A Bountiful Kitchen, and I adapted this version! I added a cream cheese buttercream frosting with a splash of coconut milk for extra creaminess and hints of coconut flavor.

It really is the best coconut cake recipe!

How to make Coconut Cake:

Combine Dry Ingredients: Mix flour, baking powder and salt in a bowl.

A glass bowl filled with flour, baking powder, and salt.

Cream Butter and Sugar: In a separate mixing bowl, beat the butter on medium speed with electric mixers until light and fluffy. Add sugar and mix 1 minute. Add coconut extract and 1 ¼ cups of coconut milk.

Two images showing creamed butter and sugar and then coconut milk being added to make the best Coconut Cake recipe.

Finish Batter: Gradually add flour mixture and mix on medium speed for 2 minutes. In another bowl, beat egg whites until stiff peaks form. Fold the egg whites into the batter until incorporated.

Two images showing whipped egg whites being folded into coconut cake batter, then the cake batter finished and ready to pour in the cake pans.

Bake Cakes: Line bottom of 8” cake pans with parchment paper and spray bottom and sides of pan lightly with non-stick cooking spray. Divide batter evenly between the pans. Bake at 350 degrees F 25-35 minutes, or until a toothpick inserted in the center of the cake comes out clean.

Two round cake pans filled with easy Coconut Cake batter.

Cool and Slice: Remove the pans from the oven and allow them to cool for 5 minutes before inverting them onto a cooling rack to cool completely. Use a sharp serrated knife to cut each cake round in half horizontally, so that you end up with four thin cake rounds.

Two Coconut Cake rounds sliced in half to make four layers of cake.

Make Filling and Frosting: Meanwhile, make the pineapple filling and coconut cream cheese frosting, and then you’re ready to assemble the cake.

A delicious pineapple filling in a glass bowl to make homemade Coconut Cake with pineapple filling.

Assemble Coconut Cake:

Place one cake layer on a serving plate and spread half of the pineapple filling over it. Top with second cake layer, and smooth some of the coconut cream cheese frosting on top.

Two images with pineapple filling being spread on top of a layer of coconut cake, then frosting being spread on top of the second layer of cake.

Top with third layer of cake. Spread remaining pineapple filling on top. Top with the last later of cake. Frost the sides and top of the cake. Sprinkle with shredded coconut flakes, if desired. For best results, refrigerate the coconut pineapple cake for a few hours before serving.

An easy Coconut Cake on a cake stand, ready to slice and enjoy.

Make Ahead and Freezing Instructions:

The coconut cake can be fully assembled 1-2 days ahead of time, stored in the fridge before serving. The pineapple filling and coconut frosting can be made up to a week in advance, or frozen for several weeks. Allow the frosting to come to room temperature before using. Cool the baked cakes completely. Torte in half, then wrap each layer really well in plastic wrap and place in a ziplock freezer bag. Freeze for up to one month. Frozen cakes are easier to work with, and to frost.

Follow me for more great recipes

Recipe

A slice of homemade Coconut Cake with pineapple filling on a plate ready to serve.
Prep 4 hours 30 minutes
Cook 40 minutes
Total 5 hours 10 minutes
Save Recipe

Ingredients
 
 

Coconut Cake:

Pineapple Filling:

For the Coconut Cream Cheese Frosting:

Instructions
 

Coconut Cake:

  • Preheat oven to 350 degrees F. Line the bottom of two 8 inch cake pans with parchment paper and spray the bottom and sides of the pan lightly with cooking spray.
  • Mix dry ingredients In a mixing bowl; flour, baking powder and salt. Set aside.
  • In a separate mixing bowl beat the butter on medium speed with an electric hand mixer or stand mixer for 1 minute, until light and fluffy. Add sugar and mix until well creamed together. Add 1 ¼ cups canned coconut milk and coconut extract and mix.
  • Gradually add flour mixture and mix on medium speed for 2 minutes.
  • Beat egg whites in a separate bowl until stiff peaks form. Fold the egg whites into the batter until incorporated.
  • Bake: Divide cake batter evenly between prepared cake pans. Bake at 350 degrees F for 25-35 minutes, or until a toothpick inserted in the center of the cake comes out clean, or with few moist crumbs.
  • Cool: Remove the pans from the oven and allow to cool for 5 minutes before inverting them onto a cooling rack to cool completely.
  • Torte Cakes: Once cakes have cooled, use a sharp serrated knife to torte/cut each cake round in half horizontally, so that you end up with four thin cake rounds.

Pineapple Filling:

  • Add all ingredients to medium saucepan over medium heat. Stir well to combine. Cook, stirring frequently, until mixture thickens and looks "glossy", about 5-8 minutes.
  • Cool: Pour filling into a container and place a piece of plastic wrap directly on the surface of the filling. Once cooled, cover container and refrigerate until ready to use, up to one week.

Coconut Cream Cheese Frosting:

  • Beat butter and cream cheese together until smooth. Add powdered sugar and a splash of the remaining coconut milk and mix until smooth and fluffy, about 3 minutes. Add a little more milk, to thin, or powdered sugar to stiffen, if needed, until you reach your desired frosting consistency.
  • Stir in coconut flakes, saving some for sprinkling on the sides and top of the cake, if desired.

Assemble:

  • Place one cake layer on serving plate. Spread half of the pineapple filling over it. Top with another cake layer, and smooth a layer of cream cheese frosting over it. Top with third cake layer. Spread remaining half of the pineapple filling over it. Top with last (4th) cake layer. Frost the sides and top of the cake with coconut cream cheese frosting. Sprinkle outsides of cake with shredded coconut, if desired.
  • Refrigerate for at least 4 hours, before serving. (Tastes even better the next day!)

Notes

Make Ahead and Freezing Instructions: The coconut cake can be fully assembled 1-2 days ahead of time, stored in the fridge before serving. The pineapple filling and coconut frosting can be made up to a week in advance, or frozen for several weeks. Allow the frosting to come to room temperature before using. Cool the baked cakes completely. Torte in half, then wrap each layer really well in plastic wrap and place in a ziplock freezer bag. Freeze for up to one month. Frozen cakes are easier to work with, and to frost.
Gluten Free: To make this cake gluten free, I recommend using King Arthur 1:1 replacement for the flour and making it in 2 layers instead of 4 since the layers will be a little extra soft and more difficult to slice.

Nutrition

Calories: 570kcalCarbohydrates: 87gProtein: 5gFat: 25gSaturated Fat: 17gPolyunsaturated Fat: 1gMonounsaturated Fat: 5gTrans Fat: 0.5gCholesterol: 45mgSodium: 353mgPotassium: 186mgFiber: 2gSugar: 72gVitamin A: 563IUVitamin C: 4mgCalcium: 76mgIron: 2mg

Did You Make This Recipe?

Tag @TastesBetterFromScratch on Instagram with #TastesBetterFromScratch!

Follow Me

Get recipe ideas weekly!

I originally shared this recipe February 2018. Updated March 2021 and April 2023.

Some process photos by Nikole from The Travel Palate

This post contains affiliate links.

Related Posts

Share Recipe

Categories

About The Author

Lauren Allen

Welcome! I’m Lauren, a mom of four and lover of good food. Here you’ll find easy recipes and weeknight meal ideas made with real ingredients, with step-by-step photos and videos.

Leave A Comment

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

Recipe Rating




Comments

  1. 5 stars
    Definitely a 5 Star cake. Super moist. I did make a few modifications… I omitted the sugar in the pineapple filling and cut the icing sugar back to 3 cups. Making the changes, the cake was still very sweet. I’ve made 3 in 1 month…so good!!!

  2. I have a question if i needed to make this a sugar free cake for someone can i just substitute the sugar and use cake flour instead? Please help!

  3. 3 stars
    Thanks for the recipe! I followed it to a tee. The cake itself baked up beautifully and tastes wonderful, but the pineapple filling and cream cheese frosting made the end result a super sweet disaster. I refrigerated the pineapple filling for close to 6 hours and it seemed to thicken up appropriately but when I added it (very sparingly, I had most of the mixture left over) it became super thin and runny! I tried the tip someone suggested of piping some frosting to create a dam for the pineapple but it didn’t hold for me. I’m wondering if I should have drained the pineapple but since there was no mention of it and the corn starch should have thickened it up, I didn’t. My icing needed the sugar to thicken it up but it was way too sweet for our taste. I was able to clean up the mess enough to serve it to family but it wasn’t presentable to company. I had to eat around the frosted parts myself due to the sweetness. I might have to try again with drained, less sweetened pineapple and just a whipped cream frosting? If you can think of what might have gone wrong, I’d love to know!

  4. I have made this cake multiple times and it’s a big hit. Can I turn this into a lemon cake and substitute lemon extract instead of coconut extract and use lemon curd instead of pineapple?

  5. Question that I need an answer to quickly. If I frost this cake frozen, how long before the cake is thawed if it’s left sitting out or will it thaw in the refrigerator and about how long will that take?

    1. A standard 8-inch or 9-inch layer cake might take 3-5 hours to thaw fully if left out at room temperature.If you leave the frosted cake in the refrigerator, it will take longer to thaw, perhaps 12-24 hours for a standard layer cake.

  6. 5 stars
    I made this for a friend’s birthday. It has instantly become my favorite cake of all time. I’m a former pastry chef. From NYC. The only thing I did differently was to pipe a dam of slightly stiffer buttercream around the edge of the layers that contain the pineapple filling. This insures that the pineapple filling stays where you want it. Chill for a few minutes after piping on the dam & after filling. Thanks for this amazing recipe.

  7. Can I make this in a 9×13 pan with no layers? I just want an easy cake bottom with frosting. What would I need to adjust with baking time?

See More Comments