Coconut and Pineapple Tropical Cake

A moist Tropical Cake with Coconut topped with a thick layer of creamy white frosting and shredded coconut.
Tropical Cake with Coconut
By Thea RosewoodUpdated:
This tropical cake works because the acidity of the pineapple juice keeps the crumb moist and tender. It balances rich coconut fats with bright fruit for a sunny, refreshing taste.
  • Time: 10 min active + 35 min baking + 10 min resting in pans + 90 min chilling
  • Flavor & Texture: Tangy pineapple and creamy coconut with a tender crumb
  • Perfect for: Sunny weekend brunches or summer parties

Tropical Cake

The smell of toasted coconut and warm pineapple fills the kitchen the second this hits the oven. It is a bright, sunny dessert that feels like a vacation on a plate.

You can expect a tender, golden sponge that doesn't feel heavy. The frosting adds a hit of coconut milk that ties everything together.

This tropical cake is a great choice when you want something that looks impressive but doesn't require hours of decorating. It is all about those bold, island flavors.

Why This Works

  • Fruit Acids: The pineapple juice breaks down gluten proteins. This keeps the sponge moist and prevents it from getting tough.
  • Fat Balance: Butter provides structure, while coconut milk in the frosting adds a creamy, rich finish.
  • Folding Technique: Stirring in the fruit by hand instead of mixing it in prevents the batter from overworking.
Pineapple ChoiceTextureFlavor IntensityBest For
Canned CrushedConsistent, softSweet and mildEasy baking
Fresh DicedChunky, variedTart and brightTexture lovers

Ingredient Deep Dive

ComponentPurposeSubstitute Notes
Pineapple JuiceAdds moisture and tangApple juice: Less tart, change in flavor
Shredded CoconutTexture and nuttinessAlmond slivers: Crunchier, less tropical
Coconut MilkCreaminess in frostingHeavy cream: Richer, loses coconut taste
All-Purpose FlourStructural basegluten-free blend: Denser crumb

The Building Blocks

  • 2¼ cups (280g) all-purpose flour
  • 1½ cups (300g) granulated sugar
  • 2 tsp (8g) baking powder
  • ½ tsp (3g) salt
  • ¾ cup (170g) unsalted butter, softened Why this? Provides the necessary structure and richness.
  • 3 large eggs
  • 1 tsp (5ml) vanilla extract
  • ½ cup (120ml) pineapple juice
  • 1 cup (240g) crushed pineapple, drained well Why this? Adds pockets of fruit without making the cake soggy.
  • ½ cup (40g) unsweetened shredded coconut
  • 1 cup (225g) unsalted butter, softened
  • 4 cups (480g) powdered sugar
  • 3 tbsp (45ml) coconut milk
  • 2 tbsp (30ml) pineapple juice
  • 1 tsp (5ml) vanilla extract

Tools You Will Need

You will need two 9-inch round cake pans. An electric hand mixer or a stand mixer such as KitchenAid works best for creaming the butter. A rubber spatula is a must for folding in the coconut and pineapple.

Step-by-step Instructions

Preparing the Batter

  1. Set the oven to 350°F (180°C). Grease and flour two 9-inch round cake pans.
  2. In a medium bowl, whisk 280g all-purpose flour, 8g baking powder, and 3g salt together, then set aside.
  3. Use an electric mixer to beat 170g softened unsalted butter and 300g granulated sugar on medium-high speed until the mixture is pale and fluffy.
  4. Incorporate 3 large eggs individually, mixing well between each addition. Stir in 120ml pineapple juice and 5ml vanilla extract.
  5. Slowly blend in the flour mixture on low speed until just combined.
    Tropical cake batter with crushed pineapple and shredded coconut in a bowl.
  6. Using a rubber spatula, gently fold in 40g unsweetened shredded coconut and 240g drained crushed pineapple until evenly mixed. Note: Do not overmix here or the cake will be dense.

Baking to Golden Perfection

  1. Divide the batter equally between the two 9-inch pans.
  2. Bake for 30-35 minutes. Insert a toothpick into the center; the cake is ready when the tester emerges clean or with a few damp crumbs.
    Two baked golden-brown round cakes in cake pans.
  3. Let the cakes rest in the pans for 10 minutes, then move them to a cooling rack until they are fully cooled.

