Classic Tropical Twist Pineapple Upside-Down Cake

🕒 Prep: 15 min
🔥 Cook: 50 min
🍽 Serves: 9
★★★★★
Be the First to Review!

This Tropical Twist Pineapple Upside-Down Cake is a refreshing take on a classic favorite. With the vibrant flavors of coconut and lime, it's a delightful escape to a tropical paradise in cake form!

Classic Tropical Twist Pineapple Upside-Down Cake

This post may contain affiliate links. As an Amazon Associate, we earn from qualifying purchases.

Ingredients for Classic Tropical Twist Pineapple Upside-Down Cake

Ingredients for Classic Tropical Twist Pineapple Upside-Down Cake

Butter is the base for the rich caramel sauce that forms the delicious topping. Light brown sugar pairs with butter to create a deep, molasses-like sweetness. The star, of course, is the pineapple rings, which provide a juicy, tangy contrast to the sweet topping. Maraschino cherries add a pop of color and a sweet burst in every slice.

The cake base includes all-purpose flour for structure, and granulated sugar for sweetness. Unsweetened shredded coconut brings texture and a hint of tropical flair. Coconut milk and pineapple juice make the cake wonderfully moist. Baking powder gives it just the right lift, while salt balances the flavors. Vanilla extract and coconut extract enhance the tropical notes, and lime zest adds a refreshing aroma. Finally, eggs bind everything together.

Why This Classic Tropical Twist Pineapple Upside-Down Cake Works

In the pan, the melted butter and brown sugar melt together and thicken into a sticky sauce. As it bakes, that sauce soaks into the pineapple rings and the cake batter on top, so the bottom of the cake (which later becomes the top) stays moist and a little gooey instead of drying out. The pineapple and cherries sit right in that hot syrup, so they soften and cling to the cake instead of sliding off when it is flipped.

Inside the batter, the baking powder and eggs puff up in the oven and set into a soft, tight crumb that can hold all that juice without falling apart. Coconut milk and pineapple juice keep the cake tender, while the shredded coconut spreads through the batter and gives small chewy spots. As the cake cools after flipping, the sugar layer thickens again and sticks to the surface, so the pineapple topping stays shiny, the edges stay a little sticky, and the whole cake holds together in neat slices.

Classic Tropical Twist Pineapple Upside-Down Cake Tips & Tricks

  • Make sure your eggs are at room temperature to ensure a smooth batter.
  • Use fresh lime zest for the best flavor. A microplane grater works wonders here.
  • If you're a fan of extra caramel, drizzle a little more over the cake before serving.

Mistakes To Avoid

Letting the cake overbake, even by much more than a few minutes, can make the crumb dry and tough while the pineapple topping turns dark and hard instead of sticky and soft. The sugar-butter layer can cross from caramelized to burnt, giving a bitter, almost crunchy top once flipped.

Pouring the brown sugar–butter mixture into a cold, ungreased pan or not spreading it evenly often leads to bare spots and thick puddles. In the oven, those puddles bubble up around the fruit and leave some pineapple slices glued in place while other areas end up dry and pale.

Skipping the step of patting the canned pineapple slices dry means extra liquid sits under the batter. During baking, that liquid seeps up and keeps the center from setting properly, so the cake can come out gummy in the middle and soggy around the fruit.

Overmixing the batter after adding the wet ingredients beats in too much air and works the flour too hard. The cake then bakes up dense and slightly rubbery instead of soft, and it may rise unevenly with a tight, heavy crumb.

Equipment Used:

Mixer, Saucepan, 9-inch round cake pan

Ingredients

  1. 1/2 cup unsalted butter
  2. 1 cup packed light brown sugar
  3. 9 slices canned pineapple rings
  4. 9 maraschino cherries
  5. 1 1/2 cups all-purpose flour
  6. 1 cup granulated sugar
  7. 1/2 cup unsweetened shredded coconut
  8. 1/2 cup coconut milk
  9. 1/4 cup pineapple juice
  10. 2 teaspoons baking powder
  11. 1/2 teaspoon salt
  12. 1 teaspoon vanilla extract
  13. 1/2 teaspoon coconut extract
  14. 1 lime zested
  15. 2 large eggs

Step-by-step Instructions

  1. 1. Preheat your oven to 350°F. Grease and line a 9-inch round cake pan.
  2. 2. In a saucepan, melt 1/2 cup butter and stir in brown sugar until dissolved. Pour into the prepared cake pan.
  3. 3. Arrange pineapple rings over the caramel sauce and place a cherry in the center of each ring.
  4. 4. In a large bowl, whisk together flour, sugar, coconut, baking powder, and salt.
  5. 5. In another bowl, combine coconut milk, pineapple juice, vanilla extract, coconut extract, lime zest, and eggs.
  6. 6. Gradually add the wet ingredients to the dry ingredients, mixing until just combined.
  7. 7. Pour the batter over the pineapple rings, spreading evenly.
  8. 8. Bake for 45-50 minutes, or until a toothpick inserted in the center comes out clean.
  9. 9. Allow to cool for 10 minutes, then invert onto a plate to cool completely.

Frequently Asked Questions

Can I use fresh pineapple instead of canned?
Absolutely! Just be sure to slice it thinly for even cooking.
How do I store leftovers?
Store the cake in an airtight container in the fridge for up to 3 days.
Can I make this cake ahead of time?
Yes, it can be made a day in advance. Just keep it covered at room temperature.

Serving Ideas for Classic Tropical Twist Pineapple Upside-Down Cake

This cake pairs beautifully with a scoop of vanilla ice cream or a dollop of freshly whipped cream. For a more tropical flair, serve it with a side of mango sorbet. A sprinkle of toasted coconut on top can add a lovely crunch and flavor.

Ratings and Comments

Your feedback helps other cooks — thank you!

This recipe is for informational purposes only. Always follow proper food safety practices, cook foods to safe internal temperatures, and store leftovers appropriately. Results may vary.