9x13 Pineapple Upside Down Cake Recipe Scratch: Scratch-Made Caramelized Layers With Juicy Fruit

This 9x13 pineapple upside down cake recipe delivers the perfect balance of juicy caramelized fruit and tender cake layers—all made from scratch without a boxed mix.

The secret lies in slow-baked pineapple rings that soak up the syrup while the cake bakes to golden perfection, creating a dessert that feels like a warm hug in every bite.

What sets this recipe apart is the two-stage baking process: first caramelizing the pineapple with brown sugar and butter until sticky and tender, then pouring the cake batter over the top.

This method ensures the fruit stays moist and flavorful while the cake rises evenly, creating that signature upside-down presentation with layers of sweetness in every forkful.

The result is a restaurant-quality dessert with a crispy caramelized crust on the pineapple, a tender cake base, and a soft, fluffy top—all in one perfectly portioned 9x13 pan.

The aroma alone will have everyone gathering around the kitchen, and the first bite delivers that perfect contrast of warm, gooey fruit and light cake.

Perfect for family dinners, potlucks, or a special treat, this recipe delivers foolproof results every time. The instructions are straightforward, and the ingredients are simple—just quality staples that come together to create a dessert that tastes like nostalgia and comfort. Let’s get baking!

Ingredients for 9x13 pineapple upside down cake recipe scratch

Juicy pineapple rings, caramelized butter, and fluffy cake layers—these quality staples create a dessert that tastes like nostalgia.

The pineapple is non-negotiable—fresh or high-quality canned delivers the best flavor. Dole or Del Monte brands are reliable if you're using canned, but fresh pineapple rings make all the difference. Look for fruit that's vibrant yellow with no brown spots. The brown sugar should be dark and packed—light brown sugar won't caramelize as beautifully. Butter matters too; European-style has higher fat content for richer caramelization. Toast your cinnamon in a dry pan for 30 seconds to deepen its flavor—trust me on this.

No fresh pineapple? Canned pineapple rings in juice work in a pinch, but drain them well and pat dry. Running short on brown sugar? White sugar plus 1 tsp molasses mimics the depth. For the vanilla, imitation won't cut it—Madagascar bourbon vanilla adds complexity. The cake batter needs to be just thick enough to coat the pineapple rings without sinking too much. If your batter feels too runny, add 1 tbsp more flour. The cherries? Pitted and placed strategically—they're not just decoration, they add a pop of color and sweetness that makes the whole thing feel special.

This cake reheats beautifully—just warm it in the oven at 300°F for 10 minutes to revive the caramelized crust. Store leftovers covered at room temperature for 2 days, or in the fridge for 4 days. The cake freezes surprisingly well too—wrap tightly in plastic and freeze for up to 3 months. I always make a double batch because it disappears faster than you'd think. The secret to serving? Let it sit at room temperature for 20 minutes before slicing—this ensures clean cuts and that perfect caramelized texture.

Step-by-step instructions for 9x13 pineapple upside down cake

This classic dessert comes together with layers of caramelized sugar and juicy pineapple—here's how to nail it every time.

Preheat your oven to 350°F while you prepare the base. Arrange the 3 cups of fresh pineapple rings in a single layer on the bottom of a 9x13-inch baking pan, leaving no gaps. Place the 12 maraschino cherries evenly among the pineapple—this creates those iconic pockets of juicy surprise.

In a small saucepan, melt the 0.75 cup of unsalted butter over low heat, then whisk in 1.5 cups of light brown sugar. Bring to a gentle simmer and cook for 3-4 minutes until the mixture turns a deep amber color—this is your caramel foundation. Pour this golden syrup evenly over the pineapple, spreading it to the edges. The caramel will bubble slightly as it cools, creating those beautiful crackly layers when baked.

In a large mixing bowl, whisk together the 2.5 cups of all-purpose flour, 2 tsp of baking powder, 0.5 tsp of salt, and 1 tsp of ground cinnamon. Sift the dry ingredients directly into the bowl to avoid clumping—this ensures a light, airy texture. In a separate bowl, beat the 3 whole large eggs, 1.5 cups of granulated sugar, 1 cup of whole milk, and 2 tsp of pure vanilla extract until smooth and slightly thickened.

