Pineapple Coconut Dream Cake is the perfect dessert to add to your recipe collection.
This dreamy homemade cake combines a soft, fluffy vanilla cake with juicy crushed pineapple, creamy coconut frosting, and a generous coating of shredded coconut. Every bite is moist, refreshing, and filled with the delicious flavors of a tropical paradise.
Perfect for summer gatherings, birthdays, Easter celebrations, potlucks, or simply enjoying a sweet treat with your afternoon coffee, this cake is guaranteed to impress.
The best part? It’s easy to prepare using simple ingredients, and the flavors become even more delicious after chilling in the refrigerator.
Why You’ll Love This Pineapple Coconut Dream Cake
- Moist and fluffy: Pineapple adds natural sweetness and moisture.
- Creamy coconut frosting: A rich, smooth topping creates a dreamy texture.
- Tropical flavor: Sweet pineapple and coconut make a delicious combination.
- Easy to prepare: Simple ingredients and straightforward instructions.
- Perfect for gatherings: A beautiful dessert for celebrations and holidays.
- Make-ahead friendly: Chilling allows the flavors to blend beautifully.
Recipe Details
| Recipe Information | Details |
|---|---|
| Preparation Time | 25 minutes |
| Baking Time | 30–35 minutes |
| Cooling Time | 1 hour |
| Chilling Time | 2 hours |
| Total Time | Approximately 4 hours |
| Servings | 12–15 |
| Course | Dessert |
| Cuisine | American |
| Oven Temperature | 350°F (175°C) |
| Difficulty | Easy |
Ingredients for Pineapple Coconut Dream Cake
For the Cake
- 2½ cups (315 g) all-purpose flour
- 1½ cups (300 g) granulated sugar
- ½ cup (115 g) unsalted butter, softened
- ½ cup (120 ml) vegetable oil
- 3 large eggs, room temperature
- 1 cup (240 ml) coconut milk
- 1 teaspoon vanilla extract
- 2 teaspoons baking powder
- ½ teaspoon baking soda
- ½ teaspoon salt
- 1 cup (225 g) crushed pineapple, well drained
- ½ cup (40 g) sweetened shredded coconut
For the Creamy Coconut Frosting
- 8 oz (225 g) cream cheese, softened
- ½ cup (115 g) unsalted butter, softened
- 2 cups (240 g) powdered sugar
- 1 teaspoon vanilla extract
- ½ teaspoon coconut extract
- 1 cup (240 ml) heavy whipping cream, cold
For the Pineapple Coconut Topping
- ½ cup (115 g) crushed pineapple, well drained
- 1 cup (80 g) sweetened shredded coconut
- ¼ cup chopped pineapple chunks, optional
- 2 tablespoons toasted coconut flakes, optional
How to Make Pineapple Coconut Dream Cake
Step 1: Prepare the Oven and Baking Pan
Preheat your oven to 350°F (175°C).
Grease a 9 × 13-inch baking pan with butter or nonstick cooking spray.
Lightly dust the pan with flour or line it with parchment paper to make removing and serving the cake easier.
Step 2: Prepare the Dry Ingredients
In a medium mixing bowl, whisk together the flour, baking powder, baking soda, and salt.
Mixing these ingredients separately helps distribute the leavening agents evenly throughout the cake.
Set aside.
Step 3: Cream the Butter and Sugar
In a large mixing bowl, beat the softened butter and granulated sugar together for approximately 3 minutes until light and creamy.
Add the vegetable oil and continue mixing until smooth.
The combination of butter and oil creates a delicious buttery flavor while helping the cake remain moist.
Step 4: Add the Eggs and Vanilla
Add the eggs one at a time, beating well after each addition.
Stir in the vanilla extract.
The mixture should look smooth and creamy.
Step 5: Add the Coconut Milk and Flour
Gradually add the dry ingredients to the butter mixture, alternating with the coconut milk.
Begin and end with the flour mixture.
Mix gently until just combined. Avoid overmixing, as this can make the cake dense.
Step 6: Fold in the Pineapple and Coconut
Gently fold the drained crushed pineapple and shredded coconut into the batter.
Make sure the pineapple is well drained to prevent excess moisture from affecting the cake’s texture.
The batter should be thick, creamy, and filled with delicious tropical ingredients.
Step 7: Bake the Cake
Pour the batter into the prepared baking pan.
Spread evenly with a spatula.
Bake at 350°F (175°C) for approximately 30–35 minutes, or until a toothpick inserted into the center comes out clean or with a few moist crumbs.
If the cake begins browning too quickly, loosely cover it with aluminum foil.
Step 8: Cool Completely
Remove the cake from the oven and allow it to cool in the pan for approximately 15 minutes.
Transfer it to a wire rack if desired and let it cool completely before adding the frosting.
Adding frosting to a warm cake can cause it to melt and become too soft.
How to Make the Creamy Coconut Frosting
Step 1: Beat the Cream Cheese and Butter
In a large mixing bowl, beat the softened cream cheese and butter together until smooth and creamy.
This usually takes approximately 2–3 minutes.
Step 2: Add the Powdered Sugar
Gradually add the powdered sugar, mixing on low speed until incorporated.
Add the vanilla extract and coconut extract.
Continue beating until the frosting is smooth and fluffy.
Step 3: Whip the Heavy Cream
In a separate chilled bowl, beat the cold heavy whipping cream until stiff peaks form.
Be careful not to overwhip, as this can cause the cream to become grainy.
Step 4: Fold Everything Together
Gently fold the whipped cream into the cream cheese mixture using a spatula.
Continue folding until the frosting is light, fluffy, and evenly combined.
Refrigerate the frosting for approximately 15 minutes if it feels too soft to spread.
Assemble the Pineapple Coconut Dream Cake
Step 1: Frost the Cake
Once the cake has cooled completely, spread the coconut frosting evenly over the top.
Use a spatula to create soft swirls or a smooth finish.
Step 2: Add the Pineapple Topping
Sprinkle the well-drained crushed pineapple over the frosting.
For a beautiful presentation, add a few small pineapple chunks.
Step 3: Add the Coconut
Generously sprinkle shredded coconut over the top.
For extra flavor, lightly toast some coconut flakes in a dry skillet until golden brown and scatter them over the cake.
Step 4: Chill Before Serving
Place the cake in the refrigerator for at least 2 hours.
Chilling allows the frosting to set and the pineapple and coconut flavors to blend beautifully.
Slice into squares and serve chilled.
Tips for the Best Pineapple Coconut Dream Cake
Drain the Pineapple Properly
Excess pineapple juice can make the cake soggy.
Use a fine-mesh strainer and gently press the crushed pineapple to remove excess liquid before adding it to the batter.
Use Full-Fat Coconut Milk
Full-fat coconut milk adds richness and a lovely coconut flavor.
Shake the can well before measuring.
Make Sure the Cake Is Completely Cool
Always allow the cake to cool completely before frosting.
This keeps the frosting thick, creamy, and beautifully spreadable.
Chill Before Serving
This cake tastes especially delicious after several hours in the refrigerator.
The chilled texture makes it refreshing and allows the flavors to develop.
Toast the Coconut for Extra Flavor
Toasted coconut adds a delicious nutty aroma and a little crunch that contrasts beautifully with the soft cake and creamy frosting.
Delicious Variations
| Variation | How to Make It |
|---|---|
| Pineapple Coconut Poke Cake | Poke holes in the baked cake and pour sweetened coconut milk over it before frosting |
| Pineapple Coconut Layer Cake | Divide batter between two 8-inch cake pans |
| Tropical Dream Cake | Add chopped mango or passion fruit |
| Pineapple Almond Cake | Add ½ teaspoon almond extract and sliced almonds |
| Gluten-Free Version | Use a suitable 1:1 gluten-free baking flour blend |
| Dairy-Free Version | Use dairy-free butter, coconut milk, and suitable dairy-free frosting ingredients |
Storage and Freezing Instructions
Refrigerator
Because this cake contains cream cheese and whipped cream frosting, it should be stored in the refrigerator.
Place the cake in an airtight container and refrigerate for up to 4 days.
Serve chilled for the best texture and flavor.
Freezer
The unfrosted cake can be frozen for up to 3 months.
- Allow the cake to cool completely.
- Wrap it tightly in plastic wrap.
- Place it in a freezer-safe container.
- Freeze for up to 3 months.
- Thaw overnight in the refrigerator before frosting.
Freezing the fully assembled cake is possible, but the whipped cream frosting may change texture after thawing.
Nutrition Information
The following values are approximate and based on 15 servings.
| Nutrient | Per Serving |
|---|---|
| Calories | 430 kcal |
| Protein | 5 g |
| Carbohydrates | 48 g |
| Fat | 25 g |
| Saturated Fat | 15 g |
| Fiber | 2 g |
| Sugar | 32 g |
| Sodium | 220 mg |
Nutrition values may vary depending on the ingredients and brands used.
Frequently Asked Questions
Can I use fresh pineapple instead of canned pineapple?
Yes! Fresh pineapple works beautifully.
Finely chop the pineapple and drain any excess juice before adding it to the cake batter or topping.
Can I use a boxed cake mix?
Absolutely. A yellow or vanilla cake mix can be used as a shortcut.
Prepare the cake according to the package instructions, fold in drained crushed pineapple and shredded coconut, and bake according to the recommended temperature and time.
Why is my pineapple coconut cake soggy?
Excess pineapple juice or underbaking can make the cake soggy.
Drain the pineapple well and ensure the cake is fully baked before removing it from the oven.
Can I make this cake a day ahead?
Yes! This cake is perfect for making ahead.
Prepare it the day before serving and keep it refrigerated. The flavors will blend beautifully overnight.
Can I make this recipe without coconut extract?
Yes. Simply omit the coconut extract and use vanilla extract instead.
The coconut milk and shredded coconut will still provide plenty of coconut flavor.
