Moist, Fluffy, and Full of Tropical Flavor!
This Coconut Pineapple Cake is a delicious tropical dessert made with sweet crushed pineapple, shredded coconut, and a soft, moist cake crumb. Topped with creamy coconut cream cheese frosting and extra shredded coconut, this cake is perfect for birthdays, family gatherings, holidays, potlucks, or whenever you’re craving something sweet!
📝 Prep Time & Details
- Prep Time: 20 minutes
- Bake Time: 30–40 minutes
- Cooling Time: 1 hour
- Total Time: Approximately 2 hours
- Servings: 12 slices
- Oven Temperature: 350°F (175°C)
🥥 Ingredients
For the Cake
- 2 ½ cups (315 g) all-purpose flour
- 1 ½ teaspoons baking powder
- ½ teaspoon baking soda
- ½ teaspoon salt
- ½ cup (113 g) unsalted butter, softened
- ¾ cup (150 g) granulated sugar
- ½ cup (100 g) light brown sugar
- 3 large eggs, room temperature
- 1 teaspoon vanilla extract
- ½ teaspoon coconut extract (optional)
- ¾ cup (180 ml) canned coconut milk, well stirred
- ½ cup (120 g) sour cream
- 1 cup (225 g) crushed pineapple, well drained
- 1 cup (80 g) sweetened shredded coconut
For the Coconut Cream Cheese Frosting
- 8 oz (225 g) cream cheese, softened
- ½ cup (113 g) unsalted butter, softened
- 3 cups (360 g) powdered sugar
- 1 teaspoon vanilla extract
- ½ teaspoon coconut extract (optional)
- 2–3 tablespoons coconut milk, as needed
For Decoration
- 1 cup (80 g) shredded coconut
- Pineapple chunks or wedges (optional)
- Toasted coconut flakes (optional)
- White chocolate shavings (optional)
- Maraschino cherries (optional)
👩🍳 Instructions
Step 1: Prepare the Oven
Preheat the oven to 350°F (175°C). Grease and flour two 8-inch round cake pans and line the bottoms with parchment paper.
Step 2: Mix the Dry Ingredients
In a medium bowl, whisk together the flour, baking powder, baking soda, and salt. Set aside.
Step 3: Cream the Butter and Sugars
In a large mixing bowl, beat the softened butter, granulated sugar, and brown sugar for 2–3 minutes until light and fluffy. Add the eggs one at a time, beating well after each addition. Mix in the vanilla extract and optional coconut extract.
Step 4: Prepare the Batter
In a separate bowl, combine the coconut milk and sour cream. Gradually add the dry ingredients to the butter mixture, alternating with the coconut milk mixture. Begin and end with the dry ingredients, mixing just until combined.
Gently fold in the well-drained crushed pineapple and shredded coconut. Avoid overmixing to keep the cake soft and tender.
Step 5: Bake the Cake
Divide the batter evenly between the prepared cake pans. Bake for 30–40 minutes, or until a toothpick inserted into the center comes out clean or with a few moist crumbs.
Allow the cakes to cool in the pans for 10–15 minutes before transferring them to wire racks. Let them cool completely before frosting.
Step 6: Make the Frosting
In a large bowl, beat the softened cream cheese and butter until smooth and creamy. Gradually add the powdered sugar, beating until fluffy. Mix in the vanilla extract and optional coconut extract.
Add coconut milk, one tablespoon at a time, until the frosting reaches a smooth, spreadable consistency.
Step 7: Assemble the Cake
Place one completely cooled cake layer on a serving plate. Spread an even layer of frosting over the top. Place the second cake layer on top, then frost the top and sides of the cake.
Press shredded coconut gently onto the frosting. Decorate with pineapple pieces, toasted coconut flakes, white chocolate shavings, or cherries if desired.
Step 8: Chill and Serve
Refrigerate the cake for 30–60 minutes to help the frosting set. Slice with a sharp knife and serve chilled or allow the slices to sit at room temperature for 15–20 minutes before serving.
⭐ Extra Recipe Tips & Variations
- Drain the pineapple well: Excess juice can make the cake too wet or dense. Gently press the crushed pineapple through a fine-mesh strainer before measuring.
- Use room-temperature ingredients: Eggs, butter, sour cream, and cream cheese blend more evenly when softened or brought to room temperature.
- Avoid overmixing: Mix the batter only until the ingredients are combined for a soft, tender texture.
- Use full-fat coconut milk: Canned coconut milk adds richness and a more pronounced coconut flavor.
- Make a sheet cake: Bake the batter in a greased 9 × 13-inch pan, beginning to check for doneness after about 30 minutes.
- Make cupcakes: Divide the batter into lined muffin cups and bake for approximately 18–22 minutes.
- Make it less sweet: Use unsweetened shredded coconut and slightly reduce the powdered sugar in the frosting, adjusting the consistency as needed.
🤫 Flavor Upgrades & Secret Tips
- Toast the coconut: Toast some of the shredded coconut in a dry skillet over medium-low heat until lightly golden. Let it cool before decorating for a deeper, nuttier flavor.
- Add lime zest: Mix 1 teaspoon of finely grated lime zest into the batter to brighten the tropical flavors.
- Boost the pineapple flavor: Simmer 2 tablespoons of reserved pineapple juice with 1 tablespoon of sugar until dissolved. Cool completely and lightly brush the cake layers with the syrup before frosting. Use sparingly to avoid sogginess.
- Add extra coconut flavor: A small amount of coconut extract makes the cake taste even more tropical.
- Chill before slicing: Refrigerating the assembled cake helps the frosting set and produces neater slices.
🍽️ Serving Ideas
- Serve with fresh pineapple, mango, strawberries, or kiwi.
- Pair with coffee, iced tea, lemonade, or your favorite tropical drink.
- Add a scoop of vanilla ice cream for an extra-special dessert.
- Decorate with toasted coconut and fresh pineapple for birthdays and celebrations.
- Cut into small squares for potlucks, parties, and dessert tables.
🧊 Storage & Meal Prep Tips
- Refrigerator: Store the frosted cake in an airtight container for up to 4 days because of the cream cheese frosting.
- Freezer: Freeze unfrosted cake layers, tightly wrapped, for up to 2–3 months for best quality.
- Make ahead: Bake the cake layers a day in advance, allow them to cool completely, wrap tightly, and refrigerate. Prepare the frosting and assemble the cake the following day.
- Freeze individual slices: Wrap slices individually and store them in a freezer-safe container. For the best texture, freeze without fresh fruit decorations.
- Thawing: Thaw frozen cake in the refrigerator overnight.
- Food safety: Keep the cream cheese-frosted cake refrigerated. Avoid leaving it at room temperature for more than 2 hours, or more than 1 hour in temperatures above 90°F (32°C).
📊 Nutrition Information
Estimated nutrition per slice, based on 12 servings:
- Calories: 520–590 kcal
- Protein: 5–7 g
- Carbohydrates: 65–78 g
- Fat: 25–32 g
Nutrition values are estimates and may vary depending on the ingredients, frosting quantity, and serving size.
❓ Frequently Asked Questions
Can I use fresh pineapple instead of canned pineapple?
Yes! Finely chop fresh pineapple and drain any excess juice before adding it to the batter.
Can I use pineapple chunks instead of crushed pineapple?
Yes, but chop the chunks into small pieces so they distribute evenly throughout the cake.
Can I make this cake without coconut extract?
Absolutely. Vanilla extract works beautifully, and the coconut milk and shredded coconut will still provide plenty of coconut flavor.
Why did my cake turn out dense?
The most common reasons are excess pineapple juice, too much flour, overmixing, or ingredients that were too cold. Measure carefully and mix the batter gently.
Can I make this cake in one pan?
Yes. Use a greased 9 × 13-inch baking pan and begin checking for doneness after approximately 30 minutes. Baking time may vary depending on your oven.
Does Coconut Pineapple Cake need refrigeration?
Yes. Because this recipe uses cream cheese frosting, the cake should be stored in the refrigerator.
Can I make it ahead of time?
Yes! Bake the cake layers one day ahead and refrigerate them after cooling and wrapping. Frost and decorate the cake before serving.
Can I use whipped cream instead of cream cheese frosting?
Yes. Stabilized whipped cream creates a lighter topping, but the cake must remain refrigerated and the frosting may be less sturdy.
📱 Social Media Captions
Facebook Caption 1
🍍🥥 Coconut Pineapple Cake — a little taste of paradise! This moist, fluffy cake combines sweet pineapple, tropical coconut, and creamy frosting for the ultimate dessert. Perfect for family gatherings, birthdays, or whenever you’re craving something sweet! Would you try a slice? 😍👇
#CoconutPineappleCake #HomemadeDessert #CakeLovers #PineappleDessert
Facebook Caption 2
Who else loves the combination of pineapple and coconut? 🍍🥥 This Coconut Pineapple Cake is soft, creamy, sweet, and packed with tropical flavor in every bite! Save this recipe and make it for your next family gathering. 🍰💛
#EasyDessert #TropicalCake #BakingLove
Instagram Caption 1
Sunshine in every slice! ☀️🍍🥥 Moist pineapple cake, sweet coconut, and dreamy cream cheese frosting make this dessert impossible to resist. Save this recipe for your next baking day! 💛
#CoconutPineappleCake #TropicalDessert #PineappleCake #CoconutLovers #DessertIdeas #BakingFromScratch
Instagram Caption 2
Your next favorite cake might be right here! 🍰✨ Sweet pineapple, fluffy coconut cake, and creamy frosting come together in one delicious tropical treat. Who wants a slice? 😍
#HomemadeCake #SweetTreats #CakeRecipe #TropicalFlavors
🍰 Final Food Description
Coconut Pineapple Cake is a soft, moist, tropical-inspired dessert that combines the juicy sweetness of pineapple with the rich, delicate flavor of coconut. Every bite features a tender cake crumb, little bursts of pineapple, and a hint of coconut, all topped with smooth cream cheese frosting and a generous coating of shredded coconut. The result is a beautiful balance of fruity sweetness, creamy richness, and irresistible tropical flavor. Perfect for birthdays, holidays, summer celebrations, or simply enjoying with a cup of coffee, this cake brings a little sunshine to every occasion! 🍍🥥✨