Tropical Pineapple Coconut Dream Cake

This tropical pineapple coconut dream cake is the ultimate show-stopping dessert that tastes like a vacation in every bite. With layers of moist pineapple-infused cake, fluffy coconut frosting, and toasted coconut flakes, it’s perfect for summer parties, birthdays, or any time you’re craving something bright and tropical.

The combination of sweet pineapple and rich coconut creates a flavor profile that’s both refreshing and indulgent. This cake is surprisingly easy to make from scratch, and it always gets rave reviews. Whether you’re an experienced baker or just starting out, you’ll love how this recipe comes together with simple ingredients and straightforward steps.

Why You’ll Love This Recipe

Save Pin

This tropical cake delivers bakery-quality results right in your own kitchen. The pineapple keeps the cake incredibly moist while adding natural sweetness and a subtle tang that balances the richness of the coconut. Unlike heavy cakes that weigh you down, this one feels light and summery.

The coconut cream cheese frosting is silky smooth and not overly sweet. It spreads beautifully between layers and pipes perfectly for decoration. Plus, you can make this cake a day ahead—it actually tastes even better after the flavors have time to meld together in the fridge.

Toasted coconut flakes on top add the perfect crunchy texture contrast. They’re easy to make and give the cake that professional, finished look that’ll have everyone asking for your recipe.

Read More: Cinnamon Crumb Sourdough Discard Coffee Cake

Key Ingredients

Save Pin

Crushed pineapple is the star ingredient that makes this cake so moist and flavorful. Use canned crushed pineapple in juice (not syrup) and don’t drain it—the juice goes right into the batter. Room temperature pineapple incorporates better into the mixture.

Coconut milk and shredded coconut double down on tropical flavor. Full-fat coconut milk gives the cake richness, while sweetened shredded coconut adds texture throughout. Make sure to use sweetened coconut for the cake layers and unsweetened for toasting if you prefer less sweetness.

Cream cheese creates the most luscious frosting base. It needs to be fully softened to room temperature so it whips smoothly without lumps. The tanginess of cream cheese perfectly complements both the pineapple and coconut flavors.

Additional essentials:

How to Make It

Save Pin

Start by prepping your pans and bringing all refrigerated ingredients to room temperature. This ensures even mixing and a better cake texture. Toasting your coconut flakes ahead of time also allows them to cool completely before decorating.

The batter comes together quickly using the creaming method. Beat butter and sugar until fluffy, add eggs one at a time, then alternate adding dry ingredients with the pineapple mixture. The batter will be relatively thick but pourable—don’t worry if it looks a bit lumpy from the pineapple and coconut.

Baking at the right temperature is crucial for moist layers. Cool the cakes completely in the pans before removing to prevent crumbling. While the cakes cool, make your frosting by whipping cream cheese and butter until fluffy, then adding powdered sugar and coconut.

Save Pin

Tropical Pineapple Coconut Dream Cake

Recipe by Emma BrooksCourse: DessertCuisine: AmericanDifficulty: Intermediate

Servings

12

servings

Prep time

25

minutes

Cooking time

1

hour 

30

minutes

Total time

1

hour 

55

minutes

A moist, three-layer tropical cake loaded with pineapple and coconut, topped with cream cheese coconut frosting and toasted coconut flakes.

Ingredients

• For the Cake:

• 2¾ cups all-purpose flour

• 2½ teaspoons baking powder

• ½ teaspoon baking soda

• ½ teaspoon salt

• 1 cup unsalted butter, softened

• 1¾ cups granulated sugar

• 4 large eggs, room temperature

• 2 teaspoons vanilla extract

• 1 teaspoon coconut extract

• 1 cup coconut milk (full-fat)

• 1 cup crushed pineapple with juice (from 20 oz can)

• 1 cup sweetened shredded coconut

• For the Coconut Cream Cheese Frosting:

• 16 oz cream cheese, softened

• 1 cup unsalted butter, softened

• 6 cups powdered sugar

• 2 teaspoons vanilla extract

• 1 teaspoon coconut extract

• ¼ cup coconut milk

• Pinch of salt

• For Topping:

• 1½ cups sweetened shredded coconut, toasted

• Fresh pineapple slices or flowers (optional)

Directions

