How many servings does this recipe make?

This recipe makes 4 servings. You can adjust the portion size directly on this page.

What ingredients do I need for Mango Pineapple Upside-Down Cake Recipe?

You need 13 ingredients. The key ingredients include: 2 tablespoons unsalted butter, melted, 1/3 cup brown sugar, 1 mango, peeled, cored, and sliced into about 1/2-inch wide and 1/4-inch thick strips, 1 1/3 cups all purpose flour, and more.

Is Mango Pineapple Upside-Down Cake Recipe suitable as baking & desserts?

Yes, Mango Pineapple Upside-Down Cake Recipe falls under the Baking & Desserts category and is a great choice for this type of meal.

How do I store leftover Mango Pineapple Upside-Down Cake Recipe?

Store in an airtight container at room temperature for up to 3–5 days. For longer storage, freeze for up to 3 months — no need to refrigerate or reheat.

Mango Pineapple Upside-Down Cake Recipe

Name: Mango Pineapple Upside-Down Cake Recipe
Prep time: 15 min
Cook time: 30 min
Total time: 45 min
Yield: 4 servings
Ingredients: 2 tablespoons unsalted butter, melted; 1/3 cup brown sugar; 1 mango, peeled, cored, and sliced into about 1/2-inch wide and 1/4-inch thick strips; 1 1/3 cups all purpose flour; 1 tablespoon baking powder; 1/4 teaspoon baking soda; 1/2 teaspoon salt; 8 tablespoons unsalted butter, at room temperature; 2/3 cup brown sugar; 1 egg; 1 teaspoon vanilla; 2/3 cup sour cream; 3/4 cup diced pineapple, from about 1 small pineapple (hulled and cored)

Bake this irresistible Mango Pineapple Upside-Down Cake at home. Made with unsalted butter, brown sugar, mango and flour. Easy step-by-step instruction…

This Mango Pineapple Upside-Down Cake relies on simple, everyday ingredients such as unsalted butter, melted, brown sugar, all purpose flour and baking powder. It comes together quickly and makes 4 servings, at about 763 kcal each. The step-by-step instructions below are written to be easy to follow, even on a busy day.

Whether you're rounding off a family dinner, bringing a treat to a gathering, or simply satisfying a sweet craving, this Mango Pineapple Upside-Down Cake delivers. Serve it warm or at room temperature, and add a scoop of ice cream or a spoonful of whipped cream for an extra-special finish.

Updated Jun 30, 2026

Serves 4 Baking & Desserts

Tips for the best results

Read through all the steps once before you start and measure out your ingredients first — it makes everything go more smoothly.
Preheat the oven fully and bake on the middle rack for the most even results.
Check for doneness a few minutes early — a toothpick in the center should come out with just a few moist crumbs.
Let it cool before slicing so it sets properly and holds its shape.
Store leftovers in an airtight container in the fridge and enjoy within a few days.

Variations & substitutions

Use a neutral oil or a plant-based spread in place of butter for a dairy-free version.
Brown sugar instead of white sugar adds a deeper, more caramel-like flavor.
A good 1:1 gluten-free flour blend works well if you need a gluten-free version.
Coconut cream is a reliable plant-based alternative to dairy cream.

No specific allergen information. Please check the ingredient list for possible allergens.

My Personal Notes

Saved locally in your browser — visible only to you.

Mango Pineapple Upside-Down Cake Recipe

Tips for the best results

Variations & substitutions

My Personal Notes

How did you like this recipe?

Frequently Asked Questions