Pineapple Coconut Cake Recipe

There’s something magical about the combination of pineapple and coconut. It’s a flavor duo that instantly transports you to a tropical paradise, where the breeze carries the scent of fresh fruit and the sound of waves lulls you into relaxation.

I first made this Pineapple Coconut Cake for a summer gathering, wanting a dessert that was light, moist, and bursting with fresh flavors. The result was a cake that disappeared within minutes, with guests asking for the recipe. Whether you’re looking for a cake for a birthday, special occasion, or just to indulge in something tropical, this is the perfect choice.

This cake is not just about its incredible flavor—it’s about texture, too. The fluffy, moist layers infused with pineapple juice, the rich coconut cream, and the delicate toasted coconut flakes on top create a perfect balance. If you love tropical desserts, this will become one of your go-to recipes.

Keep reading to discover how to make this irresistible cake from scratch, with step-by-step instructions to ensure success every time.

Why I Love This Recipe

this …

One bite of this Pineapple Coconut Cake, and you’ll understand why it’s so special.

A Perfectly Balanced Tropical Dessert

What makes this cake stand out is how well the flavors complement each other. The pineapple adds a natural sweetness with a hint of tartness, while the coconut brings a creamy, nutty richness that enhances the cake’s depth.

Instead of being overwhelmingly sweet, this cake has a light, airy texture that melts in your mouth. The combination of pineapple juice in the batter and coconut milk in the frosting keeps everything moist and flavorful without being too heavy.

Ideal for Any Occasion

This cake is versatile—it’s elegant enough for a wedding shower, refreshing enough for a summer barbecue, and comforting enough for a cozy winter treat. It can be served as a simple sheet cake or transformed into a stunning layer cake, making it a crowd-pleaser for any event.

If you love classic tropical flavors, this recipe will become a favorite. And the best part? It’s easier to make than you might think!

Ingredients for Pineapple Coconut Cake

A cake is only as good as the ingredients used, and this one relies on fresh, high-quality ingredients to achieve its tropical flavor.

Here’s What You’ll Need

For the Cake

• All-purpose flour – Provides the perfect structure.
• Baking powder & baking soda – Ensures a light, fluffy texture.
• Salt – Balances the sweetness.
• Unsalted butter – Adds rich flavor and moisture.
• Granulated sugar – Sweetens and helps create a tender crumb.
• Eggs – Adds structure and richness.
• Coconut milk – Enhances the coconut flavor while keeping the cake moist.
• Pineapple juice – Gives the cake its signature fruity taste.
• Shredded coconut – Adds texture and a stronger coconut flavor.
• Vanilla & coconut extract – Intensifies the tropical taste.

For the Frosting

• Cream cheese – Creates a rich, tangy frosting.
• Unsalted butter – Adds creaminess.
• Powdered sugar – Sweetens and thickens.
• Coconut milk – Enhances the coconut flavor.
• Vanilla extract – Adds warmth and depth.

For Garnish

• Toasted coconut flakes – Adds crunch and flavor.
• Pineapple slices – For decoration and extra freshness.

Each ingredient plays an essential role, and together, they create a harmonious balance of flavors and textures.

How Much Time Will You Need?

This Pineapple Coconut Cake is straightforward to make but requires time for baking and cooling.

• Prep Time: 20 minutes
• Baking Time: 35-40 minutes
• Cooling Time: 1 hour
• Frosting & Assembly: 20 minutes
• Total Time: Approximately 2 hours

How to Make This Pineapple Coconut Cake

Follow these steps carefully for a cake that is moist, fluffy, and full of tropical flavors.

Step 1: Prepare the Cake Batter

1. Preheat your oven to 350°F (175°C) and grease two 9-inch cake pans. Line the bottoms with parchment paper for easy removal.
2. In a medium bowl, whisk together flour, baking powder, baking soda, and salt. Set aside.
3. In a large mixing bowl, beat butter and sugar until light and fluffy. This should take about 3 minutes.
4. Add eggs one at a time, beating well after each addition.
5. Mix in vanilla extract and coconut extract.
6. Alternately add dry ingredients and coconut milk + pineapple juice, starting and ending with the dry ingredients. Mix until just combined.
7. Fold in shredded coconut gently.

Step 2: Bake the Cake

1. Divide the batter evenly between the prepared cake pans.
2. Bake for 35-40 minutes, or until a toothpick inserted in the center comes out clean.
3. Let cakes cool in pans for 10 minutes, then transfer to wire racks to cool completely.

Step 3: Make the Frosting

1. Beat cream cheese and butter together until smooth.
2. Gradually add powdered sugar, beating until fluffy.
3. Mix in coconut milk and vanilla extract until well combined.

Step 4: Assemble and Decorate

