Love this? Save it for later!
Share the inspiration with your friends
“You know that feeling when the scent of coconut and pineapple instantly takes you somewhere sunny and warm?” That’s exactly how this Flavorful Tropical Hawaiian Luau Cake with Pineapple Coconut Filling came into my life. It wasn’t in some fancy bakery or a beachside shack, but rather at a small, lively street festival I wandered into on a sticky summer evening in Honolulu. The cake stall was tucked between towering palm trees, and the vendor, a cheerful woman named Lani, was serving slices with a knowing smile.
She told me this recipe had been passed down through generations, a secret luau treat that brings a burst of island sunshine to any gathering. I tried a bite, and honestly, I was hooked—the moist cake, layered with luscious pineapple coconut filling, felt like a vacation on a plate. I begged her to share the recipe, but she was coy. So, I went home, experimented, and after some messy kitchen moments (including a small pineapple juice splash on my favorite apron), I landed on my own version.
Maybe you’ve been there—searching for that perfect tropical cake that’s not too heavy but still packs a festive punch. This cake has stayed with me because it’s just that: a crowd-pleasing, vibrant dessert that never fails to brighten up a party or casual weekend treat. Let me tell you, once you taste this Hawaiian luau cake, you’ll understand why I keep making it—and why it might just become your favorite too.
Why You’ll Love This Recipe
After countless tries in my kitchen (and a few “oops” moments), this Flavorful Tropical Hawaiian Luau Cake recipe is officially one I’m proud to share. It’s been tested by family, friends, and even a few skeptical taste testers who ended up asking for seconds. Here’s why it stands out:
- Quick & Easy: Comes together in under 90 minutes, perfect for last-minute celebrations or when you just want a tropical escape without fuss.
- Simple Ingredients: Most are pantry staples or easy-to-find tropical treats like crushed pineapple and shredded coconut—no exotic hunting required.
- Perfect for Parties: Whether it’s a summer barbecue, birthday bash, or luau-themed gathering, this cake’s vibrant flavors always shine.
- Crowd-Pleaser: Kids and adults alike love the moist crumb and the sweet, creamy pineapple coconut filling—it’s that rare cake that brings everyone together.
- Unbelievably Delicious: The balance of tangy pineapple and rich coconut, paired with the tender cake layers, makes this dessert a tropical dream come true.
What makes this recipe different? Honestly, it’s the way the pineapple filling is cooked down just right—soft, slightly caramelized, but still juicy—and the coconut filling whipped to a silky smooth texture. Plus, I sprinkle in just enough toasted coconut on top for crunch and that toasty aroma that gets everyone’s attention. This isn’t just another tropical cake; it’s my personal take on island comfort food that feels both nostalgic and fresh.
What Ingredients You Will Need
This recipe uses simple, wholesome ingredients to deliver bold flavor and satisfying texture without the fuss. Most ingredients are easy to find year-round, and you’ll likely have many of them already in your pantry. The pineapple and coconut combo is essential for that classic Hawaiian luau vibe, but I’ve also included some substitutions if you want to mix it up.
- For the Cake Batter:
- 2 ½ cups (315g) all-purpose flour (King Arthur Flour works great for a tender crumb)
- 2 ½ teaspoons baking powder
- ½ teaspoon baking soda
- ½ teaspoon salt
- 1 cup (225g) unsalted butter, softened (use quality European-style butter for richness)
- 1 ¾ cups (350g) granulated sugar
- 3 large eggs, room temperature
- 1 teaspoon pure vanilla extract
- 1 cup (240ml) buttermilk (or whole milk with 1 tbsp lemon juice, let sit 5 min)
- For the Pineapple Coconut Filling:
- 1 can (20 oz/567g) crushed pineapple in juice, drained (reserve juice for moistening)
- 1 cup (100g) sweetened shredded coconut, toasted lightly
- ½ cup (100g) granulated sugar
- 2 tablespoons cornstarch
- 2 tablespoons unsalted butter
- 1 teaspoon vanilla extract
- For the Coconut Frosting (Optional but recommended):
- 1 cup (240ml) heavy cream, chilled
- ¼ cup (30g) powdered sugar
- ½ teaspoon coconut extract (optional, but adds a nice punch)
- Toasted coconut flakes for garnish
Substitutions & Tips: If you’re looking for a gluten-free option, almond flour can replace half the flour for a moist, nutty twist. For dairy-free, swap butter with coconut oil and use coconut milk instead of buttermilk. And if you can’t find crushed pineapple, finely chopped fresh pineapple works beautifully, just drain well to avoid excess moisture.
Equipment Needed
- Two 9-inch (23cm) round cake pans (I prefer non-stick or well-greased aluminum pans)
- Mixing bowls (medium and large)
- Electric mixer or stand mixer (hand mixer works fine too)
- Saucepan for cooking the pineapple filling
- Spatula and wooden spoon for mixing
- Cooling rack to avoid soggy bottoms
- Measuring cups and spoons (accuracy matters here!)
- Whisk for the frosting or a chilled bowl if whipping cream by hand
If you don’t have two cake pans, you can bake the cake layers one at a time, just be sure to adjust baking times slightly. I once used a silicone pan, which made removing the cake a breeze but required a few extra minutes baking. For toasting coconut, a dry skillet works perfectly—no fancy toaster needed.
Preparation Method

