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!
Jump to Recipe

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

A cross-sectional view of the pineapple coconut cake, showing its moist yellow layers and creamy frosting, with forks next to it and more plates and forks in the background

Want to Save This Recipe, Boo?

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

The Lowdown on This Pineapple Coconut Cake

Closeup of Jocelyn in pink dress smiling

Big Mamaโ€™s classic pineapple coconut cake recipe was considered a masterpiece in Winona, Mississippi. Back in the day, Big Mama would take a whole coconut, crack it and then grate the insides right over the frosting.

Big Mamaโ€™s secret was a pineapple filling tucked inside the layers of the coconut-scented cake. It took you by surprise because it added just the right amount of unique flavor to an otherwise โ€œbeen there, done thatโ€ classic. Today I’m honoring that legendary recipe with a few simple tweaks (not cracking whole coconuts, sorry Big Mama!), but kept every bit of her warm, homemade love!

an orange heart with the name Jocelyn written out in script as a signature for Jocelyn Delk Adams

Ingredients you’ll need to make Pineapple Coconut Cake

For the Cake

  • Unsalted Butter: Make sure it’s at room temp.
  • Vegetable Oil: Keeps our cake super moist.
  • Granulated Sugar: Brings the sweetness, balancing out all those tropical flavors.
  • Eggs & Yolks: These guys are crucial for structure and richness. Plus, they add to the moisture.
  • Cake Flour: If you don’t have cake flour you can whip up your own.
  • Leavening Agents: Baking powder and a dash of salt? Yes, please! Theyโ€™re our rising stars for this Southern pineapple coconut cake.
  • Sour Cream: Talk about moist! This adds a slight tang and an unbeatable texture.
  • Vanilla & Coconut Extracts: Weโ€™re layering the tropical flavors like a pro, boos!

For the Pineapple Filling

  • Butter & Cornstarch: The combo that makes our pineapple filling thick and lush.
  • Sugar & Pineapple: Sweetness and tang, all wrapped up with a tropical bow.
  • Lemon Juice:ย Just a splash for a kick.
  • Vanilla Extract: Because vanilla makes everything better, right?

For the Frosting

  • Butter & Cream Cheese:ย Yes, use both!
  • Confectionerโ€™s Sugar:ย Sift it to remove any lumps
  • Whipping Cream:ย A teaspoonful to smooth out the texture.
  • Extracts & Coconut Flakes:ย A hint of vanilla, a dash of coconut, and a whole lotta goodness.
Overhead shot of the ingredients for making pineapple coconut cake on a marble surface before baking

How to make Pineapple Coconut Cake

Two sticks of butter in a stainless steel mixing bowl, ready for creaming
1
Add butter and oil to your mixer bowl and beat on high speed.
Creamed butter and sugar mixture in a stainless steel mixing bowl
2
Slowly add in sugar and beat on high speed until very pale yellow and fluffy.
Creamed mixture with two raw egg yolks added on top, in the mixing bowl
3
Add eggs and egg yolks, one at a time, combining well after each addition and scraping down the sides as needed.
Cake batter with flour added
4
Turn your mixer down to its lowest speed, and slowly add flour into batter in two increments.
Smooth cake batter with salt and leavening agents added in a mixing bowl
5
Add baking powder and salt. Be careful not to overbeat.
Cake batter with sour cream and extracts added before final mixing
6
Add sour cream, vanilla and coconut extracts.
Fully mixed cake batter in the stainless steel mixing bowl, ready to pour
7
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
8
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
9
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.
A saucepan containing ingredients like butter, sugar, vanilla extract, juices, and cornstarch, ready for heating
10
Add all ingredients for the filling into a medium sized pot over medium heat.
A thickened pineapple filling in a saucepan
11
Begin to stir, allowing the butter and all ingredients to melt into the crushed pineapple. Cook until the mixture has thickened.
A cake layer on a plate with pineapple filling being spread using a spatula
12
Spread the pineapple filling evenly over one cake layer using a spatula.
A cake layer completely covered with pineapple filling on a plate
13
Place another cake layer on top, and repeat the process for more layers.
Butter and cream cheese in a mixing bowl, ready to be combined
14
Add butter and cream cheese to the bowl of your mixer and beat on high speed until it begins to thicken and fluff.
Creamed butter and cream cheese with powdered sugar added
15
Slow down mixer and carefully add in confectionerโ€™s sugar. Once all sugar has incorporated, turn mixer back to high to continue whipping.
Frosting mixture with extracts added
16
Add in heavy cream, vanilla and coconut extract.
Finished smooth cream cheese frosting in the mixing bowl
17
Continue whipping until it is smooth, light and a fluffy frosting.
Cake fully frosted with cream cheese frosting on a plate
18
Frost the entire cake with cream cheese frosting.
Cake covered with shredded coconut on a plate
19
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

