Let's just set the scene for this decadent tropical pineapple coconut cake, shall we? Here's what we've got going on here...
- Take two layers of juicy pineapple cake with real fruit in the batter that are drenched in crushed pineapple syrup.
- Spread a very generous layer of rich toasted coconut pastry cream in between the layers of cake.
- Then cover the whole thing with toasted coconut frosting.
This cake is a rich and creamy tropical dream on a plate. And just like its coconut cream cake cousin, don't even try to be dainty with the serving sizes. Moderation can wait. This is the kind of cake best served in thick, messy slices and eaten with abandon.

I started experimenting with adding whole fruit to cake batter a few years ago and was thrilled to discover that it allowed me to reduce the amount of sugar in the recipe because the fruit does sugar's job: it adds flavor, locks in moisture, and creates a soft and tender texture.
In this recipe, a can of crushed pineapple is stirred right into the batter, which gives the cake a juicy texture and tropical flavor that's just sweet enough, but not overly so. This meant I could also drench the cake in pineapple syrup, adding even more moisture and pineapple flavor.
You'll find the same technique in this recipe for orange poppy seed cake, and in this recipe for orange drizzle cake, both of which include two whole oranges in the batter and a delicious coating of citrus syrup.
Likewise, this recipe for elderflower lemon cake includes the zest and fruit from 4-6 whole lemons for an incredibly soft, tender, and juicy cake. The cake is then drenched in elderflower syrup and the combination of floral and tart citrus is absolutely gorgeous.
One word of caution with this cake and any cake that includes pureed fruit: the texture of this cake is very, very soft and fluffy. The tender, juicy texture is absolutely wonderful, but would make transporting an assembled layer cake a nightmare. If you are planning to transport this cake, I suggest assembling the layers and frosting the cake on site.
xo
Jump to:
Ingredients needed to prepare this recipe

To make the pineapple cake and the coconut pastry cream filling, you'll need:
- This cake includes both butter AND virgin coconut oil. Butter adds flavor and virgin coconut oil contributes to the cake's tender texture and helps the cake remain fresh tasting for longer.
- White granulated sugar.
- 14 large eggs. You read that correctly - to make the cake and the coconut pastry cream filling, you'll need 14 eggs, 8 for the cake and 6 for the pastry cream. The eggs do two things in this cake: create an almost custard-like consistency and add structure. The structure is important when adding real fruit to cake batter.
- Cake flour. If you don't have, or can't find cake flour, scroll down for a great substitution.
- Baking powder.
- Salt.
- Coconut milk is included in the cake batter and in the coconut pastry cream filling for this cake. Use canned coconut milk or coconut milk in a carton, but avoid any brands labeled "light" or "reduced fat".
- Vanilla and coconut extract. Both are used to add flavor to the cake and the coconut pastry cream filling.
- Crushed pineapple is stirred into the cake batter and used to make a delicious pineapple syrup that's spooned over the cake layers after they are baked.
- Toasted coconut is stirred into the coconut pastry cream filling and used to decorate the outside of the cake.
- Unflavored gelatin and cornstarch are essential to creating a stable coconut pastry cream that will allow you to add a thick layer of filling in between layers of pineapple cake.
- 1 recipe Toasted Coconut Frosting
Pro tip! How to make an excellent substitution for cake flour: Measure 1 cup (120 grams) of all purpose flour then remove 2 tablespoons (15 grams). Replace the flour you removed with 2 tablespoons (14 grams) of cornstarch and stir to combine. Use this formula to make as much "cake flour" as you need for any recipe.
Toasted coconut frosting
This toasted coconut frosting tastes like a coconut flavored marshmallow that's been roasted over a fire. It's soooooo good! The frosting includes sweetened condensed coconut milk that's boiled inside the can until it caramelizes, essentially creating coconut dulce de leche.
Simply blend the toasted coconut milk into butter and powdered sugar along with some vanilla and coconut extracts for a gorgeous coconut frosting you'll want to eat by the spoonful.

Step-by-step photos and instructions
The coconut pastry cream needs a few hours to chill out in the refrigerator, so make it first:

Dissolve some powdered unflavored gelatin in cold water and set aside.

Add the egg yolks and cornstarch to a medium size bowl and beat with a wire whisk to combine. Add the coconut milk, sugar, and salt to a saucepan and heat just until it's starting to simmer. Pour the hot milk into a measuring cup with a spout and then slowly stir it into the egg yolks, whisking constantly as you pour.

Cook, whisking constantly, until the mixture thickens and starts to bubble.

