pineapple coconut cake

There’s a special magic in the combination of pineapple and coconut; for me, it’s the official flavor of sunshine and lazy afternoons. This Tropical Dream Pineapple Coconut Cake is more than just a dessert—it’s a cherished escape, a slice of vacation on a plate. I’ll never forget the first time I pulled these layers from the oven. The sweet, toasty aroma of coconut mingled with bright, tangy pineapple, filling every corner of my kitchen with a promise of something truly wonderful. It was an instant favorite, capturing the same laid-back, joyful spirit I adore in my coconut cream pie bars, but elevated into a show-stopping layer cake that feels like a celebration in itself. Every bite is soft, moist, and bursting with tropical goodness, making it the perfect pineapple coconut cake to brighten any day.

What Makes This Tropical Dream Pineapple Coconut Cake So Special?

What I absolutely adore about this recipe is how it delivers such a “wow” factor with surprisingly little fuss. It’s become my secret weapon for gatherings because it looks and tastes like it came from a fancy bakery, but it’s built on a foundation of simple, honest ingredients. With a prep time of just 25 minutes and a cook time of 35 minutes, I can have a spectacular dessert ready in about an hour, which feels like a little victory every time. It doesn’t require any rare or expensive ingredients—just pantry staples like all-purpose flour, butter, and eggs, which get a tropical makeover from crushed pineapple and two kinds of coconut. It’s reliable, it’s stunning, and it’s pure comfort.

The Key Ingredients You’ll Need

I always insist on full-fat canned coconut milk; it creates an unbelievably rich and tender crumb that lighter milks can’t replicate. For the fruit, canned crushed pineapple in juice is my non-negotiable for consistent moisture and sweetness, a trick I perfected while developing my pineapple cheesecake.

Daniel

Tropical Dream Pineapple Coconut Cake

Escape to the tropics with this incredibly moist pineapple coconut cake, layered with a luscious coconut cream cheese frosting and toasted coconut flakes. A truly irresistible dessert for any occasion.

Print Recipe Pin Recipe

Prep Time 25 minutes mins

Cook Time 35 minutes mins

Total Time 1 hour hr

Servings: 12 servings

Course: Dessert

Cuisine: American

Calories: 525

Ingredients Equipment Method Notes

Ingredients

  

For the Pineapple Coconut Cake

• 2 1/2 cups all-purpose flour
• 1 1/2 tsp baking powder
• 1 tsp baking soda
• 1/2 tsp salt
• 1 1/2 cups granulated sugar
• 1/2 cup unsalted butter softened to room temperature
• 3 large eggs room temperature
• 1 tsp vanilla extract
• 1 can (20 oz) crushed pineapple undrained
• 1 cup sweetened shredded coconut
• 1/2 cup full-fat canned coconut milk well-shaken

For the Coconut Cream Cheese Frosting

• 8 oz cream cheese full-fat, softened to room temperature
• 1/2 cup unsalted butter softened to room temperature
• 4 cups powdered sugar sifted
• 1 tsp vanilla extract
• 1/2 tsp coconut extract optional, for extra coconut flavor
• 1 cup sweetened shredded coconut toasted, for garnish

Equipment

• 9x13-inch Baking Pan
• Large Mixing Bowl
• Medium mixing bowl
• Electric mixer (handheld or stand)
• Whisk
• Spatula
• Wire cooling rack

Method

 

To Make the Pineapple Coconut Cake

1. Preheat your oven to 350°F (175°C). Grease and flour a 9x13 inch baking pan, or line with parchment paper leaving an overhang on the sides to easily lift the cake out later.
2. In a medium bowl, whisk together the flour, baking powder, baking soda, and salt. Set aside.
3. In a large bowl using a handheld or stand mixer, beat the softened butter and granulated sugar on medium-high speed until light and fluffy, about 3-4 minutes.
4. Add the eggs one at a time, beating well after each addition. Scrape down the sides of the bowl as needed. Beat in the vanilla extract.
5. With the mixer on low speed, add the dry ingredients in three additions, alternating with the coconut milk in two additions, beginning and ending with the dry ingredients. Mix just until combined; do not overmix.
6. Using a spatula, gently fold in the entire can of undrained crushed pineapple and 1 cup of shredded coconut until just incorporated.
7. Pour the batter into the prepared pan and spread evenly. Bake for 30-35 minutes, or until a wooden skewer inserted into the center comes out clean. Let the cake cool completely in the pan on a wire rack.