Coconut layer cake with a pineapple filling and a combo cream cheese and buttercream frosting that'll have you licking the bowl!
4.59 from 85 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/2 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.

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!

What to serve with Southern pineapple coconut cake

Perfect lamb chops recipe on a white plate close up
These lamb chops are fancy enough for a special occasion but easy enough for a weeknight, just like a slice of pineapple coconut cake for dessert!
A delicious spoon of broccoli casserole being picked up after baking
This broccoli cheese casserole is creamy, cheesy, and loaded with tender broccoli, onions, and garlic.
A baking sheet filled with smashed potatoes with garlic butter in a spoon
My smashed potatoes are so good, youโ€™ll be smashing ’em on repeat!
Three large cathead biscuits on a white background
These cathead biscuits are soft and fluffy with a golden crust, perfect for mopping up the sauce from the lamb chops.

Recipe Substitutions

  • Unsalted Butter: I use unsalted to keep everything balanced, but if you only have salted on hand, go ahead and use it. Just skip the extra salt in the recipe.
  • Vegetable Oil: No veggie oil? No biggie boos! Melted coconut oil adds an extra hint of coconut flavor.
  • Sour Cream: If you’re out, plain Greek yogurt is your best friend in this coconut cake with pineapple filling.
  • Coconut Extract: Add a little extra vanilla extract.

Recipe Variations and Additions

  • Use Cake Mix: Grab a boxed butter, yellow, or white cake mix and add a teaspoon of coconut flavoring.
  • Pina Colada Twist: Add a splash of real rum or a bit of rum extract to the batter. Just reduce the pineapple juice so the batter doesn’t get too runny.
  • Extra Coconut Love: Mix some toasted coconut flakes into the frosting or between the layers. Double the coconut, double the joy!
  • Gluten-Free: Swap out the cake flour for a gluten-free all-purpose blend. The texture might change a lil, but nobody will miss a beat boos. They’ll be too busy asking for seconds!
A full, frosted pineapple coconut cake topped with shredded coconut on a white plate with a light background

Tips for making the best pineapple coconut cake recipe

  1. Batch Baking: If your oven’s playing hard to get with space, don’t stress! Simply bake your cake layers in batches.
  2. 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.
  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.

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.

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

Frequently asked questions

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 Amazing Cake Recipes

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

Comments

  1. It’s one of the best cakes ever I doubled the recipe and made a 10-inch cake Took it to a family gathering, not a crumb left glad I found this recipe is a keeper

  2. OHMYGOSH!! This cake is absolutely delicious!!! The cake recipe alone is amazing!! Incredibly moist cake and the best buttercream icing Iโ€™ve ever made.. The pineapple curd between the layers was just such a wonderful addition. Took this to an event where there are always some stellar cakes and this baby was gone in NO time.

  3. Hello! I’ve been craving a coconut cake for weeks, a specific coconut cake, and this is it…with pineapple curd filling. I can’t locate my recipe so I’m thrilled to have landed on your site.
    I will post a photo of the completed cake.
    Thank you, Sis!
    Tonya A

  4. My GOODNESS this cake is amazing. I served this to a bunch of my โ€˜southern, set in their ways, coconut cake eatersโ€™ and they all LOVED it. That cake recipe is just beautiful!
    Yum!!

  5. Made this for Fatherโ€™s Day. My husband loved it and my three kids asked if I would make another one this weekend. This will now be my go-to coconut cake recipe.

  6. This was the best cake. I made the pineapple curd but I used a pineapple butter cream icing and pressed coconut into it. It was a huge hit with my family!! My sister has already requested one for her June birthday! I will definitely add this to my to my fav cake recipes.

  7. Thank you so much for sharing
    I baked this cake on many occasions this time had tweeted the recipe by adding pineapple crushed pineapple coconut milk and coconut oil two cups of regular flour all-purpose and one cup of coconut flour

4.59 from 85 votes (46 ratings without comment)

Leave a Reply

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

Recipe Rating