Your Cool Home is supported by its readers. Please assume all links are affiliate links. If you purchase something from one of our links, we make a small commission from Amazon. Thank you!
Making a pineapple coconut cake is all about layering tropical flavors into one moist, tender bake.
Whether you’re making a pineapple coconut cake for a birthday, a weekend treat, or just because you’re craving something sunny, the process is simpler than you think.
This pineapple coconut cake recipe combines crushed pineapple for moisture, shredded coconut for texture, and a creamy coconut frosting that ties it all together.
In this post, we’ll walk through how to make a pineapple coconut cake step by step, from the ingredients you’ll need to the tips that keep the crumb soft and the flavor bright.
By the end, you’ll know exactly how to make a pineapple coconut cake that tastes like a mini vacation on a plate.
How to Make a Pineapple Coconut Cake: The Ingredients You’ll Need
To make a pineapple coconut cake, you’ll need a short list of simple ingredients that work together beautifully.
Here’s what to gather before you start on this pineapple coconut cake:
1. The Dry Ingredients
You’ll need all-purpose flour, baking powder, baking soda, salt, and granulated sugar for the base of your pineapple coconut cake.
These give the cake its structure and a tender crumb that holds up under the pineapple.
2. The Wet Ingredients
For the wet side of this pineapple coconut cake, grab eggs, melted butter or oil, vanilla extract, and a splash of coconut milk.
The coconut milk adds richness and reinforces the coconut flavor in every bite.
3. The Star Add-Ins
The real magic of a pineapple coconut cake comes from crushed pineapple (drained but not squeezed dry) and shredded coconut.
Both add moisture and texture that make this cake impossible to resist.
4. The Coconut Frosting
A pineapple coconut cake deserves a frosting that matches its flavor.
You’ll need cream cheese, butter, powdered sugar, coconut extract, and a handful of shredded coconut to finish the cake off.
Why This Pineapple Coconut Cake Recipe Works So Well
This pineapple coconut cake recipe works because every ingredient plays a specific role in keeping the cake moist and flavorful.
Here’s why it turns out so well every time:
1. Crushed Pineapple Keeps It Moist
Crushed pineapple is the secret weapon in this pineapple coconut cake.
It adds natural sweetness and plenty of liquid, so the cake stays soft for days.
Just drain it well so the batter doesn’t become too wet.
2. Shredded Coconut Adds Texture
Shredded coconut gives the pineapple coconut cake a chewy, satisfying bite.
Sweetened or unsweetened both work, so pick based on how sweet you like things.
3. Coconut Milk Locks In Flavor
Using coconut milk instead of regular milk deepens the coconut flavor of your pineapple coconut cake.
It also adds fat, which keeps the crumb tender and rich.
4. The Frosting Brings It All Together
The cream cheese coconut frosting is the finishing touch that makes this pineapple coconut cake unforgettable.
Tangy, creamy, and studded with shredded coconut, it balances the sweetness of the cake perfectly.
Step-by-Step: How to Make a Pineapple Coconut Cake
Now that you know the why, here’s the how of making a pineapple coconut cake.
1. Preheat and Prep
Preheat your oven to 350°F and grease two round cake pans or one 9×13 baking dish.
Line them with parchment paper so your pineapple coconut cake releases cleanly.
2. Mix the Dry Ingredients
Whisk together flour, baking powder, baking soda, and salt in a medium bowl.
Set aside while you work on the wet mixture.
3. Beat the Wet Ingredients
In a large bowl, beat sugar and butter (or oil) until light and fluffy.
Add eggs one at a time, then stir in the vanilla and coconut milk.
4. Combine and Fold In the Stars
Gradually add the dry mix to the wet mix until just combined.
Then fold in the drained crushed pineapple and shredded coconut by hand.
This is the moment your pineapple coconut cake really starts to come together.
5. Bake and Cool
Pour the batter into your prepared pans and bake for 28–35 minutes, until a toothpick comes out clean.
Let the pineapple coconut cake cool completely before frosting.
6. Frost and Decorate
Beat the cream cheese, butter, powdered sugar, and coconut extract until smooth.
Spread it over the cooled pineapple coconut cake and sprinkle shredded coconut on top.
Tips for the Best Pineapple Coconut Cake
A few small tweaks make a big difference when you make a pineapple coconut cake.
Toast the shredded coconut before folding it in for a deeper flavor.
Don’t overmix the batter once the flour goes in, or the pineapple coconut cake will turn out dense.
And if you want extra pineapple flavor, brush the cooled layers with a little pineapple juice before frosting.
So, How Do You Make a Pineapple Coconut Cake?
Making a pineapple coconut cake is simply a matter of combining crushed pineapple, shredded coconut, and coconut milk into a moist, tropical batter and finishing it with a creamy coconut frosting.
With the right ingredients and a few simple steps, a pineapple coconut cake comes out tender, flavorful, and ready to impress.
Now you know how to make a pineapple coconut cake that brings a little sunshine to any table.