Pineapple Upside Down Cake Recipe From Scratch: Buttery Caramelized Topping

There’s something timeless about a pineapple upside down cake with its caramelized topping and moist vanilla base. This from-scratch version brings that nostalgic flavor to your kitchen with professional results every time.

The secret lies in building layers of flavor—starting with a buttery brown sugar foundation that transforms into a glossy caramel as it bakes. Fresh pineapple rings and maraschino cherries add vibrant color and perfect sweetness to each slice.

What emerges from the oven is a golden cake with a sticky, caramelized top that inverts beautifully onto the serving plate. The texture stays moist for days, making this ideal for gatherings or weekend baking projects.

Serve warm with vanilla ice cream or enjoy at room temperature. This classic dessert never fails to impress.

Ingredients for Pineapple Upside Cake Recipe from Scratch

Just a handful of pantry staples transforms into this nostalgic beauty with caramelized topping.

The pineapple is key here. Fresh whole pineapple (not canned) gives the best texture and flavor—look for one that’s golden at the base and smells sweet at the stem. The butter needs to be unsalted so you control the salt content. I always use Plugra or European-style butter for that extra richness. The brown sugar should be light for a buttery caramel, not molasses-heavy dark.

No fresh pineapple? Canned rings in juice (not syrup) work in a pinch—just pat them dry. Out of maraschino cherries? Dried cranberries or fresh raspberries add color and tang. The milk can be whole or 2%—avoid skim as the fat helps the texture. For a deeper flavor, toast the flour briefly (about 2 minutes) in the oven before mixing.

The cake stays moist for 3 days at room temperature in an airtight container. Freeze slices for up to 3 months—thaw at room temp before serving. Leftovers (if there are any) reheat beautifully in the microwave for 20 seconds.

Step-by-Step Instructions for Pineapple Upside Down Cake

Here’s my foolproof method for a cake with a caramelized crust and moist, tender crumb.

Step 1: Prepare the Caramel Topping

Melt ½ cup unsalted butter in a 10-inch cast iron skillet over medium heat. Add the 0.75 cup light brown sugar and stir until it melts completely and begins to bubble. This happens in about 2-3 minutes—watch for a smooth, glossy texture.

Immediately remove from heat and arrange fresh pineapple rings in a single layer on top of the caramel. Place a maraschino cherry in the center of each ring. Sprinkle evenly with the 0.5 tsp ground cinnamon for a warm spice note that complements the pineapple perfectly.

Step 2: Mix the Cake Batter

In a large bowl, whisk together the 2 cups all-purpose flour, 1.5 tsp baking powder, and 0.5 tsp salt. This ensures your dry ingredients are evenly distributed before meeting the wet components. Sifting the flour first creates an even lighter texture in the final cake.

In a separate bowl, cream together the remaining ½ cup unsalted butter with 1 cup granulated sugar until light and fluffy—about 3-4 minutes with an electric mixer. Add the 2 large eggs one at a time, mixing well after each addition, then stir in the 2 tsp pure vanilla extract.

Step 3: Combine Wet and Dry Ingredients

Alternate adding the dry ingredients and 0.75 cup whole milk to the butter mixture, beginning and ending with the dry ingredients. Mix just until combined after each addition—overmixing develops gluten, which makes the cake tough. The batter should be smooth and thick, with no streaks of flour remaining.

Real talk: the key here is patience. Add each portion slowly and scrape the bowl between additions to ensure everything incorporates evenly. The batter will look slightly lumpy at first, but it smooths out as you continue mixing.

Step 4: Bake Until Golden and Springy

Carefully pour the batter over the pineapple layer in the skillet, spreading it evenly with a spatula. Bake in a preheated 350°F oven for 40-45 minutes, or until the cake is golden brown and a toothpick inserted in the center comes out clean.

You’ll know it’s done when the top springs back when lightly touched and the edges start to pull away from the pan. Resist the urge to open the oven too early—this cake needs steady heat to set properly.

Step 5: Invert and Serve Warm

Let the cake cool in the pan for exactly 5 minutes. This brief rest allows the caramel to set slightly without sticking to the pan. Then, place a large serving plate over the skillet and carefully invert the cake onto the plate in one smooth motion.

Leave the skillet in place for 1-2 minutes to let any remaining caramel drizzle over the top. Serve warm for the best experience—the contrast between the warm, buttery caramel and moist cake is incredible. The pineapple rings should glisten beautifully on top, with cherries adding a pop of color.

Dietary Considerations for This Dish

Gluten-Free Option

To make this cake gluten-free, I’ve had great success with King Arthur Measure for Measure flour blend. Use the same 2 cups measurement, and add ½ tsp xanthan gum for better structure. The texture stays tender and moist, just like the original.

Dairy-Free Adaptation

Swap the 1 cup unsalted butter for Miyoko’s Cultured Vegan Butter—it browns beautifully and has the right fat content. Use unsweetened almond milk in place of whole milk. The caramel topping will still set perfectly, and the cake remains rich and flavorful.

Lower Sugar Version

Reduce the 1.5 cups granulated sugar in the batter to 1 cup, and use ½ cup light brown sugar for the topping. The natural sweetness of the pineapple compensates beautifully. I also add 1 tsp cinnamon to enhance the flavor without extra sugar. 💡

Egg-Free Alternative

Replace the 2 large eggs with ½ cup unsweetened applesauce or 2 flax eggs (2 tbsp ground flaxseed + 6 tbsp water). The cake will be slightly denser but still moist and delicious. Let the batter rest for 10 minutes before baking to help the texture.

Vegan Adjustments

Combine the dairy-free and egg-free substitutions above for a fully vegan version. I recommend using fresh pineapple for the best texture. The cake will still invert beautifully and satisfy any sweet tooth. 🌱

Nut-Free Notes

This recipe is naturally nut-free, but if you’re concerned about cross-contamination, use certified nut-free brands for flour and sugar. Always check labels on your maraschino cherries, as some brands process them in facilities with nuts.

Frequently Asked Questions