Mango Upside-Down Cake with Brown Sugar Caramel

Prep: 15 minCook: 28 min1 cake (8 slices)mediumAmerican
Mango Upside-Down Cake with Brown Sugar Caramel

A classic inverted cake where caramelized brown sugar and butter create a glossy mango topping that becomes the star when flipped. Tender, lightly lemon-scented sponge cake pairs with juicy mango slices and rich caramel. Serve warm for best texture and flavor. This version uses jarred mango for convenience while delivering the elegance of a restaurant-style dessert. Perfect for dinner parties, special occasions, or when you want an impressive homemade cake without complicated techniques.

Ingredients

Yield: 1 cake (8 slices)
  • 1 20-ounce jar mango in extra light syrup, drained, syrup reserved
    pineapple1:1fruit

    no change needed

    Full guide →
  • ½ cup brown sugar, firmly packed
    honey0.75:1sweetener swap

    reduce liquid slightly

    Full guide →
  • ¼ cup butter, melted
    coconut oil1:1dairy-freedairy-free

    use refined for neutral flavor

    Full guide →
  • 1 ¼ cups all-purpose flour
    cake flour0.9:1gluten-free alternative

    reduces density slightly

  • 1 ½ teaspoons baking powder
  • ¼ teaspoon salt
  • 6 tablespoons butter, softened
    coconut oil1:1dairy-freedairy-free

    use refined for neutral flavor

    Full guide →
  • ½ cup sugar
    honey0.75:1sweetener swap

    reduce liquid slightly

    Full guide →
  • 1 teaspoon lemon zest, freshly grated
  • 1 large egg
    flax egg (1 tbsp ground flax + 3 tbsp water)1:1vegan

    let sit 5 minutes before adding

    Full guide →
  • 2 tablespoons mango syrup, from jar
    pineapple1:1fruit

    no change needed

    Full guide →
  • 1 teaspoon vanilla extract

Instructions

  1. 1

    Heat oven to 350F.

  2. 2

    Spray 9-inch round pan with cooking spray.

  3. 3

    Drain mango and reserve 2 tablespoons syrup; slice mango into 1/4-inch pieces.

  4. 4

    Mix brown sugar and melted butter; spread onto pan bottom.

  5. 5

    Arrange mango slices to cover entire surface.

  6. 6

    Combine flour, baking powder and salt in separate bowl.

  7. 7

    Beat softened butter, sugar and lemon zest until creamy.

  8. 8

    Add egg, reserved mango syrup and vanilla; beat until mixed.

  9. 9

    Add flour mixture; beat at low speed until just combined.

  10. 10

    Drop batter evenly over mango; carefully spread to cover.

  11. 11

    Bake 25-30 minutes until toothpick comes out clean and cake springs back when touched.

  12. 12

    Cool 5 minutes; run knife around pan edge.

  13. 13

    Invert onto serving platter; serve warm.

Tips

Tip 1

Arrange mango slices in a pattern before spreading batter so the design shows when inverted. Work quickly after adding batter to prevent sugar settling.

Tip 2

Cool only 5 minutes before inverting; the caramel sets as it cools, making removal difficult if you wait longer.

Tip 3

Use a 9-inch round cake pan for best results; other sizes will affect baking time and texture.

Good to Know

Storage

Cover and refrigerate up to 3 days. Room temperature in airtight container up to 2 days.

Make Ahead

Prepare through batter; bake within 30 minutes for best rise. Baked cake holds 2 days refrigerated.

Serve With

Serve warm or at room temperature. Reheat gently in 300F oven for 10 minutes if desired.

See pairing guide →

Common Mistakes

Watch

Do not skip the 5-minute cooling window before inverting; waiting too long causes caramel to harden and stick.

Watch

Do not skip spreading batter to cover mangoes completely; dry spots will appear on finished cake.

Watch

Do not overbake; overdone cake becomes dry and difficult to invert cleanly.

Substitutions

Dairy-Free Swaps

butter
coconut oil1:1dairy-freedairy-free

use refined for neutral flavor

Full guide →

Vegan Options

egg
flax egg (1 tbsp ground flax + 3 tbsp water)1:1vegan

let sit 5 minutes before adding

Full guide →

Gluten-Free Swaps

all-purpose flour
cake flour0.9:1gluten-free alternative

reduces density slightly

Full guide →

General Alternatives

mango
pineapple1:1fruit

no change needed

Full guide →
sugar
honey0.75:1sweetener swap

reduce liquid slightly

Full guide →
Find more substitutions →

FAQ

Can I make this ahead and freeze it?

Yes. Cool completely, wrap tightly in plastic wrap and foil, freeze up to 1 month. Thaw at room temperature 4 hours or overnight. Reheat gently in 300F oven.

What if I don't have a 9-inch round pan?

An 8-inch round works; increase baking time to 30-35 minutes. An 8x8-inch square pan also works but will be thicker with longer bake time. Monitor closely.

How long does this cake keep once inverted?

Best within 24 hours of inverting for optimal caramel texture. Refrigerate up to 3 days; cover to prevent drying. The caramel softens slightly but remains edible.