Love this? Save it for later!
Share the inspiration with your friends
Introduction
“You know that moment when a recipe sneaks up on you?” That’s exactly how I stumbled upon this classic pineapple upside-down cake with brown sugar caramel. It was a lazy Sunday afternoon, and I had just invited my neighbor, Mrs. Jensen, over for coffee. She showed up carrying this slightly battered old cookbook that looked like it had survived a hundred kitchen spills. As she flipped through the pages, a note scribbled in faded ink caught my eye—an old family recipe for pineapple upside-down cake.
I honestly wasn’t expecting much. Upside-down cakes? I thought they were a bit old-fashioned, a thing of the past. But as Mrs. Jensen talked about the brown sugar caramel that bubbled just right and the juicy pineapple rings that made every slice sing, I got curious. I decided to give it a try, even though I forgot to preheat the oven at first (classic kitchen fail!).
The result? A golden, sticky, sweet masterpiece that tasted like a warm hug on a plate. That first bite—the soft cake mingling with caramelized pineapple and that hint of buttery caramel—reminded me why this dessert has stuck around for generations. Maybe you’ve been there, chasing the perfect retro recipe that turns out to be surprisingly magical. This pineapple upside-down cake recipe is one I keep coming back to, especially when I want a simple dessert that feels both nostalgic and special.
Why You’ll Love This Recipe
This classic pineapple upside-down cake with brown sugar caramel isn’t just another sweet treat. I’ve tested and tweaked this recipe over several weekends, ensuring it’s straightforward enough for weeknight baking but impressive enough for family gatherings.
- Quick & Easy: Comes together in under 45 minutes, so it’s perfect when you want a sweet fix without hours in the kitchen.
- Simple Ingredients: Uses pantry staples like brown sugar, canned pineapple, and basic baking essentials—no last-minute grocery runs needed.
- Perfect for Any Occasion: Whether it’s a laid-back brunch, a potluck, or a cozy dessert after dinner, this cake fits right in.
- Crowd-Pleaser: Kids and adults alike adore the sweet caramel topping paired with juicy pineapple slices—expect requests for seconds!
- Unbelievably Delicious: The buttery brown sugar caramel melts into the moist cake, creating a texture and flavor combo that’s pure comfort food.
What sets this recipe apart is the brown sugar caramel, which I make right in the pan before adding the pineapple. This step gives the cake a rich, deep flavor that you don’t get with just plain sugar. It’s that perfect balance of sweet and buttery with a hint of caramelized depth. Honestly, it’s the kind of dessert that makes you close your eyes after the first bite and smile.
What Ingredients You Will Need
This recipe uses simple, wholesome ingredients to deliver bold flavor and satisfying texture without the fuss. Most of these are pantry staples, and you can easily swap a few to suit your preferences or dietary needs.
- For the Brown Sugar Caramel:
- 1/2 cup (100g) packed light brown sugar (I prefer Domino for consistent sweetness)
- 1/4 cup (60g) unsalted butter, melted (adds richness and smoothness)
- For the Topping:
- 1 can (20 oz/567g) pineapple slices in juice, drained (reserve juice for the batter)
- Maraschino cherries (optional, for a pop of color)
- For the Cake Batter:
- 1 1/2 cups (190g) all-purpose flour (or swap half for whole wheat for a nuttier flavor)
- 2 teaspoons baking powder
- 1/4 teaspoon salt
- 1/2 cup (115g) unsalted butter, softened
- 3/4 cup (150g) granulated sugar
- 2 large eggs, room temperature
- 1 teaspoon vanilla extract
- 1/2 cup (120ml) pineapple juice (from the canned pineapple)
- 1/4 cup (60ml) whole milk (or use almond milk if dairy-free)
If you’re aiming for a gluten-free version, almond flour can replace all-purpose flour, but the texture will be denser. For a dairy-free twist, swap butter with coconut oil and milk with your favorite plant-based milk. The pineapple juice adds subtle tang and moisture to the cake, making it tender and flavorful.
Equipment Needed

