Pineapple Coconut Cake
This post may contain affiliate links. Read the full disclosure here.
This Pineapple Coconut Cake recipe is a real show stopper. Made with moist coconut cake, pineapple curd filling, and luscious coconut buttercream frosting, this cake will be the talk of your summer parties.
I never really liked coconut cake as a kid. Or coconut for that matter. But, as an adult, I adore all things coconut. Funny how our tastes change over the years.
Today’s coconut cake has a pineapple curd filling and it’s like a taste of the tropics.
The best thing is the coconut flavor doesn’t taste artificial. I hate biting into a coconut baked good and it tastes like a tanning booth. You know what I’m talking about.
While there is a touch of coconut extract in both the cake and the frosting, it’s not so much that it overpowers the cake. Most of the coconut flavor comes from the coconut cream.
Why this pineapple coconut cake recipe works
- The cake is light and spongy! It’s so soft and isn’t overloaded with shredded coconut.
- Coconut cream is used for a silky texture and luscious flavor. It’s in both the cake and the frosting.
- The recipe makes a 3 layer 8-inch cake. I have not tested the bake time for 2 9-inch layers. You’ll have to be the judge of that if you wish to make it that way.
- The frosting is my very popular coconut buttercream and I’ve used coconut cream along with coconut extract for flavor.
Pineapple Coconut Cake Ingredients
I’ve made this cake in the past but I’m updating it with a few changes. The first is the use of coconut cream in the cake batter. The second is the amount of shredded coconut added to the batter. Let’s go over this in detail.
- Butter & oil: A combination of butter and oil is used for flavor and moisture. I found that a little bit of oil really keeps the cake super moist.
- Eggs: You’ll need to separate the eggs. The yolks and whites are added in two different stages of the recipe.
- Sugar: Granulated sugar for a little sweetener. I cut back the amount of sugar since the filling and frosting are pretty sweet.
- Vanilla & coconut extracts: Only a teaspoon of each is used for a hint of flavor.
- Cake flour: Please, please, please don’t try to use anything other than cake flour. While homemade cake flour can be an alternative, it’s not going to give you the same results.
- Leavening: Baking powder and baking soda are used to give the cake rise
- Salt: To balance the flavors.
- Coconut cream: This will give the cake most of its coconut flavor.
- Buttermilk: Also adds moisture.
- Shredded sweetened coconut: I use about 1 cup in the cake.
- Pineapple curd: You’ll need 1 batch of my curd.
- Coconut Buttercream: You’ll need 1 batch of frosting.
How to make Pineapple Coconut Cake
This recipe is the best I’ve had so far. It requires whipping the egg whites to stiff peaks and folding them into the cake batter, much like my white cake recipe. The only difference is the coconut cake also uses the egg yolks.
The Batter – The batter is thick and lush. I prefer cake batters that look like mousse. I feel these batters bake up the best and yield a sturdy cake that’s also moist and tender.
The Filling – The filling is nothing more than my pineapple curd. You’ll need the full recipe in order to fill the cake.
The Frosting – The frosting is my favorite coconut buttercream. It’s truly the best ever. Shredded coconut is pressed into the frosting at the end of assembling the cake.
Step 1: Gather the ingredients and preheat the oven
It is essential to make sure the cold ingredients are at room temperature before you begin. They will blend together easier this way.
Set the butter, eggs, and buttermilk out on the counter 1 hour before you plan to make the cake. Measure out all the other ingredients and have them ready to use.
Prepare your stand mixer with the paddle attachment or handheld mixer with beaters. Grease and flour three 8-inch round cake pans and line the bottom with a piece of parchment paper. Preheat the oven about 30 minutes before you begin making the batter.
Step 2: Whip the egg whites
The egg whites must be at room temperature for them to whip to full volume. If you are in a hurry, you can set the whole eggs inside a bowl of warm water for about 5-10 minutes.
Use a stand mixer fitted with the whisk attachment or a handheld electric mixer and beat the egg whites with cream of tartar on medium speed until stiff peaks form. Set the whites aside while you prepare the rest of the batter.
Step 3: Cream the butter, oil, and sugar together
Make sure the butter is softened to room temperature. You should have had is sitting out for about an hour.
Using a stand mixer fitted with the paddle attachment or a handheld electric mixer, beat the butter, oil, and sugar together until the mixture is light and fluffy.
The longer you let it mix the better. I say a good 5 minutes is an adequate amount of time for it to reach a light and fluffy stage.
Step 4: Add the egg yolks, coconut cream, buttermilk, and extracts
Add the egg yolks one at a time and mix well after each addition.
Add the coconut cream and mix until it’s fully incorporated.
Add the buttermilk, coconut extract, and vanilla extract. Continue to beat until well combined.
Step 5: Add the dry ingredients
Combine the flour, baking powder, baking soda, and salt in a bowl and stir with a whisk so that it is very well combined.
Add the flour mixture to the butter mixture and beat just until no visible streaks of dry flour remain. Take care not to over mix because you’ll be mixing the batter more in the next step.
Step 6: Add the shredded coconut and egg whites
Add the shredded coconut to the batter and use a rubber spatula to fold it into the batter.
It’s Add ⅓ of the beaten egg whites and fold them into the batter until well incorporated.
Gently fold the remaining egg whites into the batter until no visible streaks remain.
Step 7: Bake the cake layers
Divide the batter evenly between the prepared pans. Use an offset spatula to spread the batter all the way to the edges in a smooth, even layer.
Bake the cake layers for about 30 minutes or until a toothpick inserted into the center comes out clean.
Cool the cakes in the pan for 10 minutes then transfer them to a wire rack to cool completely before frosting.
Step: 8 Assemble the cake
You’ll need pineapple curd and coconut buttercream to assemble the cake.
Place one of the cake layers on a serving platter, bottom side up. Pipe a border of coconut frosting around the edge of the cake. This is to contain the curd so it doesn’t squish out.
Fill inside the frosting ring with half of the pineapple curd. Spread it evenly all the way until it meets the frosting border.
Top with a second cake layer, top side up. Pipe another border of frosting and fill it with the remaining pineapple curd.
Place the third cake layer on top with the bottom side up. Cover the top and sides of the cake with the remaining frosting. It doesn’t have to be super neat but try to get the frosting as evenly as possible.
Press shredded sweetened coconut into the frosting all over the cake. Brush away the excess that lands on the serving platter.
Garnish with dried pineapple flowers.
How to make dried pineapple flowers
Dried pineapple flowers are a pain in the rear! Honestly. It took me a couple tries to get them right and I was so annoyed that I didn’t get process shots for you.
There are a few tutorials online that will help you get started. I used this one as a guide for mine.
I will say, don’t try to cut the pineapples with a knife. It’s near impossible to get them thin enough. My husband even tried because he thought he could get them thinner than I could.
If they are not paper-thin, they will take ages to dry out. And they won’t hold shape once you mold them.
After our failed attempt, I went and purchased a mandoline that was large enough to slice a pineapple. Most are not very wide. I found one similar to this one in Walmart. It’s a different brand but it’s the exact same product.
Set the blade on the 3mm setting and you’ll be able to get super thin slices.
If you end up with a lot of leftover pineapple flowers, you can use them to garnish this pineapple cake by Olivia. It’s reminiscent of the very popular Dole Whip from Disneyland.
She also lists some great tips for making the pineapple flowers so head over to check it out.
Tips for making pineapple coconut cake
- Make sure to use cake flour! The cake will be softer, moist, and come out best with cake flour.
- Properly measure the flour. Don’t scoop the flour directly out of the bag with the measuring cup. Since flour compacts, this method will add too much flour to the recipe.
- Use the right pans. I love aluminum pans. They allow the cake to climb the sides so it rises nicely.
- Use bake even strips. These will help the cake layers bake evenly and they’ll come out lighter in color.
If you like this pineapple coconut cake recipe, you might also enjoy these other pineapple and coconut treats:
- Pineapple Carrot Cake
- Pineapple Frosting
- Pineapple Cupcakes
- White Chocolate Chip Cookies with Toasted Coconut
- Coconut Lemon Bars
- Chocolate Coconut Cake
- Coconut Cream Pie
Did you try this recipe? I would love for you to leave me a 5-star rating or comment. This way, I have a better understanding of which recipes you like and can create more of them.
Please take a moment to follow me on Instagram, Pinterest, Facebook, Youtube or sign up for my free newsletter to never miss the newest recipes and blog updates.
You can also shop my favorite baking tools. Thank you so much for your support!
I made an adorable pineapple cake for a friend who loves pineapple with this recipe. The coconut buttercream was to die for. Loved it all!
That’s fabulous news! Thanks for sharing such wonderful feedback.
Hello, I can I add about 1/3 cup of pineapples into the batter?
I think that should be fine.
Can I use vegetable oil instead of canola oil.
You certainly can.
I just made this recipe for work. I was afraid it would be too sweet but it was perfect! That pineapple curd was so delicious ?
It looks delicious! I so want to make it. But I have a problem with your cups, how much is a cup in metrics? ?
Wow, this sound amazing! Gotta try it. Would this cake be fine to cover in fondant and to have it in tiers?
I haven’t worked with fondant so I can’t say for sure if it would be fine or not. But, you are welcome to try it!
Have you tried substituting melted coconut oil for canola oil? I wonder how it would turn out?
I haven’t tried this cake with melted coconut oil but it should be fine to use it.
I tried the coconut oil and it turned out great! I had several compliments on the recipe, everyone agreed it was the best coconut cake they’ve had. Next time I make this cake, (and there will be a next time!) I will need to use something other than 7 minute frosting to make a dam to contain the curd. How did you keep your pineapple curd from oozing out of the sides?
The best way to prevent the curd from oozing out is to not spread it all the way to the edge of the cake. Leave a 1-inch ring of naked cake around the outer edge. This will allow enough space for the curd to spread without seeping out the sides of the cake.
Oh boy we made this yesterday. turned out great and tasted delicious. Thanks for this.
Thank you so much for making the recipe! I’m so happy you enjoyed it!
Do you have any other frosting recipes I could use on this cake. I do not like 7-minute frosting.
You could try my coconut buttercream frosting.
Oh my goodness! This is one gorgeous cake, Jen! Plus pineapple and coconut are a match made in heaven. This is such a perfect way to use that pineapple curd too!