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.

0.0(0 reviews)
Prep: 25m · Cook: 35m · Total60 mins
DifficultyMedium
Serves8
Grilled Pineapple Upside-Down Cake
Jake

Jake'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."

Grilled Pineapple Upside-Down Cake

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.

Plan your timing

5:55 pm6:07 pmPreheat grill and char the pineapple
6:07 pm6:19 pmMake the brown-sugar caramel in a skillet
6:19 pm6:31 pmPrepare the cake batter
6:31 pm6:43 pmPour batter and bake on the grill (indirect heat)
6:43 pm6:55 pmCool briefly, invert, and serve
Advertisement

Ingredients

Yield
8

Instructions

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
  • 10 tbspUnsalted butter (total)
  • 0.63 cupLight brown sugar (total)

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.
Make the brown-sugar caramel in a skillet

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.5 cupAll-purpose flour
  • 2 tspBaking powder
  • 0.5 tspSalt
  • 0.75 cupGranulated sugar
  • 2 largeLarge eggs
  • 0.5 cupWhole milk
  • 1 tspVanilla extract
Prepare the cake batter

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.
Pour batter and bake on the grill (indirect heat)

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.
Cool briefly, invert, and serve

Tips from the kitchen

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.

Variations & 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.

Storage & make-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 it

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.

Frequently asked questions

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.

Jake

About the author

Jake

Hello, 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

Ratings & Reviews

Did you make this recipe?

Be the first to share your experience.

Ingredients

8 servings
Step 1: Preheat grill and char the pineapple
  • Fresh pineapple rings8 rings
  • Unsalted butter (total)10 tbsp
  • Light brown sugar (total)0.63 cup
Step 3: Prepare the cake batter
  • All-purpose flour1.5 cup
  • Baking powder2 tsp
  • Salt0.5 tsp
  • Granulated sugar0.75 cup
  • Large eggs2 large
  • Whole milk0.5 cup
  • Vanilla extract1 tsp

Nutrition Facts

Per serving: 1 slice (156g)

Calories438
Total Fat19.6g
Saturated Fat11.6g
Trans Fat0.1g
Polyunsaturated Fat0.1g
Monounsaturated Fat1.1g
Total Carbohydrates61.2g
Dietary Fiber0.1g
Total Sugars22.4g
Protein5.2g

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.

Sous-chef
Grilled Pineapple Upside-Down Cake

Ask me anything about this recipe — substitutions, scaling, techniques, timing.

Powered by AI · Answers may not always be perfect