- 9-inch (23 cm) round cake pan or equivalent size cast-iron skillet (I personally love using my cast-iron skillet because it distributes heat evenly and helps the caramel set perfectly)
- Mixing bowls (one large and one medium)
- Electric mixer or sturdy whisk for creaming butter and sugar
- Measuring cups and spoons (for precise baking)
- Spatula for folding and smoothing the batter
- Cooling rack to let the cake rest after baking
If you don’t have a cast-iron skillet, any oven-safe baking dish will do. Just make sure it’s well-greased to prevent sticking. Using a silicone spatula helps scrape down the bowl without wasting batter. For budget-friendly options, a basic nonstick cake pan works just fine, though caramel might be a bit trickier to release.
Preparation Method
- Preheat your oven to 350°F (175°C). Grease your 9-inch cake pan or cast-iron skillet thoroughly with butter or nonstick spray.
- Make the brown sugar caramel: In a small bowl, mix 1/2 cup light brown sugar with 1/4 cup melted unsalted butter until combined. Pour this mixture evenly into the bottom of your prepared pan. The caramel will bubble up and form that luscious base for your topping.
- Arrange pineapple slices: Place the drained pineapple slices over the caramel in a single layer. If you’re adding maraschino cherries, tuck one into the center of each pineapple ring for that classic look.
- Mix dry ingredients: In a medium bowl, whisk together 1 1/2 cups all-purpose flour, 2 teaspoons baking powder, and 1/4 teaspoon salt. Set aside.
- Cream butter and sugar: In a large bowl, beat 1/2 cup softened butter with 3/4 cup granulated sugar until light and fluffy. This usually takes about 3-4 minutes with an electric mixer on medium speed.
- Add eggs and vanilla: Beat in 2 large eggs one at a time, mixing well after each addition. Stir in 1 teaspoon vanilla extract.
- Combine liquids and dry ingredients: In a small bowl or measuring cup, mix 1/2 cup pineapple juice and 1/4 cup milk. Alternately add the flour mixture and the pineapple juice mixture to the butter mixture, starting and ending with the flour. Mix each addition just until combined—overmixing can make the cake tough.
- Pour batter over pineapple: Carefully spread the batter evenly over the arranged pineapple and caramel in your pan. Don’t worry if the batter looks thick; it will bake into a moist cake.
- Bake: Place the pan in the preheated oven and bake for 40-45 minutes, or until a toothpick inserted in the center comes out clean and the edges are golden brown.
- Cool and invert: Let the cake cool in the pan for 10 minutes. Run a knife around the edges to loosen, then place a serving plate over the pan and invert quickly but carefully. The caramel and pineapple will be on top, glossy and sticky.
- Serve: Allow the cake to cool slightly before slicing. This cake is best enjoyed warm or at room temperature.
Pro tip: If your caramel sticks a bit when flipping, gently warm the bottom of the pan over low heat for a few seconds, then try again. Also, keep an eye on the baking time — ovens vary, so start checking at 40 minutes.
Cooking Tips & Techniques
Making a pineapple upside-down cake might sound straightforward, but a few kitchen tricks make all the difference.
- Butter and sugar caramelization: Mixing the brown sugar and melted butter before spreading ensures even caramelization. I learned the hard way that adding dry sugar on top of melted butter alone can cause uneven patches.
- Pineapple moisture control: Always drain the pineapple slices well to avoid a soggy cake. You can even pat them dry lightly with paper towels for best results.
- Room temperature ingredients: Using eggs and butter at room temperature helps the batter come together smoothly and traps air for a lighter cake.
- Don’t overmix: When combining wet and dry ingredients, mix just until you don’t see flour anymore. Overmixing creates toughness, and honestly, nobody wants that.
- Testing doneness: Insert a toothpick near the center, but avoid poking the pineapple if possible to keep the topping intact.
- Flipping the cake: Letting the cake rest for 10 minutes before inverting gives the caramel time to set slightly—too soon, and you risk a caramel mess!
One time, I forgot to grease my pan properly and ended up with a sticky disaster. Lesson learned: generous greasing or using parchment paper is a baker’s best friend. Also, multitasking by preparing the batter while the caramel sets saves time without stress.
Variations & Adaptations
This pineapple upside-down cake recipe is versatile and welcomes a few tweaks to suit your mood or occasion.
- Tropical Twist: Add shredded coconut to the batter for a beachy vibe. Toasted coconut on top after baking is a nice touch too.
- Spiced Version: Stir in 1 teaspoon ground cinnamon and 1/4 teaspoon nutmeg into the dry ingredients for a warm, cozy flavor profile.
- Gluten-Free Option: Use a gluten-free flour blend in place of all-purpose flour. The texture will be slightly different but still delicious.
- Dairy-Free Adaptation: Swap butter with coconut oil and use almond or oat milk instead of dairy milk. The caramel will have a subtle coconut note that complements the pineapple.
- Fresh Pineapple: In summer, swap canned pineapple slices for fresh pineapple rings. Just make sure to pat them dry well to avoid extra moisture.
Personally, I once tried adding a splash of rum to the caramel mixture for a boozy adult version—great for holiday parties! Just be careful with the alcohol near the heat source.
Serving & Storage Suggestions
This cake shines best served warm or at room temperature, letting the caramel and pineapple flavors shine through. A dollop of whipped cream or a scoop of vanilla ice cream on the side makes it feel like a celebration.
Pair it with a light cup of coffee or a fruity herbal tea to balance the sweetness. If you’re serving it for brunch, a fresh fruit salad on the side complements the tropical notes nicely.
To store, cover the cake loosely with plastic wrap or foil and keep it at room temperature for up to two days. For longer storage, wrap tightly and refrigerate for up to 5 days. Reheat individual slices in the microwave for 15-20 seconds to bring back that fresh-baked warmth. You can also freeze the cake wrapped well for up to 2 months; thaw overnight in the fridge before serving.
Flavors tend to deepen after resting overnight, so if you can wait, letting the cake sit wrapped for a few hours intensifies the caramel and pineapple magic.
Nutritional Information & Benefits
A typical slice of this classic pineapple upside-down cake (about 1/10th of the cake) contains roughly 280 calories, 10g fat, 42g carbohydrates, and 2g protein. The brown sugar caramel adds sweetness without refined sugar overload, especially since the pineapple contributes natural sugars.
Pineapple is rich in vitamin C and manganese, which supports immunity and bone health. Using unsalted butter and moderate sugar keeps the recipe balanced, and you can always lighten it by reducing sugar slightly or swapping in whole wheat flour.
This dessert is a nostalgic treat, and while it’s indulgent, it can fit into a balanced diet when enjoyed in moderation. Personally, I find that sharing this cake with friends makes it feel like a wholesome celebration beyond just the nutrition facts.
Conclusion
This classic pineapple upside-down cake with brown sugar caramel is one of those recipes that feels like a warm kitchen memory waiting to happen. It’s approachable, delicious, and carries that perfect mix of sweet, buttery, and tropical flavors that bring people together.
Feel free to customize it to your liking—whether that’s adding spices, swapping ingredients, or serving it with your favorite topping. I keep making this recipe because it’s simple enough to whip up on a whim, yet it never fails to impress.
If you try this cake, I’d love to hear how it turned out or what personal twists you added. Sharing these little kitchen stories makes cooking even more fun!
Frequently Asked Questions
Can I use fresh pineapple instead of canned?
Yes! Fresh pineapple rings work wonderfully. Just be sure to pat them dry well to avoid extra moisture that can make the cake soggy.
How do I prevent the caramel from sticking to the pan?
Generously grease your pan with butter or nonstick spray before adding the caramel. Using a cast-iron skillet also helps, as it distributes heat evenly and aids in releasing the cake.
Can I make this cake gluten-free?
Absolutely! Substitute all-purpose flour with a gluten-free flour blend. The texture will be a bit different but still tasty.
What’s the best way to store leftover cake?
Store at room temperature covered loosely for up to two days, or refrigerate tightly wrapped for up to 5 days. Reheat slices gently in the microwave before serving.
Can I prepare the caramel topping ahead of time?
It’s best to make the caramel fresh before baking for optimal texture and flavor. However, you can prepare the cake batter in advance and combine everything just before baking.
For other classic desserts with a nostalgic twist, you might enjoy the classic apple crisp recipe or the homemade vanilla cupcakes that I often bake on special occasions.
Pin This Recipe!