- Preheat and Prep: Set your oven to 350°F (175°C). Grease and flour two 9-inch cake pans, or line with parchment paper. This helps the cake release easily later. (Prep takes about 10 minutes.)
- Mix Dry Ingredients: In a medium bowl, whisk together 2 ½ cups flour, 2 ½ teaspoons baking powder, ½ teaspoon baking soda, and ½ teaspoon salt. Set aside.
- Cream Butter and Sugar: Using your mixer, beat 1 cup softened unsalted butter with 1 ¾ cups sugar on medium speed until fluffy and pale, about 4-5 minutes. This step is key for a light cake texture.
- Add Eggs and Vanilla: Beat in 3 large eggs one at a time, mixing well after each addition, then stir in 1 teaspoon vanilla extract.
- Combine Wet and Dry: Add the dry ingredients in three parts, alternating with 1 cup buttermilk, starting and ending with the dry mix. Mix gently on low speed to avoid overworking the batter. The batter should be smooth and slightly thick.
- Pour and Bake: Divide batter evenly between pans and smooth the tops. Bake for 30-35 minutes or until a toothpick inserted in the center comes out clean. (Ovens vary, so start checking at 30 minutes.)
- Cool: Let cakes cool in pans for 10 minutes before transferring to a wire rack to cool completely. This prevents sogginess and makes frosting easier.
- Prepare Pineapple Coconut Filling: In a saucepan, combine 1 cup drained crushed pineapple, ½ cup sugar, 2 tablespoons cornstarch, and 2 tablespoons butter over medium heat. Stir constantly until mixture thickens and becomes glossy, about 5-7 minutes. Remove from heat and stir in 1 cup toasted shredded coconut and 1 teaspoon vanilla extract. Let cool completely before assembling.
- Make Frosting (Optional): Whip 1 cup chilled heavy cream with ¼ cup powdered sugar and ½ teaspoon coconut extract until stiff peaks form.
- Assemble the Cake: Place one cake layer on a serving plate, spread half the pineapple coconut filling evenly on top. Add second cake layer and spread remaining filling. Frost the top and sides with whipped coconut cream, then sprinkle toasted coconut flakes over the top for that extra island flair.
Pro tip: If you notice your cake rising unevenly, try rotating pans halfway through baking. And don’t rush cooling—warm cake can melt your frosting and filling, making a mess. I learned this the hard way (trust me, it’s a sticky lesson!).
Cooking Tips & Techniques
Making this tropical luau cake is straightforward, but a few tricks help get it just right every time. First, let’s talk about the pineapple filling. If you don’t cook it long enough, it can be watery and runny, but too long and it turns dry and loses that juicy bite. Stir constantly over medium heat and watch for that glossy thick texture—that’s your cue.
When creaming butter and sugar, patience is key. I’ve skipped this step or rushed it, and the cake ended up dense. Properly creamed butter traps air, giving your cake that tender crumb you want. And always use room temperature eggs—cold eggs can cause the batter to curdle.
For the coconut, toasting it lightly in a dry pan until golden brings out a nutty aroma and crunch that contrasts beautifully with the soft cake. Watch closely—it can burn quickly. And if you’re whipping cream, make sure everything is cold, including your bowl and beaters; otherwise, the cream won’t whip properly.
Lastly, when assembling, spreading the filling evenly but gently keeps the layers intact. I sometimes use an offset spatula for better control. If you’re short on time, refrigerate the cake for 30 minutes before slicing—it firms up the filling and makes serving cleaner.
Variations & Adaptations
One of the best things about this Hawaiian luau cake is how easy it is to tweak. Here are a few versions I’ve tried or recommend:
- Vegan Version: Replace butter with coconut oil, use flax eggs (1 tbsp ground flaxseed + 3 tbsp water per egg), and swap heavy cream for chilled coconut cream. Use dairy-free milk for the buttermilk substitute.
- Tropical Fruit Mix: Add finely chopped mango or papaya to the pineapple filling for a fruitier, more colorful layer. Just adjust sugar slightly if your fruit is very sweet.
- Chocolate Twist: Stir in ½ cup shredded dark chocolate or cocoa powder into the batter for a chocolate coconut pineapple cake that’s unexpectedly delicious.
- Gluten-Free: Use a gluten-free flour blend, like Bob’s Red Mill 1-to-1, and add 1 tsp xanthan gum if your blend doesn’t include it.
- Spiced Luau: Add 1 teaspoon ground cinnamon and ¼ teaspoon ground nutmeg to the batter for a warm spice note that complements the tropical flavors.
Personally, I love the fruit mix version—mango adds a fresh brightness that my guests always ask about. Don’t hesitate to get creative and make this recipe your own!
Serving & Storage Suggestions
This cake is best served slightly chilled or at room temperature, letting those tropical flavors shine without being too cold. I like to slice it into generous wedges and serve with a cup of lightly brewed green tea or a tropical fruit punch for a festive combo.
If you’re bringing it to a party, transport it in a cake carrier to keep the frosting and filling intact. To store leftovers, cover with plastic wrap or place in an airtight container and refrigerate for up to 3 days. The flavors actually meld nicely overnight, so leftover slices taste even better the next day.
For longer storage, you can freeze the cake layers separately (wrapped well) for up to 2 months. Thaw in the fridge overnight before assembling and frosting. When reheating individual slices, a few seconds in the microwave (about 15-20 seconds) refreshes the cake without drying it out.
Nutritional Information & Benefits
This Flavorful Tropical Hawaiian Luau Cake is a treat, but it includes some nutritious touches. Pineapple is rich in vitamin C and manganese, supporting immune health. Coconut adds healthy fats and dietary fiber, which help keep you feeling satisfied.
Per serving (assuming 12 slices), this cake provides approximately 320 calories, 15g fat, 42g carbohydrates, and 3g protein. It’s not low-calorie, but balanced with wholesome ingredients and fresh fruit.
For those with dietary considerations, the recipe can be adapted for gluten-free or dairy-free needs without losing the tropical flair. Just watch for added sugars if adjusting the sweetened coconut or canned pineapple.
Honestly, this cake feels like a celebration of natural island flavors, and that makes it a guilt-free indulgence in my book.
Conclusion
So, why should you make this Flavorful Tropical Hawaiian Luau Cake? Because it’s more than just a dessert—it’s a little slice of island joy that’s easy to make and hard to forget. Whether you’re hosting a luau-themed party or just craving something bright and sweet, this cake delivers every time.
Feel free to tweak it to your taste, whether that means adding a pinch of spice, trying a vegan version, or sneaking in extra tropical fruits. I love how this recipe brings people together, and I hope it does the same for you.
Give it a try, and don’t be shy—drop a comment below sharing your twists or kitchen stories. Let’s keep the tropical vibes rolling!
FAQs
Can I make the pineapple coconut filling ahead of time?
Yes, you can prepare the filling a day in advance and store it in the fridge. Bring it to room temperature before assembling the cake.
What if I don’t have buttermilk?
Simply add 1 tablespoon of lemon juice or white vinegar to 1 cup of milk. Let it sit for 5 minutes, and you have a quick buttermilk substitute.
How do I prevent the cake from drying out?
Don’t overbake! Start checking the cake at 30 minutes. Also, properly store leftover cake wrapped tightly to keep moisture in.
Can I use fresh pineapple instead of canned?
Absolutely! Just drain fresh pineapple well and chop finely. You may need to adjust the sugar slightly depending on sweetness.
What’s the best way to toast shredded coconut?
Toast it in a dry skillet over medium heat, stirring frequently until golden brown and fragrant, about 3-5 minutes. Watch closely, as it can burn fast.
By the way, if you’re interested in other tropical-inspired treats, the pineapple upside-down cake or coconut mango smoothie might catch your eye for your next kitchen adventure.
Pin This Recipe!