1. Place one cake layer on a serving plate. Spread with frosting.
2. Add the second cake layer and frost the top and sides.
3. Sprinkle with toasted coconut flakes and garnish with pineapple slices.

Substitutions

If you need to tweak the recipe, here are some options:

• Dairy-Free: Swap butter for coconut oil and use dairy-free cream cheese.
• Gluten-Free: Use a gluten-free flour blend.
• Sugar-Free: Replace sugar with a sugar alternative like monk fruit or coconut sugar.

These substitutions allow you to enjoy the cake while adjusting it to dietary preferences.

Best Side Dishes for Pineapple Coconut Cake

Pairing this cake with the right side dishes makes the experience even better!

1. Tropical Fruit Salad – Fresh mango, papaya, and kiwi enhance the tropical flavors.
2. Coconut Ice Cream – A creamy and cool contrast to the cake.
3. Iced Pineapple Green Tea – A refreshing drink to balance the sweetness.

Each of these side dishes elevates the flavors of this cake, making every bite even more enjoyable.

Serving and Presentation Tips

A beautifully presented cake makes it even more inviting. Here’s how to make your Pineapple Coconut Cake look as amazing as it tastes.

Enhancing the Visual Appeal

• Smooth Frosting Finish: Use an offset spatula to spread the frosting evenly for a polished look.
• Toasted Coconut Garnish: Lightly toast shredded coconut in a dry pan for a golden, nutty topping. Sprinkle it over the cake for a professional finish.
• Fresh Pineapple Slices: Thinly sliced pineapple arranged on top adds freshness and color.
• Edible Flowers or Mint Leaves: For an elegant touch, add a few edible flowers or fresh mint leaves.

Best Ways to Serve

• Chilled or Room Temperature? Serve slightly chilled for a firmer texture or at room temperature for a softer, melt-in-your-mouth experience.
• Slice with a Hot Knife: Dip a knife in hot water before cutting for clean slices.

Tips and Tricks to Make This Recipe Even Better

Want to take your Pineapple Coconut Cake to the next level? Follow these pro tips:

For a Perfectly Moist Cake

• Use Room Temperature Ingredients – This ensures smooth mixing and an even texture.
• Don’t Overmix the Batter – Overmixing leads to a dense cake. Mix until just combined.
• Use Full-Fat Coconut Milk – Light coconut milk won’t provide the same richness.

For a More Intense Flavor

• Brush Cake Layers with Pineapple Juice – This keeps them extra moist and adds an extra punch of flavor.
• Add Coconut Rum to the Frosting – A tablespoon of coconut rum enhances the tropical flavor.

For Better Frosting

• Chill the Frosting Before Spreading – This makes it easier to apply and prevents melting.
• Whip the Frosting for Extra Fluffiness – Beating it for an extra 2 minutes makes it lighter and more spreadable.

Common Mistakes to Avoid

Even experienced bakers can run into issues. Avoid these mistakes for the best results:

1. Overbaking the Cake

• Baking for too long dries out the cake. Check for doneness by inserting a toothpick in the center—it should come out with a few moist crumbs.

2. Using Cold Ingredients

• Butter, eggs, and coconut milk should be at room temperature for a smooth batter.

3. Skipping the Cooling Step

• Frosting a warm cake will cause it to melt and slide off. Always let the cake cool completely.

4. Not Toasting the Coconut

• Toasting the coconut enhances its flavor and adds a subtle crunch.

How to Store It

Proper storage keeps your Pineapple Coconut Cake fresh for longer.

Short-Term Storage

• Store the cake in an airtight container at room temperature for up to 2 days.
• If refrigerated, cover it well to prevent drying out. It stays fresh for 5 days in the fridge.

Freezing Instructions

• Freeze the Cake Layers Separately: Wrap cooled layers in plastic wrap and store in an airtight container for up to 3 months.
• Freeze Fully Frosted Cake: Place it in the freezer uncovered for 1 hour, then wrap it in plastic wrap and foil. Freeze for up to 2 months.
• To Thaw: Let the cake sit in the fridge overnight, then bring it to room temperature before serving.

FAQ

1. Can I use canned pineapple instead of fresh?

Yes! Use canned crushed pineapple, but drain it well to avoid excess moisture.

2. How can I make this cake gluten-free?

Use a 1:1 gluten-free flour substitute and ensure your baking powder is gluten-free.

3. Can I make this cake ahead of time?

Absolutely! You can bake the cake layers up to 2 days in advance and store them in an airtight container until ready to frost.

4. What can I use instead of cream cheese for the frosting?

For a dairy-free version, use coconut cream or a dairy-free cream cheese alternative.

5. How do I prevent my cake from sinking in the middle?

Make sure your baking powder is fresh, and don’t open the oven door too early while baking.

Print