• Prep: Preheat oven to 350°F. Grease and flour three 8-inch round cake pans, then line bottoms with parchment paper. Toast coconut for topping in a dry skillet over medium heat until golden, about 5 minutes, stirring constantly. Set aside to cool.
• Mix dry ingredients: In a medium bowl, whisk together flour, baking powder, baking soda, and salt. Set aside.
• Cream butter and sugar: In a large bowl with an electric mixer, beat softened butter and granulated sugar on medium-high speed for 3-4 minutes until light and fluffy.
• Add eggs and extracts: Beat in eggs one at a time, mixing well after each addition. Add vanilla and coconut extracts and mix until combined.
• Combine wet ingredients: In a separate bowl or large measuring cup, mix together coconut milk and crushed pineapple with its juice.
• Alternate adding ingredients: With mixer on low speed, add flour mixture in three additions, alternating with pineapple mixture in two additions. Begin and end with flour. Mix just until combined after each addition.
• Fold in coconut: Gently fold in the shredded coconut by hand using a spatula until evenly distributed throughout the batter.
• Bake: Divide batter evenly among the three prepared pans (about 2⅓ cups batter per pan). Bake for 28-32 minutes, until a toothpick inserted in the center comes out clean and tops spring back when lightly touched.
• Cool: Let cakes cool in pans for 15 minutes, then turn out onto wire racks. Remove parchment and cool completely before frosting (at least 1 hour).
• Make frosting: Beat cream cheese and butter together until smooth and fluffy, about 3 minutes. Add powdered sugar one cup at a time, beating on low then increasing to medium speed. Add vanilla extract, coconut extract, coconut milk, and salt. Beat on high for 2-3 minutes until light and fluffy.
• Assemble: Place first cake layer on serving plate. Spread about 1 cup frosting evenly on top. Add second layer and repeat. Place final layer on top. Apply a thin crumb coat over entire cake and refrigerate for 20 minutes.
• Finish: Apply remaining frosting to top and sides of cake. Press toasted coconut onto sides and top of cake. Garnish with fresh pineapple if desired. Refrigerate at least 30 minutes before slicing.

Notes

• Storage: Store covered in refrigerator for up to 5 days. Bring to room temperature 30 minutes before serving for best texture.
  Make ahead: Cake layers can be baked, cooled, wrapped tightly in plastic wrap, and frozen for up to 3 months. Thaw in refrigerator overnight before assembling.
• 
  Substitutions: Can’t find coconut extract? Use all vanilla instead. For dairy-free, use vegan butter and cream cheese alternatives. Use unsweetened coconut to reduce overall sweetness.
  Pro tips: Don’t skip the crumb coat—it makes the final frosting layer smooth and professional-looking. Toast coconut just before using to ensure maximum crunch.
  Nutrition: Approximately 680 calories per serving

Frosting Tips

Achieving the perfect frosting consistency makes all the difference in how your cake appears. The cream cheese and butter must be at the same temperature—if one is colder than the other, the frosting can separate or become lumpy. Beat the mixture longer than you think you need to for maximum fluffiness.

If your frosting feels too soft to work with, refrigerate it for 15-20 minutes and give it a quick whip before using. If it’s too stiff, add coconut milk one tablespoon at a time until you reach the perfect spreadable consistency. The frosting should hold its shape but spread smoothly.

A crumb coat is your secret weapon for bakery-style results. Spread a thin layer of frosting over the entire cake to seal in crumbs, then chill before adding the final thick layer. This prevents cake crumbs from mixing into your beautiful white frosting.

Decoration Ideas

Save Pin

Toasted coconut is the classic topping for this tropical cake, but there are so many fun ways to make it your own. Press the toasted coconut onto the sides by holding handfuls against the frosting—it looks impressive and adds amazing texture. Leave the top smooth or cover it completely, depending on your preference.

Fresh pineapple flowers make stunning edible decorations. Slice the pineapple very thin, bake at 225°F for about 2 hours until dried, then shape them into flowers while still warm. You can also use fresh pineapple wedges, maraschino cherries, or edible flowers for a tropical vibe.

Pipe decorative swirls or rosettes on top using a piping bag fitted with a large star tip. A simple border around the top edge adds polish without requiring advanced piping skills. Drizzle with white chocolate or add a sprinkle of gold luster dust for extra elegance.

Serving Suggestions

Save Pin

This cake is stunning as the centerpiece of any dessert table. Serve it at room temperature for the best flavor and texture—the frosting becomes soft and creamy, while the cake layers are perfectly moist. Slice with a sharp knife, wiping it clean between cuts for neat slices.

Pair each slice with a scoop of vanilla bean ice cream or a dollop of freshly whipped cream. The cool creaminess contrasts beautifully with the tropical flavors. For an adult twist, brush the cake layers with coconut rum before frosting, or serve with a rum-spiked whipped cream.

This cake works wonderfully for summer birthdays, luau parties, bridal showers, or Easter celebrations. It’s also perfect for bake sales—wrap individual slices in clear cellophane tied with ribbon. The visual appeal and incredible taste make it a guaranteed crowd-pleaser at any gathering.

Storage and Make-Ahead Tips

Save Pin

Store this tropical dream cake covered in the refrigerator for up to 5 days. The pineapple and coconut milk keep it incredibly moist, so it actually tastes better on day two and three as the flavors develop. Use a cake dome or cover loosely with plastic wrap to protect the frosting.

For make-ahead convenience, bake the cake layers up to 2 days in advance. Once completely cooled, wrap each layer tightly in plastic wrap, then again in aluminum foil. Store at room temperature if using within 24 hours, or refrigerate for up to 2 days. Bring to room temperature before frosting for easier assembly.

The frosting can be made up to 3 days ahead and stored in an airtight container in the refrigerator. Before using, let it come to room temperature completely, then re-whip it for 2-3 minutes until fluffy. Assembled cakes freeze beautifully—wrap the whole cake or individual slices tightly and freeze for up to 3 months.

Frequently Asked Questions