The sweet aroma of pineapple and coconut baking together is pure magic. It transports you straight to a tropical paradise, where every bite feels like sunshine on your taste buds. This irresistible pineapple coconut cake recipe is one of my go-to desserts for special occasions, casual gatherings, or when I just need a little taste of the tropics. Trust me, it’s the kind of cake that leaves everyone asking for seconds—and the recipe!
I first stumbled upon the idea of combining pineapple and coconut during a trip to Hawaii, where every dessert seemed to have some tropical twist. After tweaking and perfecting this recipe over the years, I’ve landed on a version that’s easy to make, bursting with flavor, and beautifully moist. Whether you’re a seasoned baker or someone who bakes only for fun, this cake is as foolproof as it gets.
Let’s jump into why this pineapple coconut cake is about to become your new favorite dessert.
Why You’ll Love This Recipe
- Easy to Make: No complicated techniques here—just simple steps that deliver stunning results!
- Perfectly Tropical: The pineapple brings a juicy sweetness, while the coconut adds a creamy, nutty richness.
- Super Moist and Soft: This cake stays moist for days (though it’s so delicious, it rarely lasts that long).
- Versatile: Serve it as an everyday treat or dress it up for celebrations with a dollop of whipped cream or frosting.
- Crowd-Pleaser: Everyone from picky kids to dessert connoisseurs loves this cake.
What sets this recipe apart is the balance of flavors. The pineapple isn’t too overpowering, and the coconut complements it perfectly. Plus, the texture is just dreamy—light, fluffy, and melt-in-your-mouth good. It’s the kind of dessert that makes you close your eyes and savor every bite.
Ingredients Needed
This pineapple coconut cake recipe uses straightforward ingredients that pack a punch of flavor. Here’s what you’ll need:
- For the Cake:
- 2 1/2 cups (310 g) all-purpose flour
- 1 1/2 teaspoons baking powder
- 1/2 teaspoon baking soda
- 1/4 teaspoon salt
- 1 cup (200 g) granulated sugar
- 1/2 cup (100 g) light brown sugar
- 1 cup (240 ml) canned crushed pineapple, drained (save the juice for later!)
- 1/2 cup (120 ml) unsweetened coconut milk
- 1/2 cup (115 g) unsalted butter, softened
- 2 large eggs, room temperature
- 1 teaspoon pure vanilla extract
- 1 cup (80 g) sweetened shredded coconut
- For the Frosting (Optional):
- 1 cup (240 ml) heavy whipping cream
- 1/4 cup (30 g) powdered sugar
- 1/2 teaspoon vanilla extract
- 1/4 cup (20 g) toasted shredded coconut (for garnish)
If you’re missing an ingredient or need substitutions, don’t worry! You can swap coconut milk for regular milk or even almond milk, and use fresh pineapple if canned isn’t available.
Equipment Needed
- Mixing bowls (at least 2)
- Hand mixer or stand mixer
- 9-inch round cake pans (or a 9×13-inch pan)
- Spatula
- Cooling rack
- Optional: A whisk for the frosting
If you don’t have round cake pans, no problem—use a square pan or even a bundt pan for a unique presentation. Just keep an eye on the baking time, as it may vary slightly.
Preparation Method