Classic Pineapple Upside-Down Cake
A nostalgic and easy-to-make pineapple upside-down cake featuring a rich brown sugar caramel and juicy pineapple slices, perfect for any occasion.
- Prep Time: 15 minutes
- Cook Time: 40-45 minutes
- Total Time: 55-60 minutes
- Yield: 10 servings 1x
- Category: Dessert
- Cuisine: American
Ingredients
- 1/2 cup (100g) packed light brown sugar
- 1/4 cup (60g) unsalted butter, melted
- 1 can (20 oz/567g) pineapple slices in juice, drained (reserve juice for batter)
- Maraschino cherries (optional)
- 1 1/2 cups (190g) all-purpose flour (or half whole wheat flour)
- 2 teaspoons baking powder
- 1/4 teaspoon salt
- 1/2 cup (115g) unsalted butter, softened
- 3/4 cup (150g) granulated sugar
- 2 large eggs, room temperature
- 1 teaspoon vanilla extract
- 1/2 cup (120ml) pineapple juice (from canned pineapple)
- 1/4 cup (60ml) whole milk (or almond milk for dairy-free)
Instructions
- Preheat oven to 350°F (175°C). Grease a 9-inch cake pan or cast-iron skillet thoroughly with butter or nonstick spray.
- Mix 1/2 cup light brown sugar with 1/4 cup melted unsalted butter until combined. Pour evenly into the bottom of the prepared pan.
- Arrange drained pineapple slices over the caramel in a single layer. Add maraschino cherries in the center of each pineapple ring if desired.
- In a medium bowl, whisk together flour, baking powder, and salt. Set aside.
- In a large bowl, beat softened butter with granulated sugar until light and fluffy, about 3-4 minutes.
- Beat in eggs one at a time, mixing well after each addition. Stir in vanilla extract.
- Mix pineapple juice and milk together. Alternately add flour mixture and pineapple juice mixture to the butter mixture, starting and ending with flour. Mix just until combined.
- Pour batter evenly over the pineapple and caramel in the pan.
- Bake for 40-45 minutes or until a toothpick inserted near the center comes out clean and edges are golden brown.
- Let cake cool in pan for 10 minutes. Run a knife around edges, then invert onto a serving plate carefully.
- Allow cake to cool slightly before slicing. Serve warm or at room temperature.
Notes
Use room temperature eggs and butter for best texture. Drain pineapple slices well to avoid soggy cake. Grease pan generously to prevent sticking. If caramel sticks when flipping, warm pan bottom gently before inverting. Avoid overmixing batter to keep cake tender.
Nutrition
- Serving Size: 1 slice (1/10th of c
- Calories: 280
- Sugar: 30
- Sodium: 150
- Fat: 10
- Saturated Fat: 6
- Carbohydrates: 42
- Fiber: 1
- Protein: 2
Keywords: pineapple upside-down cake, brown sugar caramel, easy dessert, classic cake, pineapple cake, retro dessert