Gradually pour the wet ingredients into the dry ingredients while mixing on low speed until just combined. Avoid overmixing—you should still see a few flour streaks. Then, slowly drizzle in the 0.5 cup of vegetable oil while continuing to mix until the batter is smooth and glossy. The batter should be thick but pourable, like heavy pudding. Here's where the magic happens: the oil keeps the cake moist while the cinnamon adds warmth that complements the pineapple.

Pour the batter evenly over the pineapple and caramel layer, spreading it to the edges with a spatula. Tap the pan gently on the counter to release any air bubbles. Bake in the preheated oven for 45-50 minutes, or until a toothpick inserted in the center comes out clean. The cake should be golden brown on top with a slightly domed center—this indicates it's fully set but still moist inside.

I always check for doneness at the 40-minute mark because ovens vary. If the edges brown too quickly, tent the cake with foil to prevent overbrowning while the center finishes baking. The pineapple should be tender and the caramel layer should be fully set with crackly edges—this is what makes this cake so special.

Let the cake cool in the pan for 10 minutes—this prevents the layers from shifting when you flip it. Then, run a thin knife around the edges to loosen it from the pan. Place a large serving platter or board over the pan and carefully invert the cake in one swift motion. Lift the pan straight up to reveal the caramelized bottom layer and juicy pineapple rings.

Serve the cake warm with a scoop of vanilla ice cream or a dollop of whipped cream. The contrast of warm cake and cold ice cream makes every bite unforgettable. The caramel should be sticky and rich, the pineapple juicy and tender, and the cake layers light and fluffy. This is the kind of dessert that disappears faster than you can say "upside down."

Dietary considerations for this 9x13 pineapple upside down cake recipe scratch

Gluten-Free Adaptations

For a gluten-free version, replace the 2.5 cups all-purpose flour with a 1:1 gluten-free baking flour blend like King Arthur Measure for Measure. You’ll need to add 1 extra teaspoon xanthan gum to ensure the cake holds its shape.

I’ve tested this substitution and found it works beautifully—just be sure to sift the blend thoroughly to avoid lumps. The texture stays tender but slightly denser than traditional cake, which actually enhances the pineapple’s juiciness. 🌱

Dairy-Free Options

To make this cake dairy-free, swap the 0.75 cup unsalted butter for vegetable shortening or coconut oil (solid at room temperature). For the milk, use unsweetened almond milk or oat milk, though I recommend adding 1 extra tablespoon cornstarch to compensate for the thinner liquid.

The caramel layer will still form, but the cake’s moisture balance changes slightly—keep an eye on it during baking. 🥥

Lower Sugar Versions

For a lighter option, reduce the 1.5 cups light brown sugar to 1 cup and replace the remaining 0.5 cup with granulated sugar. You can also substitute ½ cup of the granulated sugar with unsweetened applesauce to cut calories while keeping moisture.

The pineapple’s natural sweetness will still shine, though the caramel layer will be slightly less rich. This version pairs perfectly with a dollop of Greek yogurt for extra protein. 🍎

Vegan-Friendly Adjustments

For a vegan upside-down cake, replace the eggs with 3 tablespoons ground flaxseed mixed with 9 tablespoons water (let it sit for 5 minutes to thicken). Use vegan butter or coconut oil for the caramel layer, and ensure your flour blend is certified gluten-free if needed.

The cake will be slightly denser but still delightfully moist. I’ve found that adding 1 extra teaspoon baking powder helps with lift. Serve with coconut whipped cream for a fully plant-based treat. 🌿

Allergen-Friendly Notes

If nut allergies are a concern, stick with the original recipe but double-check your flour blend for cross-contamination warnings. For soy-free versions, avoid vegetable oil and use avocado oil instead. Always verify that your vanilla extract and cinnamon are processed in allergen-free facilities.

I keep a small batch of pre-checked ingredients on hand for guests with dietary restrictions—it’s a small effort that makes a big difference. 💛

Frequently asked questions