Pineapple Coconut Cake Recipe

Back in the day, my Big Mama would make her famous pineapple coconut cake by taking a whole coconut, cracking it, then grating the insides over the frosting. Her secret was also the unique pineapple filling inside. I’m honoring her legendary recipe that takes classic coconut cake to new heights with a few simple tweaks (not cracking whole coconuts, sorry Big Mama!), but I kept every bit of her love!

This post may contain affiliate links. Read our disclosure policy.

A slice of pineapple coconut cake being served with a fork, with the rest of the cake behind it

How to make Pineapple Coconut Cake

Mix the Cake Batter and Bake

Creamed butter and sugar mixture in a stainless steel mixing bowl

Step 1: Add butter and oil to your mixer bowl and beat on high speed. Slowly add in sugar and beat on high speed until very pale yellow and fluffy.

Cake batter with flour added

Step 2: Add eggs and egg yolks, one at a time, combining well after each addition and scraping down the sides as needed. Turn your mixer down to its lowest speed, and slowly add flour into batter in two increments.

Cake batter with sour cream and extracts added before final mixing

Step 3: Add baking powder and salt. Be careful not to overbeat. Add sour cream, vanilla and coconut extracts.

Fully mixed cake batter in the stainless steel mixing bowl, ready to pour

Step 4: Scrape down sides and mix until just combined and turn off mixer. The finished batter should resemble a pale yellow color with a silky thick texture.

Cake batter evenly spread in a round cake pan, ready for baking

Step 5: Evenly pour cake batter into prepared baking pans and place in oven to bake until a toothpick inserted into the center of the cake comes just barely clean.

A baked cake layer in a round cake pan

Step 6: Remove cakes from oven and rest in pans. The cake layers should have a rich golden color and spongy texture with tiny bubbles on their tops.

Want to Save This Recipe, Boo?

I'll email this recipe to you, so you can come back to it later!

Make the Filling and Frosting

A saucepan containing ingredients like butter, sugar, vanilla extract, juices, and cornstarch, ready for heating

Step 7: For the filling, Add all ingredients for the filling into a medium sized pot over medium heat.

A thickened pineapple filling in a saucepan

Step 8: Begin to stir, allowing the butter and all ingredients to melt into the crushed pineapple. Cook until the mixture has thickened.

Creamed butter and cream cheese with powdered sugar added

Step 9: For the frosting, add butter and cream cheese to the bowl of your mixer and beat on high speed until it begins to thicken and fluff. Slow down mixer and carefully add in confectioner’s sugar. Once all sugar has incorporated, turn mixer back to high to continue whipping.

Finished smooth cream cheese frosting in the mixing bowl

Step 10: Add in heavy cream, vanilla and coconut extract. Continue whipping until it is smooth, light and a fluffy frosting.

Assemble

A cake layer completely covered with pineapple filling on a plate

Step 11: Spread the pineapple filling evenly over one cake layer using a spatula. Place another cake layer on top, and repeat the process for more layers.

Cake fully frosted with cream cheese frosting on a plate

Step 12: Frost the entire cake with cream cheese frosting.

Cake covered with shredded coconut on a plate

Step 13: Gentle pat the sides and top of the cake with coconut flakes, and serve!

A closeup of a single slice of pineapple coconut cake on a plate, emphasizing the texture of the layers and frosting, with plates and the rest of the cake in the background

Pineapple Coconut Cake Recipe

Coconut layer cake with a pineapple filling and a combo cream cheese and buttercream frosting that'll have you licking the bowl!
4.60 from 88 votes
Prep Time 25 minutes
Cook Time 42 minutes
Resting Time 15 minutes
Total Time 1 hour 22 minutes
Course: Dessert
Servings: 18 servings

Ingredients

For the Cake

  • 1 cup unsalted butter room temperature
  • 1/3 cup vegetable oil
  • 2 1/2 cups granulated sugar
  • 6 large eggs room temperature
  • 2 egg yolks
  • 3 cups sifted cake flour
  • 1 tsp baking powder
  • 1 tsp salt
  • 1 cup sour cream room temperature
  • 1 tbsp vanilla extract
  • 1 tsp coconut extract

For the Pineapple Filling

  • 2 tbsp unsalted butter
  • 2 tbsp cornstarch
  • 1/2 cup granulated sugar
  • 2 cups crushed pineapple with juice
  • 1 tsp fresh lemon juice
  • 1 tsp vanilla extract

