I absolutely adore this Pineapple Coconut Cake Recipe because it brings together the tropical sweetness of pineapple and the rich, nutty flavor of coconut in a way that feels like a mini vacation with every bite. The cake is wonderfully moist, tender, and has a luscious cream cheese frosting with just the right balance of tang and sweetness. I love sharing this cake with friends and family because it’s both a crowd-pleaser and a unique twist on classic flavors that often gets rave reviews wherever it lands on the dessert table.
Why You'll Love This Pineapple Coconut Cake Recipe
From the very first time I baked this recipe, I fell in love with how the bright pineapple flavor shines alongside the subtle, creamy coconut undertones. The cake’s texture is beautifully soft and fluffy, with moisture from crushed pineapple and sour cream that keeps it from ever feeling dry or heavy. The frosting is rich but airy with a perfect hint of coconut that complements the cake without overpowering it. It’s a flavor party that reminds me of sunny beach days, but it’s just as comforting for cozy family gatherings.
One of the best things about this Pineapple Coconut Cake Recipe is how straightforward it is to make. I appreciate that the ingredient list uses simple, everyday ingredients that come together quickly without any complicated techniques. It's a recipe I find myself reaching for whenever I want something impressive but easy. It’s perfect for birthday celebrations, holiday dinners, or even casual weekend get-togethers where you want a special dessert that feels both refined and inviting. This cake really stands out for me because it looks beautiful, tastes amazing, and is surprisingly attainable to bake at home.
Ingredients You'll Need
The ingredients for this cake are wonderfully simple yet essential for creating its rich, tender crumb and luscious flavors. Each component—from the cake flour to the cream cheese, and fresh extracts—plays an important role in building moisture, structure, and depth to the final result.
Tip!
You’ll find all ingredient quantities in the recipe card below.
- Unsalted butter: Using room temperature butter ensures a smooth, creamy batter without lumps.
- Vegetable oil: Adds extra moisture and keeps the cake tender.
- Granulated sugar: Balanced sweetness that helps create a fine crumb texture.
- Large eggs and egg yolks: Provide structure and richness for a moist cake.
- Cake flour: Gives the cake a delicate, soft texture.
- Baking powder: Essential for that gentle lift and fluffy crumb.
- Salt: Enhances all the flavors, especially the sweetness and coconut notes.
- Sour cream: Adds tanginess and extra moisture while keeping the texture tender.
- Vanilla and coconut extracts: These two extracts layer the tropical flavor that makes this cake so special.
- Crushed pineapple with juice: The star ingredient for that juicy, tropical burst inside the cake.
- Cornstarch: Helps thicken the pineapple filling to keep it from running all over.
- Butter and cream cheese (for frosting): Their creaminess is essential for a fluffy, luscious cream cheese frosting.
- Confectioner's sugar and heavy whipping cream: Create that light, smooth frosting texture to perfectly complement the cake layers.
- Sweetened coconut flakes: Sprinkled on top for texture, flavor, and visual appeal.
Directions
Step 1: Preheat your oven to 325°F and generously grease three 9-inch round cake pans with non-stick baking spray. This helps the cake layers release perfectly after baking.
Step 2: In your mixer bowl, combine room temperature butter and vegetable oil, beating on high speed for 2 minutes until well blended. Slowly add the granulated sugar, continuing to beat on high speed for another 4 to 5 minutes until the mixture becomes very pale yellow and fluffy. This process is key to incorporating air for a light cake.
Step 3: Add the large eggs and egg yolks one at a time, making sure to blend well after each addition. Don't forget to scrape down the sides of the bowl using a spatula as needed to ensure everything combines evenly.
Step 4: Turn your mixer to the lowest speed and add the sifted cake flour in two parts, then add baking powder and salt. Mix just until combined to avoid overworking the batter, or the cake could turn dense.
Step 5: Add the sour cream, vanilla extract, and coconut extract. Give it one last gentle mix, scraping the bowl down once more, and then turn off your mixer. The batter should be silky and pale yellow with a thick consistency.
Step 6: Divide the cake batter evenly among the three prepared pans and smooth the tops. Bake for 27 to 32 minutes or until a toothpick inserted in the center comes out with just a few moist crumbs. Be careful not to over bake to keep the cake soft and moist.
Step 7: Remove the cakes from the oven and let them rest in the pans for 10 minutes. The layers will have a lovely golden color with tiny bubbles on top. Then, gently invert the cakes onto cooling racks until completely cooled.
Step 8: Prepare the pineapple filling by combining the crushed pineapple (with juice), butter, cornstarch, granulated sugar, fresh lemon juice, and vanilla extract in a medium saucepan over medium heat. Stir until the butter melts and the mixture thickens, roughly 8 to 10 minutes. Remove from heat and let cool to room temperature.
Step 9: For the frosting, beat butter and cream cheese in a mixing bowl on high speed until fluffy and thick. Slowly add confectioner’s sugar while mixing on low speed, then increase speed again to whip until smooth. Finish by adding heavy cream, vanilla extract, and coconut extract, continuing to beat until the frosting is light and airy.
Step 10: Assemble the cake by spreading the pineapple filling evenly between each cake layer. Frost the entire cake with the cream cheese frosting and finally, gently press sweetened coconut flakes onto the sides and top of the cake. Serve and enjoy this beautiful, tropical treat!
Servings and Timing
This Pineapple Coconut Cake Recipe comfortably serves 18 slices, making it ideal for larger gatherings or celebrations. The prep time clocks in around 20 minutes for mixing ingredients and preparing pans. Baking takes between 27 to 32 minutes per batch, and cooling requires about 30 minutes total. Allow an additional 15 to 20 minutes for making the pineapple filling and frosting. Altogether, you’re looking at about 1 hour and 22 minutes from start to finish, making this a great make-ahead dessert that isn’t too time-intensive.
How to Serve This Pineapple Coconut Cake Recipe
When I serve this cake, I love keeping things simple yet elegant. The tropical flavors shine brightest when paired with light, fresh accompaniments like a bowl of mixed berries or a citrus fruit salad. For a little extra flair, mint leaves sprinkled on the plate add a lovely burst of color and freshness that contrasts perfectly with the sweet cake.
Presentation-wise, I like to plate generous portions with a dollop of whipped cream or a small scoop of vanilla ice cream on the side. This adds an extra creamy element that plays wonderfully with the texture of the cake and pineapple filling. If you want a little crunch, toasted coconut flakes over the whipped cream provide a delightful finish.
For drinks, this cake pairs exceptionally well with tropical-inspired beverages like a refreshing coconut water mocktail or a chilled Riesling wine if you prefer something alcoholic. I also find that a nice cup of lightly brewed herbal tea or a cold glass of milk complements the flavors and balances the sweetness nicely. This cake works beautifully for family dinners, birthday parties, summer celebrations, or whenever you want to treat yourself to a slice of sunshine at any time of year.
Variations
I’m a big fan of customizing this Pineapple Coconut Cake Recipe to suit different tastes or dietary needs. For instance, if you want a gluten-free version, I’ve had great success swapping cake flour for a gluten-free blend that measures cup for cup. Just keep the baking powder the same to maintain a good rise.
If you’re aiming for a vegan twist, I recommend using plant-based butter and cream cheese alternatives, along with a flax “egg” substitute (mix 1 tablespoon of ground flaxseed with 3 tablespoons of water per egg, then let it thicken). Using coconut yogurt instead of sour cream keeps the tangy moisture while respecting the tropical vibe.
For flavor experiments, I like adding a tablespoon of rum or rum extract into the frosting for a richer profile, or tossing in toasted macadamia nuts into the filling for a delightful crunch. Alternatively, try baking cupcakes with this batter for handheld treats. The recipe adapts beautifully to different shapes and sizes without losing its tropical charm.
Storage and Reheating
Storing Leftovers
Leftover Pineapple Coconut Cake keeps well when stored in an airtight container in the refrigerator, especially if it’s frosted. I usually cover individual slices with plastic wrap or store the whole cake in a cake dome. It stays fresh for up to 4 days, and the flavors actually deepen a little over that time, making it even tastier.
Freezing
You can definitely freeze this cake if you want to save some for later. For best results, I freeze the unfrosted cake layers wrapped tightly in plastic wrap and then aluminum foil to prevent freezer burn. They’ll keep well frozen for up to 3 months. When you’re ready to enjoy, thaw the layers in the fridge overnight before frosting and assembling.
Reheating
Since this cake has a delicate texture and cream cheese frosting, I recommend serving it at room temperature or chilled rather than reheating. If you prefer a warm slice, gently microwave single slices for about 10 to 15 seconds—just enough to take the chill off without melting the frosting or drying out the cake.
FAQs
Can I use fresh pineapple instead of crushed canned pineapple?
Absolutely! Fresh pineapple will add a lovely brightness and texture. Just make sure to finely chop or crush it and include a bit of juice or water so the filling doesn’t dry out. You may need to adjust the sugar slightly depending on the pineapple’s sweetness.
Is it necessary to use both vanilla and coconut extracts?
Using both extracts creates a layered flavor that really makes this cake stand out. Vanilla adds warmth and balance, while coconut extract gives it that tropical punch. You could omit one if you prefer, but I think the combination keeps the cake deliciously complex.
Can I make this cake a day ahead?
Definitely! In fact, making the cake a day ahead allows the flavors to meld and the texture to settle beautifully. Just assemble and frost the cake close to serving time to keep it looking fresh, or cover tightly if fully assembled.
What if I don’t have cake flour?
If cake flour isn’t on hand, you can make a substitute by combining all-purpose flour with cornstarch (remove about 2 tablespoons of flour per cup and replace with cornstarch). This helps keep the cake soft and tender like cake flour would.
Can I use sweetened coconut flakes in the frosting or cake batter?
Sweetened coconut flakes work great for the topping as they add texture and sweetness. You can also mix a small amount into the batter or frosting for extra coconut flavor and chewiness, but be mindful to not overwhelm the balance of flavors.
Conclusion
I hope you’re as excited to try this Pineapple Coconut Cake Recipe as I am to share it with you. It’s truly a joyful, tropical treat that combines familiar comfort with a fun new twist. Whether it’s for a special celebration or a simple dessert to brighten your day, this cake is sure to become a treasured favorite in your recipe collection. Happy baking, and enjoy every delicious slice!
Print
Pineapple Coconut Cake Recipe
- Total Time: 1 hour 22 minutes
- Yield: 18 servings
Description
This Pineapple Coconut Cake is a moist, tropical delight featuring fluffy cake layers infused with coconut and vanilla extracts. Filled with a homemade pineapple compote and topped with a creamy coconut-flavored cream cheese frosting, it's a perfect dessert for any occasion. The combination of tangy pineapple and sweet coconut creates a refreshing and indulgent treat.
Ingredients
Cake
- 1 cup unsalted butter (room temperature)
- ⅓ cup vegetable oil
- 2 ½ cups granulated sugar
- 6 large eggs (room temperature)
- 2 egg yolks
- 3 cups sifted cake flour
- 1 tsp baking powder
- 1 tsp salt
- 1 cup sour cream (room temperature)
- 1 tbsp vanilla extract
- 1 tsp coconut extract
Filling
- 2 tbsp unsalted butter
- 2 tbsp cornstarch
- ½ cup granulated sugar
- 2 cups crushed pineapple with juice
- 1 tsp fresh lemon juice
- 1 tsp vanilla extract
Frosting
- ½ 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
- ⅛ tsp coconut extract
- 1 cup sweetened coconut flakes
Instructions
- Preheat and Prepare Pans: Preheat your oven to 325°F and generously spray three 9-inch round cake pans with non-stick baking spray to ensure easy release after baking.
- Make Cake Batter: In a mixer bowl, beat unsalted butter and vegetable oil on high speed for 2 minutes. Gradually add granulated sugar and continue beating for 4-5 minutes until the mixture turns very pale yellow and fluffy. Add eggs and egg yolks one at a time, mixing well after each and scraping down sides as needed to incorporate fully.
- Add Dry Ingredients: Reduce mixer speed to low and slowly add sifted cake flour in two increments, followed by baking powder and salt. Mix gently to avoid overbeating, which can affect the cake’s texture.
- Incorporate Wet Ingredients: Add sour cream, vanilla extract, and coconut extract to the batter. Scrape down the bowl and mix just until combined, producing a pale yellow, silky, and thick batter.
- Bake the Cakes: Evenly distribute the batter into the prepared pans. Bake for 27-32 minutes, or until a toothpick inserted into the center comes out just barely clean. Avoid overbaking to maintain moistness.
- Cool the Cake Layers: Remove cakes from oven and let them rest in the pans for 10 minutes. Afterward, invert them onto cooling racks and cool completely. The layers should have a golden color and a spongy texture with tiny bubbles on the surface.
- Prepare Pineapple Filling: In a medium pot over medium heat, combine unsalted butter, cornstarch, granulated sugar, crushed pineapple with juice, lemon juice, and vanilla extract. Stir constantly as the butter melts and cook for 8-10 minutes until thickened. Remove from heat and allow to cool to room temperature.
- Make Coconut Cream Cheese Frosting: Beat unsalted butter and cream cheese in a mixer on high speed until thick and fluffy. Slowly add confectioner's sugar while mixing at a lower speed, then increase mixing speed again. Add heavy cream, vanilla extract, and coconut extract, beating until the frosting is smooth, light, and fluffy.
- Assemble the Cake: Place one cake layer on a serving plate and spread pineapple filling evenly on top. Repeat with remaining layers. Cover the entire cake with the coconut cream cheese frosting. Gently press sweetened coconut flakes onto the top and sides of the cake for decoration.
- Serve: Slice and serve this tropical delight chilled or at room temperature. Enjoy the moist, flavorful combination of pineapple and coconut!
Notes
- Ensure all dairy ingredients and eggs are at room temperature for better batter consistency.
- Do not overbake the cake layers; they should be moist and springy to the touch.
- The filling must be cooked until thickened to avoid a runny texture in the cake.
- For extra flavor, lightly toast the coconut flakes before applying them to the cake.
- This cake can be stored covered in the refrigerator for up to 3 days.
- Allow the cake to come to room temperature before serving for the best flavor and texture.
- Prep Time: 30 minutes
- Cook Time: 52 minutes
- Category: Dessert
- Method: Baking
- Cuisine: American

Leave a Reply