Finishing with Tropical Frosting

  1. Beat 225g softened unsalted butter until smooth. Slowly mix in 480g powdered sugar, adding one cup at a time.
  2. Stir in 45ml coconut milk, 30ml pineapple juice, and 5ml vanilla extract. Whip on high for 2 minutes until the frosting is airy and forms a peak.
  3. Place one cooled cake layer on a plate. Apply a thick layer of frosting, top with the second cake, and cover the top and sides with the remaining velvety frosting.
    A two-layer cake covered in smooth white frosting on a plate.
  4. Chill the assembled cake in the refrigerator for 90 minutes before slicing.

When It Does Not Turn Out

If your cake dips in the middle, you likely opened the oven door too early. This lets the heat escape and the structure collapses. Wait until at least 25 minutes have passed before checking.

If the frosting feels too soft, it usually means the butter was too warm or the kitchen is hot. Add a bit more powdered sugar or chill the frosting for 10 minutes.

Fixing Common Results

ProblemFix
Sunken CenterDo not open oven door before 25 minutes
Runny FrostingChill for 10 mins or add 2 tbsp powdered sugar
Dry SpongeReduce bake time by 2-3 minutes

Easy Tropical Cake Swaps

You can easily adjust this recipe for different tastes. If you want more texture, try a toasted coconut crunch by browning the shredded coconut in a dry pan for 2 minutes before folding it in.

For a Mango-Passionfruit Twist, swap the pineapple juice in the frosting for passionfruit puree. It adds a sharper tang that cuts through the sweetness.

If you prefer a different base, some people use coconut pineapple cake recipe ideas that incorporate coconut flour, but be careful. Coconut flour absorbs much more liquid, so this recipe is not a direct swap for coconut flour and would need retesting.

OriginalSwapResult
Crushed PineappleDiced MangoChunkier texture, floral sweetness
Powdered SugarMaple PowderEarthier, less sugary taste
Vanilla ExtractAlmond ExtractNutty aroma, tastes like wedding cake

Keeping It Fresh

Store the tropical cake in a sealed container in the fridge. It stays fresh for up to 4 days. Because of the coconut milk and fruit, it needs the cold to keep the frosting stable.

If you want to freeze it, wrap the unfrosted cake layers in plastic wrap and then foil. They keep for 3 months in the freezer. Thaw them at room temperature before you apply the frosting.

For the best experience, take the cake out of the fridge about 1 hour before serving. This allows the butter in the sponge to soften, making it much more tender.

Serving Suggestions

A slice of golden yellow cake on a white plate, layered with fluffy white icing and a dusting of coconut.

Because this cake is quite decadent, it pairs perfectly with acidic notes. Serving it with fresh mango or raspberries offers a lovely balance.

It goes well with a strong black coffee or a cold sparkling water with lime. For a polished look when serving guests, sprinkle some toasted coconut flakes on top.

Good to Know

How do I prepare this tropical cake?

Whisk dry ingredients, cream butter and sugar, then fold in pineapple and coconut. Bake at 350°F for 30-35 minutes and frost once the layers have cooled.

Is this an old-fashioned tropical cake?

Yes, it uses a traditional creamed-butter method. The combination of crushed pineapple and shredded coconut creates a classic tropical profile.

Can a beginner make this easy tropical cake?

Yes, the steps are simple. The process relies on basic mixing techniques and a standard baking time.

What flavors are used in this tropical cake?

Pineapple and coconut are the core flavors. These are incorporated using juice, crushed fruit, coconut milk, and shredded coconut.

Does this count as a pineapple cake?

Yes, since it contains pineapple in both the cake and frosting. It is essentially a pineapple-coconut hybrid.

Why should I chill the cake before slicing?

Refrigerate for 90 minutes to set the frosting. This prevents the layers from sliding and ensures the slices look clean.

Tropical Cake with Coconut

Tropical Cake with Coconut Recipe Card
Tropical Cake with Coconut Recipe Card
4.2 / 5 (6 Reviews)
Preparation time:10 Mins
Cooking time:35 Mins
Resting time:1 Hrs 40 Mins
Total time:2 Hrs 25 Mins
Servings:12 slices
Category: DessertCuisine: American
print Pin

Ingredients:

Instructions:

Nutrition Facts
Per serving
Calories
637 kcal
% Daily Value*
Total Fat 29.8g
   Saturated Fat 16.8g
Sodium 129mg
Total Carbohydrate 86.3g
   Dietary Fiber 1.2g
   Total Sugars 67.3g
Protein 4.8g
* Percent Daily Values are based on a 2,000 calorie diet.
Rate This Recipe
How many stars?
Your Turn:
Submit Review:
Ratings at a Glance
5
(3)
4
(1)
3
(2)
2
(0)
1
(0)
Jump to Recipe