For the Frosting

  • 1/2 cup unsalted butter room temperature
  • 4 oz cream cheese room temperature
  • 2 cups confectioner's sugar
  • 1 tsp heavy whipping cream
  • 1 tsp vanilla extract
  • 1/8 tsp coconut extract
  • 1 cup sweetened coconut flakes

Instructions

For the Cake

  • Start by preheating your oven to 325°F then liberally spray 3 (9-inch) round cake pans with non-stick baking spray.
  • In your mixer bowl, add butter and oil and beat for 2 minutes on high speed. Slowly add in sugar and beat on high speed for an additional 4-5 minutes until very pale yellow and fluffy. Next, add eggs and egg yolks, one at a time, combining well after each addition and scraping down the sides as needed.
  • Turn your mixer down to its lowest speed, and slowly add flour into batter in two increments then add baking powder and salt. Be careful not to overbeat.
  • Lastly, add sour cream, vanilla and coconut extracts, scrape down sides and mix until just combined and turn off mixer. The finished batter should resemble a pale yellow color with a silky thick texture.
  • Evenly pour cake batter into prepared baking pans and place in oven to bake for 27-32 minutes or until a toothpick inserted into the center of the cake comes just barely clean but don't over bake (crucial not to over bake this cake)!!
  • Remove cakes from oven and rest in pans for 10 minutes. The cake layers should have a rich golden color and spongy texture with tiny bubbles on their tops. Invert cakes from pans onto cooling racks until cooled.

For the Filling

  • Add all ingredients into a medium sized pot over medium heat. Begin to stir allowing the butter and all ingredients to melt into the crushed pineapple. Cook for about 8-10 minutes until the mixture has thickened. Turn off heat and allow filling to cool to room temperature.

For the Frosting

  • Add butter and cream cheese to the bowl of your mixer and beat on high speed until it begins to thicken and fluff.
  • Next slow down mixer and carefully add in confectioner’s sugar. Once all sugar has incorporated, turn mixer back to high to continue whipping.
  • Add in heavy cream, vanilla and coconut extract and continue whipping until it is smooth, light and a fluffy frosting.
  • To Assemble, add pineapple filling between layers then frost entire cake with cream cheese frosting then gentle pat the sides and top of the cake with coconut flakes. Serve.

Video

Notes

  • Batch Baking: If your oven’s playing hard to get with space, don’t stress! Simply bake your cake layers in batches.
  • Let the Layers Cool: Frosting a warm cake is a no-no and can make your beautiful frosting slide right off. So be patient y’all, and let those layers cool off.
  • Level It Up: For cake layers that look straight from Fleur de Lis (shotout to all my Mississippi boos!), use a serrated knife to level them before frosting.
  • Don’t Overmix the Batter: Mix just until everything is combined. Overmixing will make your cake dense instead of light and airy.
 

How to store Pineapple Coconut Cake

Keep your cake fresh and tasty by storing it at room temp. Simply cover it with an airtight container or wrap it tightly with plastic wrap to protect it from drying out. You can also store it in the fridge for a little extra shelf life.

How long will Pineapple Coconut Cake last?

At room temperature, your pineapple coconut cake will stay yummy for about 3 to 4 days. If you stored it in the fridge, it can last for up to a week.

Can I freeze coconut cake with pineapple filling?

I wouldn’t recommend freezing the whole cake all put together. Instead, wrap each cake layer nice and tight in plastic wrap or pop them in freezer bags. They’ll stay fresh for up to 2 months. When you’re ready to dig in, just let the layers thaw, whip up the filling and frosting, and assemble your cake fresh.
Ingredient Swaps and Information

Pineapple Coconut Cake Ingredients

For the Cake

  • Unsalted Butter: Make sure it’s at room temp. Salted is fine too, just use 1/2 teaspoon of salt instead.
  • Vegetable Oil: Canola or another neutral oil works here too.
  • Granulated Sugar: For sweetness.
  • Eggs & Yolks: Bring to room temp.
  • Cake Flour: You can make homemade cake flour with all-purpose flour and cornstarch if you don’t have any. Swap out the cake flour for a 1:1 ratio gluten-free all-purpose blend. The texture might change a lil however.
  • Leavening Agents: Baking powder and salt. Check expiration dates for your leavening.
  • Sour Cream: Plain greek yogurt also works here.
  • Vanilla & Coconut Extracts: Feel free to use both or just one.

