Name: Pineapple Coconut Cake Recipe
Prep time: 30 min
Cook time: 24 min
Total time: PT-494181H41M25S
Cuisine: American
Ingredients: 2 and 1/2 cups (285g) cake flour (spooned & leveled); 2 teaspoons baking powder; 1/2 teaspoon baking soda; 1 teaspoon salt; 3/4 cup (12 Tbsp; 170g) unsalted butter, softened to room temperature; 1 and 1/2 cups (300g) granulated sugar; 4 large egg whites, at room temperature; 1/2 cup (120g) sour cream, at room temperature; 2 teaspoons vanilla bean paste; 1 teaspoon coconut flavoring; 3/4 cup (180ml) canned coconut milk, at room temperature; 2 Tablespoons (30ml) pineapple juice (canned or fresh); 1 cup (80g) sweetened shredded coconut; 1 cup (225g) pineapple chunks (canned and drained or fresh); 1 large egg; 2 large egg yolks; 1/3 cup (65g) granulated sugar; 1 and 1/2 teaspoons cornstarch; 1/3 cup (80ml) canned pineapple juice; 1/8 teaspoon salt; 1/4 cup (4 Tbsp; 56g) unsalted butter, softened to room temperature and cut into 4 pieces; 8 ounces (226g) full-fat brick cream cheese, softened to room temperature; 1/2 cup (8 Tbsp; 113g) unsalted butter, softened to room temperature; 3 cups (360g) confectioners’ sugar, plus an extra 1/4 cup (30g) if needed; 2 Tablespoons canned coconut milk or pineapple juice (your choice); 1/2 teaspoon vanilla bean paste; 1/8 teaspoon salt; Fresh or canned pineapple chunks; 1 cup (80g) sweetened shredded coconut

Jump to Recipe· 4.3 from 13 reviews

If you’re on the hunt for a tropical dream dessert that feels like a sunshine-filled celebration in every bite, this Pineapple Coconut Cake Recipe is exactly what you need. Bursting with juicy pineapple chunks and creamy coconut flavors, this cake combines a moist, tender crumb with luscious pineapple curd and a dreamy cream cheese frosting. Whether you’re serving it for a special occasion or just craving a slice of paradise, it’s a showstopper that’s as delightful to make as it is to eat.

Ingredients You’ll Need

A clear glass bowl filled with a creamy white mixture that looks thick and slightly lumpy, with some small yellow patches visible. A wooden spoon is dipped into the mixture, resting diagonally inside the bowl. The bowl sits on a surface with a white marbled texture. Photo taken with an iphone --ar 4:5 --v 7

This Pineapple Coconut Cake Recipe relies on simple, wholesome ingredients that come together beautifully. Each one plays a special role, from creating the fluffy cake layers to infusing tropical flavors that are incredibly satisfying.

Cake flour: Provides a tender, delicate crumb that’s perfect for layer cakes.
Baking powder and baking soda: Give the cake a nice lift and light texture.
Salt: Enhances the flavors, balancing sweetness and richness.
Unsalted butter: Adds richness and moisture while helping the cake brown evenly.
Granulated sugar: Sweetens the batter and helps with the tender crumb.
Egg whites and whole eggs: Build structure and contribute to the cake’s softness.
Sour cream: Brings moisture and slight tang for depth of flavor.
Vanilla bean paste and coconut flavoring: Infuse warm, aromatic notes that complement the tropical ingredients.
Canned coconut milk and pineapple juice: Intensify the coconut and pineapple essence while keeping the cake moist.
Shredded sweetened coconut: Adds chewy texture and bursts of coconut flavor.
Pineapple chunks: Provide juicy sweetness and a fresh contrast in texture.
For the pineapple curd: Eggs, sugar, cornstarch, pineapple juice, butter, and salt come together to create a luscious, tangy spread that elevates the cake.
For the frosting: Cream cheese, butter, confectioners’ sugar, coconut milk or pineapple juice, vanilla, and salt combine into a silky frosting that’s both rich and refreshing.

How to Make Pineapple Coconut Cake Recipe

Step 1: Prepare Your Cake Pans and Oven

Start by preheating your oven to 350°F (177°C). Grease three 8-inch cake pans and line the bottoms with parchment paper rounds, then grease the parchment paper. This step ensures your cakes release perfectly from the pans, so be sure not to skip it.

Step 2: Mix the Dry Ingredients

Whisk together the cake flour, baking powder, baking soda, and salt. This prepares your dry mix that creates the structure of the cake while keeping it light and tender.

Step 3: Cream Butter and Sugar

In a stand or handheld mixer, beat the softened butter with granulated sugar on medium-high speed for about three minutes until it’s fluffy and creamy. This classic creaming technique traps air, which helps give the cake its airy texture.

Step 4: Add Wet Ingredients