Transfer the custard to a bowl. Break the gelatin into pieces and drop it over the hot custard. Add the vanilla and coconut extracts and stir until everything is combined. Cover and refrigerate for at least 3 hours and up to 3 days.
While the custard chills, bake the pineapple cake:

Add the butter, coconut oil, and sugar to a bowl and beat with an electric mixer until the mixture is very light and aerated, about 5 minutes.

Add the eggs to the bowl two at a time, beating well to fully incorporate both egg into the butter and sugar mixture before adding more.

Add the flour, baking powder, and salt to another bowl and use a wire whisk to mix. Add this mixture to the butter, sugar, and egg mixture and mix on low just until the flour is barely incorporated.

Stir the extracts into the coconut milk and add this to the batter. Mix on low speed just until barely incorporated.

Add the crushed pineapple to the batter and use a rubber spatula to stir just until incorporated.

Divide the batter between two prepared cake pans and in the center of the oven for 50-60 minutes.

While the cakes are baking, make the pineapple syrup by simmering a can of crushed pineapple with some sugar and water for 10 minutes.

Remove the cakes from the oven. Place a wire baking rack over the top of one of the pans and carefully flip it over so the cake slides out onto the rack. Repeat with the second cake.

Place a second rack over the cake and flip it so it's right side up. Spread the top of the cake with half of the crushed pineapple syrup. The liquid will soak down into the cake and the crushed pineapple will collect on top.

If you don't have enough baking racks, you can flip the cakes onto plates instead. Notice how the center of the cake sinks down a bit. This depreciation will help hold the crushed pineapple and coconut pastry cream in place.
Allow both layers of the cake to cool completely, then assemble and frost the cake:

Remove the pastry cream from the refrigerator and stir in some toasted coconut.

Set one layer of cake on a serving platter and spread the coconut pastry cream over it, leaving about 1-inch of space around the edges of the cake.

Add the second layer of cake bottom side up (so the crushed pineapple is all contained in the center of the cake).

Pile some toasted coconut frosting onto the top of the cake and then use an offset icing spatula to begin spreading it over the entire surface of the cake.

Continue until the entire cake is covered in frosting.

Press some toasted coconut onto the sides of the cake. You can also cover the entire surface of the cake with toasted coconut instead of just the sides.

If not serving the cake within 3 hours, or if the room is warm, refrigerate the cake until ready to serve.

A few important tips
#1. Properly prepare your cake pans. This is a VERY moist cake, so it's important to prepare the cake pans so the cake won't stick. Coat the inside of the pans with a thin layer of vegetable shortening or softened butter. Cut a round of parchment paper so it will fit inside the pan, covering the bottom. Smear the parchment with some shortening or butter as well.
Sprinkle some flour inside the pans and shake them around so the entire inside of the pan is coated with flour. Turn the pan over and gently tap out any excess flour.

Even with properly prepared pans, it's likely that a few pieces of the cake will stick to the sides of the pan. Don't worry about that. You're going to cover the whole thing in a thick layer of toasted coconut frosting which will cover up any flaws.
#2. Use deep sided cake pans. The layers of this cake bake up nice and tall, so choose 8-inch round cake pans that are at least 3-inches deep. What you see in these photos are Wilton Aluminum Round Cake Pans.
#3. How to toast coconut: Toasted shredded sweetened coconut is used in the pastry cream filling for this cake and to decorate the outside of the cake after it's frosted. To toast some shredded sweetened coconut, add it to a 12-inch skillet and set it over medium heat. Cook, stirring frequently, until about half of the coconut has turned a deep golden brown. Remove the pan from the heat and continue to stir for another minute or two then transfer it to a plate or a bowl and allow to cool.
If you continue cooking the toasted coconut after about 50% of it is golden brown, some of the pieces may start to burn.

#4. How to know when the cakes are done baking: When done, the sides of the cakes will be pulling away from the sides of the pans and if you gently shake the pans, the center will not jiggle. Insert a toothpick into the center of one of the cakes and remove it. There will be crumbs stuck to the toothpick, but there should not be any signs of raw batter.
#5. Transporting this cake: I don't recommend trying to transport the assembled cake from one location to another. It's too fragile and is likely to fall apart. Instead, wrap the syrup drenched layers of cake in plastic wrap and assemble the cake on site.

Make ahead instructions
The pineapple cake layers can be prepared up to 2 days in advance. Set each layer of cake on a plate and coat with crushed pineapple syrup while they are still warm. Allow the cakes to cool completely then cover with plastic wrap and refrigerate for up to 2 days.
The cakes can also be frozen, but I suggest freezing them before covering in pineapple syrup. Allow the cakes to cool completely then wrap in a double layer of plastic wrap and one layer of aluminum foil and freeze for up to 3 months.
Allow the cakes to thaw overnight in the refrigerator or at room temperature then cover with freshly made warm pineapple syrup.
The coconut pastry cream and the toasted coconut frosting can be prepared up to 3 days in advance and stored in airtight containers in the refrigerator.