To Make the Coconut Cream Cheese Frosting

1. While the cake cools, you can toast the coconut for the topping. Spread 1 cup of shredded coconut on a baking sheet and bake at 325°F (160°C) for 5-7 minutes, stirring occasionally, until golden brown. Watch it carefully as it can burn quickly. Set aside to cool.
2. In a large bowl with an electric mixer, beat the softened cream cheese and softened butter on medium speed until completely smooth and creamy, about 2 minutes.
3. Turn the mixer to low and gradually add the sifted powdered sugar, mixing until just combined. Add the vanilla and coconut extracts.
4. Increase the mixer speed to medium-high and beat for 2-3 minutes until the frosting is light, fluffy, and smooth.
5. Once the cake is completely cooled, spread the frosting evenly over the top. Sprinkle generously with the toasted coconut. Slice and serve.

Notes

Ensure all cold ingredients (butter, eggs, cream cheese) are at room temperature before you begin. This is crucial for a smooth batter and frosting.

Do not overmix the cake batter once you add the flour, as this can lead to a tough cake.

Make sure the cake is 100% cooled before frosting, otherwise the frosting will melt and slide off.

Storage: Store the cake covered in the refrigerator for up to 4 days due to the cream cheese frosting. For the best taste and texture, let it sit at room temperature for about 20-30 minutes before serving.

How I Make Tropical Dream Pineapple Coconut Cake Step-by-Step

Bringing this cake to life is one of my favorite kitchen rituals. The process begins with the cake itself, a simple but satisfying rhythm of creaming the butter and sugar until light and fluffy, then adding the eggs one by one. I love the moment when I fold in the crushed pineapple and shredded coconut; the batter transforms, becoming fragrant and beautifully textured. As the cakes bake, I move on to the coconut cream cheese frosting, which is pure bliss. The key, as with so many of my favorite frostings, is ensuring the cream cheese and butter are perfectly at room temperature. This guarantees a silky-smooth texture, a principle that also ensures success with my strawberry tres leches cake.

My Tips for the Perfect Outcome

• Always use room temperature ingredients (eggs, butter, cream cheese) for a perfectly smooth, uniform batter and frosting.
• Be gentle! Do not over-mix the cake batter after adding the flour, as this can make the cake tough.
• Lightly toasting the shredded coconut for garnish is a small step that adds a huge boost of nutty flavor.

How I Serve and Store This Dish

My favorite way to serve this cake is chilled, which lets the cream cheese frosting set beautifully. A generous sprinkle of toasted coconut over the top and sides adds a wonderful texture and visual appeal. While leftovers are a rarity, I store the cake in an airtight container in the refrigerator for up to four days. It stays remarkably moist and delicious, just like my make-ahead friendly strawberry honeybun cake.

Frequently Asked Questions

Can I use fresh pineapple instead of canned?

While I love fresh pineapple, I strongly recommend sticking with canned crushed pineapple for this specific recipe. Canned pineapple provides a consistent level of moisture and sweetness that integrates perfectly into the batter, ensuring a tender cake. Fresh pineapple can sometimes be too watery, which can alter the cake’s delicate structure.

Is it possible to make this cake ahead of time?

Absolutely! This is one of the reasons I love it for entertaining. I often bake the cake layers a day in advance. After they have cooled completely, I wrap them tightly in plastic wrap and store them at room temperature overnight. The frosting can also be prepared ahead and kept in an airtight container in the refrigerator. Just let it soften slightly and give it a quick whip before frosting the cake.

My frosting seems too soft. What should I do?

A soft frosting is usually the result of the butter or cream cheese being a bit too warm before mixing. It’s an easy fix! Simply place the entire bowl of frosting in the refrigerator for about 15 to 20 minutes to let it firm up, then give it another quick whip with your mixer until it reaches a perfectly smooth and spreadable consistency.

Why is full-fat canned coconut milk so important?

For this cake, full-fat canned coconut milk is the star player. It provides the essential fat content that results in a super moist, rich, and tender crumb. The carton variety of coconut milk is much thinner and won’t deliver the same decadent texture or intense coconut flavor that makes this cake so special.

Conclusion

This Tropical Dream Pineapple Coconut Cake holds such a special place in my heart, and I truly hope it brings as much joy and sunshine to your table as it does to mine. If you bake it, I would be thrilled to hear what you think in the comments below!