Beat in the egg whites one at a time, then add the sour cream, vanilla bean paste, and coconut flavoring. The texture might seem a bit curdled here, but don’t worry—that is perfectly normal when mixing ingredients with different consistencies.

Step 5: Combine Everything

On low speed, alternately add the dry ingredients with coconut milk and pineapple juice, followed by folding in the shredded coconut and pineapple chunks. This hands-on hand whisking ensures no lumps and an even batter consistency ready for baking.

Step 6: Bake Your Cake Layers

Divide the batter evenly among the prepared pans and bake for 22-24 minutes, or until a toothpick inserted in the center comes out clean. Once baked, allow the layers to cool completely in their pans on a wire rack. This cooling step is crucial before frosting.

Step 7: Prepare the Pineapple Curd

Using a double boiler setup, whisk together eggs, sugar, cornstarch, pineapple juice, and salt over simmering water, cooking until thickened like hollandaise sauce. Remove from heat and whisk in butter for extra richness. Cover with plastic wrap to prevent skin formation and chill until fully cooled.

Step 8: Make the Frosting

Beat cream cheese and butter until smooth. Gradually add confectioners’ sugar, coconut milk or pineapple juice, vanilla, and salt, mixing until fluffy. Add extra sugar if you prefer a thicker consistency. This frosting is the perfect balance of creamy and light with a tropical twist.

Step 9: Assemble the Cake

If your cake layers have domed tops, shave them flat for stacking stability. Start with a cake layer, spread frosting, then pineapple curd, and repeat for the second layer. Carefully stack the final layer, apply a thin crumb coat of frosting, and chill before finishing with the remaining frosting. Decorate with pineapple chunks and shredded coconut for that extra wow factor.

How to Serve Pineapple Coconut Cake Recipe

The image shows a close-up of a slice of yellow cake with two visible layers. The cake has a soft, moist texture with small grains and bits of shredded coconut inside. The top and sides of the cake are covered in smooth white frosting, and some shredded coconut is sprinkled on the frosting. The slice sits on a white plate with a white marbled surface in the background. Photo taken with an iphone --ar 4:5 --v 7

Garnishes

For a stunning look and fresh flavor boost, adorn your cake with extra pineapple chunks and a generous sprinkle of sweetened shredded coconut. This topping adds texture and a tropical punch that makes every slice irresistible.

Side Dishes

This cake pairs wonderfully with light, fruity sides like a fresh berry salad or a scoop of coconut or pineapple sorbet. The vibrant acidity and coolness help balance the cake’s richness perfectly.

Creative Ways to Present

Try serving individual slices with a drizzle of pineapple syrup or a dollop of whipped coconut cream. For a party, consider making mini versions in cupcake tins topped with curd and coconut flakes for easy, bite-sized indulgences your guests will adore.

Make Ahead and Storage

Storing Leftovers

Keep your leftover Pineapple Coconut Cake Recipe covered tightly in the refrigerator for up to five days. Proper storage helps the cake stay moist and the frosting fresh, so you can enjoy it slowly without losing any of its magic.

Freezing

This cake freezes beautifully. Wrap cooled, unfrosted cake layers separately in plastic wrap and then foil, and freeze for up to three months. Thaw overnight in the refrigerator, then frost and assemble the next day for a fresh, bakery-quality treat.

Reheating

If you want to serve the cake slightly warmer, bring slices to room temperature or warm them gently in a microwave for 10-15 seconds. Be careful not to overheat, as the frosting and curd can soften or melt quickly.

FAQs

Can I use fresh pineapple instead of canned?

Absolutely! Fresh pineapple chunks bring vibrant flavor and texture. Just be sure they’re well-drained to avoid adding too much moisture to the batter or curd.

Is there a dairy-free version of this Pineapple Coconut Cake Recipe?

You can substitute coconut oil for butter and use dairy-free cream cheese alternatives. Make sure the coconut milk is full-fat and canned for that rich texture. The cake will still be delicious, just with a slightly different mouthfeel.

How long does pineapple curd keep?

Stored in an airtight container in the refrigerator, pineapple curd keeps for up to one week. Use it not only in this cake but also as a tasty spread on toast or biscuits.

Can I make this cake in advance for a party?

Yes, it’s an excellent make-ahead option. Bake and assemble the cake a day before your event, refrigerate overnight to let flavors meld, and bring to room temperature before serving for the best experience.

What’s the best way to cut this cake without it falling apart?

Chilling the cake for at least 20 minutes before slicing is key. Use a sharp, serrated knife and wipe it clean between cuts for smooth, beautiful slices every time.

Final Thoughts

This Pineapple Coconut Cake Recipe has quickly become a favorite for anyone craving a slice of tropical heaven. It’s fresh, fluffy, and utterly full of sunshine. I promise once you try it, it will be your go-to cake for birthdays, gatherings, or when you want to treat yourself to something truly special. You’re going to love every bite!