For the Pineapple Filling

  • Butter & Cornstarch: This thickens up our filling.
  • Sugar & Pineapple: Canned pineapple works fine.
  • Lemon Juice: Lime works too. Fresh is best but bottled is fine.
  • Vanilla Extract: Use real, not artificial.

For the Frosting

  • Butter & Cream Cheese: Make sure both are room temp for smoothness.
  • Confectioner’s Sugar: Sift it to remove any lumps.
  • Whipping Cream: Half and half or whole milk works too.
  • Extracts & Coconut Flakes: Use both extracts or one. Sweetened flakes are best.

Nutrition

Calories: 580kcal | Carbohydrates: 76g | Protein: 6g | Fat: 29g | Saturated Fat: 19g | Cholesterol: 134mg | Sodium: 135mg | Potassium: 196mg | Fiber: 2g | Sugar: 58g | Vitamin A: 820IU | Vitamin C: 6.1mg | Calcium: 61mg | Iron: 0.8mg
Tried this Recipe? Tag me Today!Mention @GrandbabyCakes or tag #grandbabycakes!

Recipe Tips

  1. Batch Baking: Bake your cake layers in batches for even baking.
  2. Let the Layers Cool: Frosting a warm cake is a no-no and can make your frosting slide right off. Cool the layers completely down.
  3. Level It Up: For cake layers that look straight from Fleur de Lis (shotout to all my Mississippi boos!), use a serrated knife to level them before frosting.
  4. Don’t Overmix the Batter: Mix just until everything is combined. Overmixing will make your cake dense instead of light and airy.

Recipe Help

My frosting is too runny! How can I fix it?

Don’t panic boo! Try adding a little more confectioner’s sugar, one tablespoon at a time, until it thickens up. You can also pop it back in the fridge for about 15 minutes to help it firm up.

How can I thicken the pineapple filling?

Mix in an extra teaspoon of cornstarch and cook it a few more minutes over medium heat, stirring constantly until it thickens.

Can I make the filling ahead of time?

Yup! You can make it a day in advance and store in an airtight container in the fridge.

Closeup of a slice of pineapple coconut cake with a bite taken out, showcasing the fluffy, moist interior and coconut topping

More Cake Recipes

Filed Under:  Cake, Dessert and Baking, Easter, Mother's Day, Oven, Spring Recipes

Comments

    1. No, I have over 1200 recipes and not all of them have made it to video status yet. I will add this one to my list!

  1. I just made this cake! Let me tell you something, IT’s Absolutley Delicious!!! It’s a taste of the Tropics! Very moist and easy to follow directions. I know am going to Wow my friends! Thanks for sharing , your cakes are awesome!!

  2. I made this wonderful cake for the first time today, because my granddaughter and I wanted to make a chocolate cake ! But as we browsed through the cake recipes, this looked fantastic. We made this exactly as written and it was delicious! Please never stop your website, every recipe I’ve tried has been outstanding. Next time I make this I’m going to put maraschino cherries on the top. Thank you again!

  3. Just made this cake for a coworker leaving the island.
    My coworkers ate it instead of lunch and the moaning about how good it was and all the compliments was for your incredible cake recipe. I thought something tropical was the perfect send off.

    Aloha Jocelyn

  4. Delicious, thank heavens for your blog and recipes. I’m thinking about doing this using a Bundt pan, and of course slicing into 3 layers. Must use all the pineapple filling -or I could just eat it with a spoon. Could you guesstimate a cook time using Bundt pan? Of course if you think Bundt pan is NOT a good idea let me know. Thank you, Happy Easter!

  5. My sister sent me this recipe – some random link she had pinned – to make for her birthday.

    We both agree that this is the best cake I have ever made. So, light and moist and delicious! It was amazing and everyone loved it.

    We will definitely come to grandbaby-cakes for more recipes!

  6. I made this cake, it was so delicious! I loved the pineapple filling, next I will increase the amount of filling it was so delicious!

  7. I am incredibly grateful to have read this. It is quite helpful and extremely beneficial, and I learned a tonne from it. Now I want to help you too and tell about this site which has always been beneficial for me. catskillpacking.com/ Have fun exploring this site

4.60 from 88 votes (46 ratings without comment)

Leave a Reply

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

Recipe Rating