When you want a cake that tastes like a vacation, Moist Pineapple Coconut Cake is the perfect bake. It’s soft, fluffy, and packed with juicy pineapple and sweet coconut in every bite. Finished with a creamy frosting, this cake is refreshing, rich, and incredibly satisfying—without being heavy.
Unlike dry or bland coconut cakes, this homemade version stays moist for days thanks to crushed pineapple and a well-balanced batter. It’s ideal for birthdays, potlucks, holidays, or anytime you want a bright, tropical dessert that impresses with minimal effort.
Ingredients
Serves 12 (9×13-inch cake or two 8-inch layers)
Cake Batter
- 2 1/2 cups (315g) all-purpose flour
- 2 teaspoons baking powder
- 1/2 teaspoon baking soda
- 1/2 teaspoon salt
- 1 cup (200g) granulated sugar
- 1/2 cup (100g) brown sugar
- 3 large eggs, room temperature
- 3/4 cup (180ml) vegetable oil (or melted butter for richer flavor)
- 1 cup (240ml) coconut milk (or whole milk)
- 1 teaspoon vanilla extract
- 1 teaspoon coconut extract (optional, for extra coconut flavor)
- 1 can (20 oz / 565g) crushed pineapple with juice (do not drain)
- 1 cup (80g) sweetened shredded coconut
Creamy Frosting (Coconut Cream Cheese Frosting)
- 8 oz (225g) cream cheese, softened
- 1/2 cup (115g) unsalted butter, softened
- 2 1/2 cups (300g) powdered sugar
- 1 teaspoon vanilla extract
- 1/2 teaspoon coconut extract (optional)
- 2–3 tablespoons coconut milk (as needed for consistency)
Topping (Optional but Recommended)
- 1/2 cup (40g) toasted coconut flakes
- Pineapple chunks or maraschino cherries for garnish (optional)
Preparation Time
- Prep time: 20 minutes
- Bake time: 30–35 minutes
- Cooling time: 45–60 minutes
- Total time: About 1 hour 30 minutes
Step-by-Step Instructions
Step 1: Preheat and Prep
Preheat oven to 350°F (175°C).
Grease a 9×13-inch pan (or line with parchment). If making layers, grease and line two 8-inch cake pans.
Step 2: Mix Dry Ingredients
In a bowl, whisk flour, baking powder, baking soda, and salt. Set aside.
Step 3: Mix Wet Ingredients
In a large bowl, whisk granulated sugar, brown sugar, eggs, oil, coconut milk, vanilla, and coconut extract (if using) until smooth.
Step 4: Add Pineapple and Coconut
Stir in the crushed pineapple with its juice and shredded coconut.
Step 5: Combine and Bake
Add dry ingredients to wet ingredients and mix just until combined (do not overmix).
Pour batter into the pan(s).
- 9×13 cake: bake 30–35 minutes
- 8-inch layers: bake 25–30 minutes
Cake is done when a toothpick comes out with a few moist crumbs.
Step 6: Cool
Cool in the pan for 15 minutes, then transfer to a rack to cool completely before frosting.
Step 7: Make the Frosting
Beat cream cheese and butter until smooth. Add powdered sugar gradually, then mix in vanilla and coconut extract.
Add coconut milk 1 tablespoon at a time until fluffy and spreadable.
Step 8: Frost and Finish
Frost the cooled cake. Top with toasted coconut and garnish if desired. Slice and serve.
Serving Suggestions
- Serve chilled for a denser, “tres leches-like” moist texture.
- Pair with fresh berries or mango for a fruit-forward plate.
- Add a scoop of vanilla ice cream for an extra indulgent dessert.
- Sprinkle extra toasted coconut on each slice for crunch.
- Serve with iced coffee or coconut latte for a tropical combo.
Nutritional Highlights
| Nutrient | Per Serving (1 slice, 1/12 cake) |
|---|---|
| Calories | 420 |
| Protein | 5 grams |
| Total Fat | 22 grams |
| Saturated Fat | 10 grams |
| Carbohydrates | 52 grams |
| Sugars | 34 grams |
| Fiber | 2 grams |
| Sodium | 260 milligrams |
Nutritional Notes:
- Pineapple adds natural sweetness and moisture, plus vitamin C.
- Coconut contributes flavor and texture, plus some healthy fats.
- Using coconut milk enhances richness without needing extra butter.
Tips for the Moistest Cake
- Do not drain the crushed pineapple—its juice is key for moisture.
- Mix only until combined to keep the cake tender.
- Toast coconut topping for deeper flavor and a prettier finish.
- Let the cake cool fully before frosting to prevent melting.
- Store covered in the fridge for maximum freshness and moisture.
Variations to Try
- Pineapple Coconut Sheet Cake: Bake in a 9×13 pan and serve as easy squares.
- Lime Twist: Add 1 tablespoon lime zest to the batter and a squeeze of lime to the frosting.
- Rum Flavor (non-alcohol extract): Use rum extract for a Caribbean-style note.
- Nutty Crunch: Add chopped pecans or macadamia nuts to the batter.
- Cupcakes: Bake as cupcakes for 18–20 minutes and frost individually.
This Moist Pineapple Coconut Cake is the perfect tropical dessert—soft, tender, and loaded with sunny pineapple-coconut flavor. Easy to make, beautifully moist, and ideal for gatherings, it’s the kind of cake that gets requested again and again.
Whether you serve it as a simple sheet cake or stack it into layers, this recipe guarantees a sweet, moist, tropical bite every time.
Leave a Reply