- Preheat the oven: Set your oven to 350°F (175°C). Grease and flour your cake pans or line them with parchment paper for easy removal.
- Mix the dry ingredients: In a large bowl, whisk together the flour, baking powder, baking soda, and salt.
- Cream the butter and sugars: In another bowl, beat the softened butter, granulated sugar, and brown sugar until light and fluffy (about 2-3 minutes).
- Add the wet ingredients: Beat in the eggs one at a time, followed by the vanilla extract, coconut milk, and crushed pineapple. Mix until combined.
- Combine wet and dry: Gradually add the dry ingredients to the wet mixture, mixing until just combined. Be careful not to overmix—it can affect the texture.
- Fold in the coconut: Gently stir in the shredded coconut for added texture and flavor.
- Bake: Divide the batter evenly between the prepared pans and bake for 30-35 minutes, or until a toothpick inserted into the center comes out clean.
- Cool: Let the cakes cool in the pans for 10 minutes, then transfer them to a wire rack to cool completely.
- Optional frosting: Whip the heavy cream, powdered sugar, and vanilla extract until stiff peaks form. Spread over the cooled cake and garnish with toasted coconut.
And there you have it—a tropical masterpiece ready to impress!
Cooking Tips & Techniques
- Don’t skip draining the pineapple: Excess liquid can make the cake too soggy.
- Room temperature ingredients: Make sure your eggs and butter are at room temperature for a smoother batter.
- Toast the coconut: If you have time, toast the shredded coconut for a nuttier, more intense flavor.
- Use a light hand: When folding in ingredients, be gentle to preserve the cake’s fluffy texture.
- Check early: Ovens can vary, so check the cake a few minutes before the recommended baking time ends.
These tips will make your baking experience smooth and your cake irresistible every time!
Variations & Adaptations
- Gluten-Free: Swap out the all-purpose flour for a 1:1 gluten-free baking blend.
- Vegan-Friendly: Use a plant-based butter, replace eggs with flaxseed meal (2 tablespoons + 6 tablespoons water), and opt for coconut cream instead of heavy cream.
- Fresh Pineapple: Use finely chopped fresh pineapple instead of canned for a burst of freshness.
- Bundt Cake Version: Pour the batter into a bundt pan for an elegant presentation.
- Extra Coconut Flavor: Add a teaspoon of coconut extract to the batter for a more intense coconut experience.
Feel free to experiment and make this recipe your own!
Serving & Storage Suggestions
This pineapple coconut cake is best served slightly chilled or at room temperature. Pair it with a scoop of vanilla ice cream or a refreshing tropical drink like pineapple juice or coconut water.
For storage:
- Refrigerator: Cover and store the cake in the fridge for up to 5 days.
- Freezer: Wrap slices tightly in plastic wrap and freeze for up to 3 months. Thaw in the fridge before serving.
- Reheating: Enjoy cold or bring to room temperature—no reheating needed!
The flavors deepen over time, making leftovers just as delicious.
Nutritional Information & Benefits
Here’s a rough estimate per serving (based on 12 servings):
- Calories: 320
- Fat: 15 g
- Carbohydrates: 42 g
- Protein: 4 g
- Fiber: 2 g
Pineapple is rich in vitamin C and bromelain, which aids digestion, while coconut provides healthy fats to keep you satisfied. It’s indulgent, but with a tropical twist that feels lighter than traditional desserts.
Conclusion
This pineapple coconut cake recipe is a slice of tropical bliss—easy to make, packed with flavor, and guaranteed to impress. Whether you’re treating yourself, sharing with loved ones, or baking for a special event, this cake delivers every time.
I love how customizable it is, so don’t hesitate to tweak it to suit your taste. Add more pineapple, go all-in on the coconut, or try a bundt pan for a different look. No matter what, it’s impossible to go wrong!
If you try this recipe, I’d love to hear how it turned out. Leave a comment, share your variation, or tag me on social media. Happy baking, and enjoy your tropical escape!
FAQs
Can I use fresh pineapple instead of canned?
Absolutely! Just make sure to finely chop and drain it to avoid excess moisture.
Can I make this cake ahead of time?
Yes! Bake the cake a day in advance and store it in the fridge. Frost just before serving for the freshest look.
What’s the best way to toast coconut?
Spread shredded coconut on a baking sheet and toast in a 350°F (175°C) oven for 5-7 minutes, stirring occasionally.
Can I skip the frosting?
Of course! This cake is delicious on its own or with a dusting of powdered sugar.
How do I prevent the cake from sticking to the pan?
Grease the pans generously and line them with parchment paper for foolproof removal.
Pin This Recipe!

Pineapple Coconut Cake Recipe Easy Steps for Tropical Bliss
This irresistible pineapple coconut cake recipe is easy to make, bursting with tropical flavors, and beautifully moist. Perfect for special occasions or casual gatherings.
- Prep Time: 20 minutes
- Cook Time: 35 minutes
- Total Time: 55 minutes
- Yield: 12 servings 1x
- Category: Dessert
- Cuisine: Tropical
Ingredients
- 2 1/2 cups (310 g) all-purpose flour
- 1 1/2 teaspoons baking powder
- 1/2 teaspoon baking soda
- 1/4 teaspoon salt
- 1 cup (200 g) granulated sugar
- 1/2 cup (100 g) light brown sugar
- 1 cup (240 ml) canned crushed pineapple, drained
- 1/2 cup (120 ml) unsweetened coconut milk
- 1/2 cup (115 g) unsalted butter, softened
- 2 large eggs, room temperature
- 1 teaspoon pure vanilla extract
- 1 cup (80 g) sweetened shredded coconut
- 1 cup (240 ml) heavy whipping cream (optional)
- 1/4 cup (30 g) powdered sugar (optional)
- 1/2 teaspoon vanilla extract (optional)
- 1/4 cup (20 g) toasted shredded coconut (optional)
Instructions
- Preheat the oven to 350°F (175°C). Grease and flour your cake pans or line them with parchment paper.
- In a large bowl, whisk together the flour, baking powder, baking soda, and salt.
- In another bowl, beat the softened butter, granulated sugar, and brown sugar until light and fluffy (about 2-3 minutes).
- Beat in the eggs one at a time, followed by the vanilla extract, coconut milk, and crushed pineapple. Mix until combined.
- Gradually add the dry ingredients to the wet mixture, mixing until just combined. Be careful not to overmix.
- Gently stir in the shredded coconut.
- Divide the batter evenly between the prepared pans and bake for 30-35 minutes, or until a toothpick inserted into the center comes out clean.
- Let the cakes cool in the pans for 10 minutes, then transfer them to a wire rack to cool completely.
- Optional frosting: Whip the heavy cream, powdered sugar, and vanilla extract until stiff peaks form. Spread over the cooled cake and garnish with toasted coconut.
Notes
[‘Drain the pineapple to avoid excess moisture.’, ‘Ensure eggs and butter are at room temperature for a smoother batter.’, ‘Toast shredded coconut for a nuttier flavor.’, ‘Check the cake a few minutes before the recommended baking time ends to avoid overbaking.’]
Nutrition
- Serving Size: 1 slice
- Calories: 320
- Fat: 15
- Carbohydrates: 42
- Fiber: 2
- Protein: 4
Keywords: pineapple coconut cake, tropical dessert, easy cake recipe, moist cake, coconut frosting



