Go Back
Mili's pineapple upside down cake recipe

Mili's Pineapple Upside Down Cake

Mili Takashima
Luscious pineapple is laid out on the bottom of this comfort-food classic. This cake recipe has a soft, tender crumb, that is not-too-sweet, and can be made dairy-free or vegan. I'm going to let you in on the secret for this versatile treat: it's also a great cake base, and tastes amazing with confetti sprinkles folded-in, if you want to switch this up. (That's just one idea.)
I updated this recipe to add the buttercotch sauce as an option to pour over after laying down the bottom pineapple layer.
A single batch can make a single 8" cake layer, with enough reserved for 8 mini cupcakes. It is also enough to make up to about two loaves or two thinner 6" cake layers, and should be enough to make 20-24 standard size cupcakes.

Ingredients
  

  • 1 and 1/2 cups pineapple chunks If using fresh, chop to make at least this much. If using canned, one 20 ounce can of crushed. If you'd like the addition of rings, use a second can of pineapple for this. I didn't use the rings for this post because I didn't have them on-hand.
  • 1/3 cup pineapple juice (or syrup) reserved from straining the fresh or canned pineapple
  • 1/2 cup softened butter I always use salted. This is one stick or 8 tablespoons. To make this dairy-free or vegan, use vegan butter in the same ratio.
  • 1 and 1/2 cups granulated sugar
  • 1 teaspoon baking powder
  • 3/4 teaspoon baking soda
  • 1/4 teaspoon salt
  • 1 teaspoon vanilla (optional) I didn't use it with this particular post.
  • 2 whole eggs To make this vegan, use an egg substitute.
  • 3 tablespoons oil I recommend canola or avocado oil
  • 1 cup buttermilk To make this vegan, pour one tablespoon of white vinegar and then one cup of soy milk or coconut milk on top. Allow to stand for 5 minutes before using, so that it can curdle.
  • 2 cups all purpose flour The end result will be perfectly fine to make this recipe vegan with all purpose flour. The same end result for this recipe will not be made, if you are making this cake both vegan and with the use of gluten free flours.

optional butterscotch sauce

  • 1/2 cup butter Use dairy free butter as a 1:1 ratio replacement if you want to make this vegan or dairy free.
  • 1 cup brown sugar
  • 1/2 teaspoon coarse kosher salt

Instructions
 

  • Preheat your oven to 350 degrees. Prepare your pineapple. Strain and shake out the juice. You should have about a cup of reserved juice or syrup from one can, or about a cup and a half of fresh-cut pineapple.
    Mili's pineapple upside down cake recipe

prepare the baking pan

  • For this post, I'm using an 8"x8" pan. Use a pencil to trace parchment paper to fit the bottom. (I also baked 8 mini cupcakes and had than pan set aside.)
    Mili's pineapple upside down cake recipe
  • Spray with cooking spray or coat with softened butter. Place the parchment paper to the inside.
    Mili's pineapple upside down cake recipe
  • Spray again and dust with flour.
    Mili's pineapple upside down cake recipe
  • Separate the strained pineapple. If you are using one can of pineapple chunks like I did here, one cup will be spread down over the bottom of the pan. The remaining half-cup will be set aside and reserved for the last step of the cake batter.
    If you do have a second can of pineapple, or of the pineapple rings, I recommend using them. I like the end result, with even more pineapple placed at the bottom. However, if you are like me when I documented this recipe, and only have one can at home, you're still going to love this, and it's going to be awesome, so no worries.
    Mili's pineapple upside down cake recipe
  • Once you evenly laid out the pineapple layer, you can place the cherries if you want. This is optional. I placed this sheet, half with cherries just to show you the option. I simply cut three Maraschino cherries in half and placed them by pressing down firmly so that they won't move.
    Mili's pineapple upside down cake recipe

adding a butterscotch layer

  • Melt the butter, brown sugar, and salt in a pan, and bring to a boil.
  • Pour on top of placed pineapple, and spread for all-over coverage.

prepare the cake batter

  • In a bowl, cream the butter until it covers the bottom of the bowl. To soften the butter, leave it out until it is soft to the touch within the wrapper. Otherwise, you can put a stick from the fridge, in the microwave for about 15 seconds.
    Mili's pineapple upside down cake recipe
  • Combine sugar. Then add the baking powder, baking soda, and salt. If you're using vanilla, now is the time to add it.
    Mili's pineapple upside down cake recipe
  • Add eggs. One at a time.
    Mili's pineapple upside down cake recipe
  • Prepare the wet ingredients. Measure one cup of buttermilk. To this, add 1/3 cup of the reserved pineapple juice or syrup. Add the oil. No need to mix.
    Mili's pineapple upside down cake recipe
  • Pour about 1/3 of the liquid into the batter. Mix.
    Mili's pineapple upside down cake recipe
  • Add all the flour. If you want to add a little flour and then wet at a time until it's all combined, that is fine too. This is how I do it. I like to avoid over-mixing since it changes the texture of the end-result.
    Mili's pineapple upside down cake recipe
  • If you're all-in on the flour like me, use your paddle to fold in the flour by-hand, so it doesn't fly all over the place and you're speeding up the mixing process.
    Mili's pineapple upside down cake recipe
  • Add the wet.
    Mili's pineapple upside down cake recipe
  • Again, use your paddle to combine by-hand.
    Mili's pineapple upside down cake recipe
  • Then mix completely until almost totally smooth.
    Mili's pineapple upside down cake recipe
  • Add the 1/2 cup of pineapple chunks that you had reserved and set-aside. Gently fold-in pineapple. Mix by hand and not with attachment.
    Mili's pineapple upside down cake recipe
  • Spoon the cake batter onto the prepared pineapple layer.
    Mili's pineapple upside down cake recipe
  • Here's the finished pan before it goes into the oven.
    Mili's pineapple upside down cake recipe
  • I spooned the rest to make cupcakes.
    Mili's pineapple upside down cake recipe
  • Put both the cake and the cupcakes into the oven. Bake-time for the cupcakes is 15 minutes or so, depending on your oven.
    Mili's pineapple upside down cake recipe
  • The cake will bake for 45-50 minutes. Start checking it just after 40 minutes. Once your center check-stick comes out clean, you're set to take it out. Allow it to cool until you can handle the pan. It can be warm when you're ready to flip it. Use the smooth edge of a butter knife or an inverted spatula to release the cake from the sides of the pan.
    Mili's pineapple upside down cake recipe
  • Place a plate that fits/covers the cake, to the top. the top of the cake is now the bottom. You're going to flip this so that the pineapple is at the top of your finished cake.
    Flip and remove the parchment paper from the bottom.
    Mili's pineapple upside down cake recipe
  • Allow to cool before serving.
    Mili's pineapple upside down cake recipe
  • Cake version with butterscotch layer baked-in.