A few more recipes for coconut lovers
If you give this recipe a try, let me know! Scroll down to rate this recipe and leave a comment for me.
Happy baking!
Love this site but hate the ads?
Join today and you'll never see another ad again.
๐ Recipe

Pineapple Coconut Cake with Toasted Coconut Frosting
With two layers of juicy pineapple cake drenched in pineapple syrup, a thick layer of coconut pastry cream, and toasted coconut frosting, this cake is a decadent tropical dream on a plate.
Ingredients
For the coconut pastry cream filling:
- 1 ยฝ teaspoons unflavored, powdered gelatin
- 3 teaspoons cold water
- 6 large egg yolks (*See note below for how to freeze the leftover egg whites.)
- ยผ cup (28 grams) cornstarch
- 2 cups (482 grams) full-fat coconut milk from a can or a carton
- ยฝ cup (100 grams) granulated sugar
- ยผ teaspoon table salt
- 1 teaspoons pure vanilla extract
- 1 teaspoon coconut extract, more to taste
- 1 cup (85 grams) toasted shredded coconut (*see note below)
For the pineapple cakes:
- 2 sticks (8 tablespoons/ 113 grams) unsalted butter, at room temperature
- 1 cup (60 grams) virgin coconut oil (to measure, use a spoon to pack it into a measuring cup)
- 2 cups (200 grams) granulated sugar
- 8 large eggs, at room temperature
- 3 ยฝ cups (210 grams) cake flour
- 4 teaspoons baking powder
- 2 teaspoon kosher salt, OR 1 teaspoon table salt
- ยฝ cup (57 grams) full fat coconut milk, from a can or a carton
- 1 tablespoon pure vanilla extract
- 1 tablespoon coconut extract
- 1 ยฝ cups (one 14-ounce can) crushed pineapple (do not drain)
For the crushed pineapple syrup:
- One 14 ounce can of crushed pineapple (do not drain)
- ยพ cup (150 grams) sugar
- ยพ cup (6 ounces) water
To frost and decorate:
- 1 recipe toasted coconut frosting
- 1-2 cups toasted shredded sweetened coconut (*see note)
Recommended Products
As an Amazon Associate and member of other affiliate programs, I earn from qualifying purchases.
-
Nature's Charm Sweetened Condensed Coconut Milk, 11.25 Ounce (Pack of 6)
-
Watkins Coconut Extract with Other Natural Flavors, 2 oz. Bottles, Pack of 6 (Packaging May Vary)
-
8 oz Pure Vanilla Extract
-
KitchenAidยฎ 7 Quart Bowl-Lift Stand Mixer, Empire Red
-
Wilton Aluminum Round Cake Pan, 8 x 3-Inch, Silver
Instructions
Make the coconut pastry cream filling:
- In a small dish, stir the gelatin and water together to combine. There should be just enough water to moisten the gelatin, creating a rubbery paste. Set aside.
- Add the egg yolks and cornstarch to a medium size bowl and beat with a wire whisk to combine. Set the bowl on a kitchen towel somewhere close to the stovetop. (This will keep the bowl from sliding around on the counter when you whisk in the hot milk.)
- Set a 1 or 2 cup heat proof measuring cup next to the stovetop, preferably one with a pourable spout.
- Add the coconut milk, sugar, and salt to a 3-quart or larger heavy bottomed saucepanย and stir to combine. Cook over medium heat, stirring frequently, just until it is just beginning to bubble. Remove the pan from the heat.
- Pour at least one cup of the hot milk into the measuring cup. Slowly pour the hot milk from the measuring cup into the egg yolks; pour slowly and whisk constantly. Then, pour everything back into the saucepan and set it over low heat. (You want to continue to heat the eggs slowly so they wonโt scramble.)
- Cook, stirring constantly, until the custard is thick.ย As soon asย thickens to the consistency of pudding, remove from the heat and whisk for about 20 seconds longer. Pour the pastry cream into a bowl.
- Break the gelatin into small pieces, dropping them onto the hot pastry cream. Let stand for about 20 seconds to let the gelatin to melt, then stir until the gelatin is completely incorporated. Stir in the vanilla and coconut extracts.
- Cover with plastic wrap, pressing the wrap over the surface of the pastry cream. Refrigerate for at least 3 hours and up to 3 days.
To make the pineapple cakes:
- Add the butter, coconut oil, and sugar to a bowl and beat with an electric mixer until the mixture is very light and aerated, about 5 minutes. Add the eggs to the bowl two at a time, beating well to fully incorporate the eggs into the butter and sugar mixture before adding more. Stop every once in a while to scrape down the sides of the bowl.
- Add the flour, baking powder, and salt to another bowl and use a wire whisk to mix. Add this mixture to the butter, sugar, and egg mixture and mix on low just until the flour is barely incorporated.
- Stir the extracts into the coconut milk and add this to the batter. Mix on low speed just until barely incorporated.
- Add the crushed pineapple to the batter and use a rubber spatula to stir just until incorporated.
- Bake the cakes: Divide the batter between the prepared cake pans, smoothing the top of the batter into a flat, even layer. Bake the cakes in the center of the oven for 50-60 minutes. When done, the cakes will be pulling away from the side of the cake pan. If you poke a toothpick into the center of the cake and remove it, there will be no signs of raw batter on the toothpick.
- While the cakes are baking, prepare the crushed pineapple syrup: Add the crushed pineapple, sugar, and water to a saucepan and set it over medium-high heat. Bring to a boil then lower the heat slightly and simmer for 10 minutes. Remove from the heat and cover to keep warm.
- When the cakes are done baking, remove them from the oven and let them rest in the pan for about 3 minutes. Position a wire baking rack over the top of one of the cakes and gently flip it over so the cake slides out onto the rack. Repeat with the second layer of cake. Using another wire baking rack or a plate, flip the cakes over again so they are right side up. Divide the pineapple syrup between the cakes, spreading it over the top of the cakes to cover the top completely. The liquid will soak into the cakes and the crushed pineapple will remain on the surface. Let cool completely.
- To assemble: Remove the pastry cream from the refrigerator and stir in the toasted coconut. Set one of the layers of cake on a serving plate and spread the pastry cream over the top of the cake, leaving about 1-inch of space around the edges. (*See photos above for reference.) Lay the second cake layer over the pastry cream, bottom side up, so the side with the crushed pineapple is against the pastry cream.
- To frost and decorate: Use an offset icing spatula to cover the cake with toasted coconut frosting. Carefully press some toasted shredded sweetened coconut onto the top and/ or sides of the cake. If not serving the cake within three hours, or if the room is warm, refrigerate until ready to serve.
Notes
How to freeze egg whites: Freeze egg whites individually in an ice cube tray. Once frozen, the whites can be removed from the tray and stored in a zip-top freezer bag for up to 6 months.
How to toast sweetened shredded coconut: Add the coconut to a 12-inch skillet and set it over medium heat. Cook, stirring frequently, until about half of the coconut has turned a deep golden brown. Remove the pan from the heat and continue to stir for another minute or two then transfer it to a plate or a bowl and allow to cool.
To decorate this cake: As you can see in the photos above, I opted to cover the sides only with toasted sweetened shredded coconut. But you can certainly cover the top of the cake with toasted coconut as well, if you like. You'll need about 1 cup of toasted shredded coconut to cover the sides and about 2 cups to cover the top and the sides.
*Nutrition information calculated without coconut frosting.
Nutrition Information:
Yield: 12 Serving Size: 1/12 of the cakeAmount Per Serving: Calories: 922Total Fat: 48gCholesterol: 224mgSodium: 642mgCarbohydrates: 154gFiber: 5gSugar: 83gProtein: 16g
SAVE THIS RECIPE
This site is protected by the Google Privacy Policy and Terms of Service apply.















Amy Banks says
I donโt have the 8x3 baking pans so should I use the three regular 8 inch Wilton pans I do have or the two regular 9 inch Wilton pans I also have? Iโm just learning how to bake so I appreciate you answering my question as well as any other advice you could provide. Thanks so much, Amy
Rebecca Blackwell says
Hi Amy! I'd suggest dividing the batter between your three 8-inch pans. Since you'll have three layers of cake, you'll want to spread the pastry cream filling a bit thinner than what you see in the photographs here so you have enough to sandwich it in between all three layers (cake, filling, cake, filling, cake). I would also watch the bake time for the cakes... because the layers will be thinner, the bake time will likely be shorter. I'd start peeking at them after they've been in the oven for 35 minutes. If you bake all three layers at once, my guess is that your bake time will be 45 minutes. But, keep an eye on them because a lot of different factors can affect how long cakes take to bake. I hope that helps! Please let me know if you have any other questions! And I'd love to hear how the cake comes out for you!