Grilled Pineapple Upside-Down Cake
A smoky, visually stunning take on a classic: charred pineapple rings caramelize on a buttery brown-sugar base, then a tender vanilla cake bakes on the grill for warm caramel-smoke flavor. Perfect for summer cookouts or any time you want a showstopping dessert with bright tropical notes.
Jake Woods's note
"This recipe leans into the 2026 charred-fruit trend—grilling the pineapple adds vivid color and a hint of smoke that transforms an old favorite. It shines at backyard dinners and holiday gatherings; serve warm with ice cream for maximum crowd-pleasing effect."
About This Recipe
This grilled pineapple upside-down cake takes the familiar comfort of a supper-club classic and flips it into something smoky, bright, and undeniably summer-ready. Instead of stewing pineapple in a pan, we give each ring a quick ride over high heat so the fruit develops dark char marks and concentrated sweetness; that caramelized surface, combined with a buttery brown-sugar base in a hot cast-iron skillet, produces a glossy top that reads as both rustic and elegant. The cake layer is a simple vanilla batter that bakes through over indirect heat, creating a tender, fine crumb that soaks up the backnotes of char and rum-like brown sugar without getting soggy.
This version works because it balances contrast: the caramel delivers deep sweetness and chew, the char adds smoke and complexity, and the cake keeps things light and tender. It’s a crowd-pleaser for backyard barbecues or any time you want a dessert that arrives looking dramatic but doesn’t require pastry-level skills. Little choices matter—reserving pineapple juices, warming the skillet before you pour batter, and giving the caramel a few minutes to set—so the final unmolding reveals glossy rings that practically glisten on the platter.
Ingredients for Grilled Pineapple Upside-Down Cake
- 8 rings Fresh pineapple rings
- 10 tbsp Unsalted butter (total)
- 2/3 cup Light brown sugar (total)
- 1 1/2 cups All-purpose flour
- 2 tsp Baking powder
- 1/2 tsp Salt
- 3/4 cup Granulated sugar
- 2 large Large eggs
- 1/2 cup Whole milk
- 1 tsp Vanilla extract
How to Make Grilled Pineapple Upside-Down Cake
Step 1: Preheat grill and char the pineapple
Heat the grill to high (450–500°F / 230–260°C). Brush each pineapple ring lightly with a little of the melted butter and sprinkle a pinch of brown sugar on both sides, then grill directly over high heat 1–2 minutes per side until well-charred and caramelized; set aside. Charring concentrates the fruit's sugars and adds the smoky backbone for the cake.For this step
- 8 ringsFresh pineapple rings
Step 2: Make the brown-sugar caramel in a skillet
Reduce the grill heat to medium and place a 10-inch cast-iron skillet on the grill grates to warm. Add the remaining butter and the rest of the light brown sugar to the skillet and cook, stirring gently, until it becomes glossy and just bubbling into caramel, about 3–5 minutes; remove from direct heat. Arrange the charred pineapple rings in a single layer over the caramel (reserve any juices from the pineapple) so the fruit sits neatly when the cake is inverted.Step 3: Prepare the cake batter
In a medium bowl whisk together flour, baking powder, salt, and granulated sugar. In a separate bowl whisk the eggs with milk and vanilla, then stir in about half of the reserved melted butter (or melted butter left from caramel prep) until combined. Fold the wet ingredients into the dry just until combined—do not overmix—to keep the crumb tender.For this step
- 1 1/2 cupsAll-purpose flour
- 2 tspBaking powder
- 1/2 tspSalt
- 3/4 cupGranulated sugar
- 2 largeLarge eggs
- 1/2 cupWhole milk
- 1 tspVanilla extract
Step 4: Pour batter and bake on the grill (indirect heat)
Pour the batter evenly over the arranged pineapple in the cast-iron skillet and smooth the top. Move the skillet to the cooler side of the grill for indirect cooking, close the lid, and bake at an even 350°F (175°C) for 25–35 minutes, or until the top is golden and a toothpick inserted into the center comes out clean.Step 5: Cool briefly, invert, and serve
Remove the skillet from the grill and let the cake rest 10–15 minutes so the caramel sets slightly. Run a knife around the edge, invert onto a serving platter, and lift off the skillet to reveal glossy caramel and charred pineapple. Serve warm (great with vanilla ice cream or whipped cream) and store leftovers covered in the fridge for up to 3 days.
- Heat the grill to high (450–500°F / 230–260°C). Brush each pineapple ring lightly with a little of the melted butter and sprinkle a pinch of brown sugar on both sides, then grill directly over high heat 1–2 minutes per side until well-charred and caramelized; set aside. Charring concentrates the fruit's sugars and adds the smoky backbone for the cake.
- Reduce the grill heat to medium and place a 10-inch cast-iron skillet on the grill grates to warm. Add the remaining butter and the rest of the light brown sugar to the skillet and cook, stirring gently, until it becomes glossy and just bubbling into caramel, about 3–5 minutes; remove from direct heat. Arrange the charred pineapple rings in a single layer over the caramel (reserve any juices from the pineapple) so the fruit sits neatly when the cake is inverted.
- In a medium bowl whisk together flour, baking powder, salt, and granulated sugar. In a separate bowl whisk the eggs with milk and vanilla, then stir in about half of the reserved melted butter (or melted butter left from caramel prep) until combined. Fold the wet ingredients into the dry just until combined—do not overmix—to keep the crumb tender.
- Pour the batter evenly over the arranged pineapple in the cast-iron skillet and smooth the top. Move the skillet to the cooler side of the grill for indirect cooking, close the lid, and bake at an even 350°F (175°C) for 25–35 minutes, or until the top is golden and a toothpick inserted into the center comes out clean.
- Remove the skillet from the grill and let the cake rest 10–15 minutes so the caramel sets slightly. Run a knife around the edge, invert onto a serving platter, and lift off the skillet to reveal glossy caramel and charred pineapple. Serve warm (great with vanilla ice cream or whipped cream) and store leftovers covered in the fridge for up to 3 days.
Grilled Pineapple Upside-Down Cake Tips
Char with confidence
Sear pineapple rings over very high heat just 1–2 minutes per side; you want dark grill marks but not complete collapse—the goal is caramelization, not dehydration.
Warm the skillet first
Preheating the cast-iron helps the brown sugar melt evenly and jump-starts the caramel, giving you a glossy, pourable base before you add pineapple and batter.
Reserve pineapple juices
Save any juices released while grilling and whisk a little back into the batter for added flavor and moisture, but don’t add so much that the batter thins out.
Control grill temperature
Move the pan to indirect heat at 350°F and monitor with a probe or grill thermometer to prevent burnt edges and ensure the center cooks through.
Let caramel relax before flipping
Allow the skillet to cool 10–15 minutes after baking so the hot caramel firms slightly; this reduces the risk of a runny mess and helps the cake release cleanly.
Grilled Pineapple Upside-Down Cake Variations and Substitutions
Rum-kissed caramel
Stir 1–2 tablespoons dark rum into the brown-sugar caramel off heat for a warm, boozy note that pairs beautifully with charred pineapple.
Toasted coconut crumble
Sprinkle 1/2 cup toasted shredded coconut and 1/4 cup chopped macadamias over the pineapple before pouring the batter for extra crunch and tropical contrast.
Gluten-free swap
Use a 1:1 gluten-free baking flour blend that contains xanthan gum and keep baking time similar, checking doneness with a toothpick as crumb structure will be slightly different.
Vegan version
Replace eggs with two flax eggs (2 tbsp ground flax + 6 tbsp water) and use vegan butter and a plant milk like full-fat coconut for richness; bake a little longer and test for doneness.
How to Store and Make Grilled Pineapple Upside-Down Cake Ahead
Store leftovers covered in the refrigerator for up to 3 days; the caramel will firm as it chills. Reheat slices gently in a 325°F oven for 8–10 minutes or briefly in the microwave to soften the caramel before serving. You can freeze individual wrapped slices for up to 1 month—thaw in the fridge and warm before serving for best texture.
What to Serve With Grilled Pineapple Upside-Down Cake
Serve warm with a scoop of vanilla bean ice cream or a dollop of softly whipped cream to balance the sweetness; a sprinkle of flaky sea salt brightens the caramel. For a tropical accent, garnish with lightly toasted coconut flakes and a few sprigs of mint, and pair with a bright, citrusy cocktail like a Mai Tai or a chilled, off-dry Riesling.
Grilled Pineapple Upside-Down Cake FAQs
Can I bake this cake in a conventional oven instead of the grill?
Yes—preheat the oven to 350°F, prepare the skillet on the stovetop as directed, then transfer to the oven and bake 25–35 minutes until a toothpick comes out clean.
My caramel stuck to the skillet—how do I prevent that?
Make sure your skillet is well-heated before adding sugar and that you use enough butter to create a glossy caramel; after baking, let the pan rest so the caramel firms slightly and run a thin knife around the edge before inverting.
Can I use canned pineapple rings instead of fresh?
You can, but drain them thoroughly and pat dry before charring; canned rings are softer and will char less dramatically, so reduce grilling time to avoid falling apart.
Why did my cake sink in the middle?
Sinking usually means underbaked center or overmixed batter; check doneness with a toothpick and fold the batter just until combined to keep the crumb light. Also ensure the grill temperature stays steady to allow even rising.
How do I get a deeper caramel flavor without burning it?
Cook the brown sugar and butter until it’s glossy and bubbling but not smoking, then remove from direct heat and swirl in a touch of browned butter or a tablespoon of dark rum off heat to deepen the flavor without additional cooking.
About the author
Jake WoodsHello, I'm Jake. I started this recipe site with the idea that I hated recipe websites that overwhelm you with long stories and ads just to see plain content that's not helpful. My goal is to provide you with quality recipes, simple ideas and a fun cooking experience. There's lots of fun things to cook, and I think as you browse the site you'll find that TopShelf.Recipes is the place for quality recipes on the web.
See all recipes by Jake Woods →Ratings & Reviews
Did you make this recipe?
Be the first to share your experience.
Nutrition Facts
Per serving: 1 slice
Nutrition values are estimated from USDA ingredient data and may vary based on preparation, brands, and portion sizes. Values are provided for informational purposes only.
Keep Reading
Guides & articles for this recipe
Guides
Weeknight Grill Roundup: 18 Recipes Under 30
A curated roundup of 18 grill- and campfire-friendly dinners you can finish in 30 minutes or less. Includes quick proteins, whole-vegetable mains, and one-pan ideas with timing notes, fast marinades, and simple side pairings for late-summer weeknights.
Healthy Eating
Gluten-Free Weeknight Grilling Plan
A 7-day gluten-free weeknight grilling plan with quick, family-friendly recipes, prep-ahead timelines, and a printable shopping list that spotlights late-summer produce and pantry staples. Includes clear cross-contamination safety tips and simple swaps to keep dinners fast and crowd-pleasing.
Cocktails & Drinks
Shakerless Cocktails for Backyard Grilling
Easy, tool-free cocktail recipes designed for backyard grilling and outdoor hangs. Find single-serve and batch formulas, quick portable infusions, improvised gear hacks, and simple cocktail pairings for grilled meats and vegetables.
More from Grilling
View all Grilling recipes →Tandoori Yogurt Marinated Grilled Chicken (Tandoori Style on the Grill)
Labor Day Grilled Lobster Rolls with Charred Scallion Brown Butter & Lemon‑Herb Aioli
Bulgogi Smash Burger
Campfire‑Smoked Potato Salad with Mustard‑Bacon Vinaigrette — A Labor Day Grilling Side for Steak
Hanger Steak with Shallot Sauce
Spicy Grilled Shrimp Skewers with Garlic Lime Marinade
Honey Garlic Grilled Thin-Sliced Chicken Breasts
Coffee and Porcini Dry-Rub Steaks with RUB PRIME STEAK Finish
Greek Lamb Meatloaf
Ask me anything about this recipe — substitutions, scaling, techniques, timing.
Powered by AI · 6 questions per 5 minutes, 30 per day