Flavorful Tropical Hawaiian Luau Cake Recipe with Pineapple Coconut Filling Perfect for Parties
A moist and vibrant tropical cake layered with luscious pineapple coconut filling and optional whipped coconut cream frosting, perfect for parties and casual treats.
- Prep Time: 20 minutes
- Cook Time: 35 minutes
- Total Time: 55 minutes
- Yield: 12 servings 1x
- Category: Dessert
- Cuisine: Hawaiian
Ingredients
- 2 ½ cups (315g) all-purpose flour
- 2 ½ teaspoons baking powder
- ½ teaspoon baking soda
- ½ teaspoon salt
- 1 cup (225g) unsalted butter, softened
- 1 ¾ cups (350g) granulated sugar
- 3 large eggs, room temperature
- 1 teaspoon pure vanilla extract
- 1 cup (240ml) buttermilk (or whole milk with 1 tbsp lemon juice, let sit 5 min)
- 1 can (20 oz/567g) crushed pineapple in juice, drained (reserve juice for moistening)
- 1 cup (100g) sweetened shredded coconut, toasted lightly
- ½ cup (100g) granulated sugar
- 2 tablespoons cornstarch
- 2 tablespoons unsalted butter
- 1 teaspoon vanilla extract
- 1 cup (240ml) heavy cream, chilled (optional for frosting)
- ¼ cup (30g) powdered sugar (optional for frosting)
- ½ teaspoon coconut extract (optional for frosting)
- Toasted coconut flakes for garnish
Instructions
- Preheat oven to 350°F (175°C). Grease and flour two 9-inch cake pans or line with parchment paper.
- In a medium bowl, whisk together flour, baking powder, baking soda, and salt. Set aside.
- Using a mixer, beat softened butter with sugar on medium speed until fluffy and pale, about 4-5 minutes.
- Beat in eggs one at a time, mixing well after each addition, then stir in vanilla extract.
- Add dry ingredients in three parts, alternating with buttermilk, starting and ending with dry mix. Mix gently on low speed until smooth.
- Divide batter evenly between pans and smooth tops. Bake 30-35 minutes or until toothpick inserted comes out clean.
- Cool cakes in pans for 10 minutes, then transfer to wire rack to cool completely.
- For filling: In saucepan, combine drained pineapple, sugar, cornstarch, and butter over medium heat. Stir constantly until thick and glossy, about 5-7 minutes.
- Remove from heat, stir in toasted shredded coconut and vanilla extract. Let cool completely.
- For frosting (optional): Whip chilled heavy cream with powdered sugar and coconut extract until stiff peaks form.
- Assemble cake: Place one cake layer on plate, spread half the pineapple coconut filling evenly on top.
- Add second cake layer and spread remaining filling.
- Frost top and sides with whipped coconut cream, then sprinkle toasted coconut flakes on top.
Notes
Rotate pans halfway through baking for even rising. Cool cakes completely before frosting to prevent melting. Toast coconut lightly in a dry skillet until golden for best flavor. Refrigerate cake for 30 minutes before slicing for cleaner cuts. Filling can be made a day ahead and stored in fridge.
Nutrition
- Serving Size: 1 slice (1/12 of cak
- Calories: 320
- Sugar: 28
- Sodium: 210
- Fat: 15
- Saturated Fat: 9
- Carbohydrates: 42
- Fiber: 2
- Protein: 3
Keywords: tropical cake, Hawaiian cake, pineapple coconut cake, luau cake, party dessert, moist cake, coconut frosting



