• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
Kitchen Divas
  • Recipes
  • Resources
    • Kitchen Divas Resources
    • Blogger Resources
  • About
  • Contact
    • Contact Us
    • Work With Us
  • Navigation Menu: Social Icons

    • Bloglovin
    • Facebook
    • Instagram
    • Pinterest
    • Twitter
    • YouTube
menu icon
go to homepage
subscribe
search icon
Homepage link
  • Recipes
  • Kitchen Divas Resources
  • Blogger Resources
  • About
  • Contact
  • Work With Us
    • Bloglovin
    • Facebook
    • Instagram
    • Pinterest
    • Twitter
    • YouTube
  • ×
    Home » Recipes » Desserts

    Pina Colada Upside Down Cake

    Published: Dec 13, 2021 by Karin and Ken · This post may contain affiliate links. Leave a Comment

    Share46
    Pin
    Tweet
    Email
    58Shares
    58Shares
    Jump to Recipe Print Recipe

    Pina Colada Upside Down Cake is the perfect dessert. This light, yet filling cake is just as satisfying and will have you feeling like you're on vacation instantly! 

    A tropical twist on a classic cake, this Pina Colada Upside Down Cake is the perfect summer dessert. It’s light yet filling with just as satisfying ingredients as you would find in a pina colada!

    pina colada upside down cake on a white plate with a gold fork.

    Pina Colada Upside Down Cake Recipe

    This recipe is one that may look complicated at first glance but don’t be fooled - it’s really quite easy to make! It will have you feeling like you're on vacation instantly without all the hassle of travel plans or time off from work. Enjoy your staycation today with Piña Colada Upside Down Cake!

    Ingredients

    This coconut flavored filled cake doesn't require any fancy ingredients. After one quick trip to the grocery store, you will be ready to make this delicious cake.

    • unsalted butter
    • brown sugar
    • shredded coconut
    • pineapple slices
    • maraschino cherries
    • super moist vanilla cake mix
    • coconut milk
    • eggs
    • plain greek yogurt
    • coconut extract

    See the recipe card for quantities.

    How to Make Pina Colada Upside Down Cake

    Don't get overwhelmed by the six steps needed to make this cake! This cake is easy to make and worth the effort!

    Step 1: Preheat the oven

    Preheat the oven to 350 degrees. Place butter in the bottom of a 9x13 oven-safe dish and return the dish to the oven while it is preheating. Allow butter to melt fully.

    Step 2: Layer the bottom of the pan

    Once butter is completely melted, carefully remove the dish from the oven and add brown sugar. Mix brown sugar until it is fully dissolved, press into the bottom of the dish. Sprinkle coconut flakes over top evenly, covering the entire surface. Arrange pineapple slices over top and add a cherry in the center of each slice. 

    Step 3: Mix the cake mix

    In a medium mixing bowl, mix together the cake mix, coconut milk, eggs, yogurt, and coconut extract. Use an electric mixer or beat the mixture together by hand until well combined. 

    Step 4: Bake the cake

    Pour the cake mix into the pan and spread evenly across the pineapple layer. This should cover the entire surface evenly. Place the dish in the oven and bake for 40-45 minutes. 

    Step 5: Flip the cake

    When cooking time is complete, carefully remove from the oven. Immediately, cover the top of the dish with a cooling rack. Using oven mitts to protect your hands, hold the cooling rack firmly against the pan while you flip the pan upside down, allowing the cake to now rest on top of the cooling rack. Wait 5 minutes before removing the pan. 

    Step 6: Finish the cake

    Remove the pan from off of the cake and allow the cake to cool on the rack for an additional 5 minutes before cutting and serving. Serve with additional cherries and/or coconut flakes. 

    pina colada upside down cake on a wire rack cooling

    Substitutions

    Don't have the correct ingredients on hand? Or want to change something up? Here are some helpful tips for you to change this Pina Colada Upside Down Cake.

    • Cake Mix - use homemade cake mix if you prefer.
    • Coconut Milk - use cream of coconut for an even more moist and sweet cake.
    • Sour Cream - Sour cream makes a great replacement for greek yogurt.

    Variations

    Want to personalize this Pina Colada Upside Down Cake recipe? Here are some of my tried and true tips for changing up this recipe.

    • Cupcakes- use a muffin tin to make this recipe into cupcakes.
    • Cool Whip - top your cake with cool whip for a creamy sweet treat.
    • Pineapple Cake Mix - use pineapple-flavored cake mix for additional pineapple flavor.

    If you love recipes like this, you may also enjoy Air Fryer Coconut Shrimp with Pina Colada sauce recipe.

    bite of pina colada cake on a gold fork

    Equipment

    To make this flavorful cake you only need five kitchen tools, so gather these tools and get ready to bake! You will be so glad that you did!

    • 9x13 baking pan
    • mixing bowl
    • mixer
    • rubber spatula
    • cooling rack

    Storage

    Store the cake you do not eat right away in an airtight container. It will keep fresh for a couple of days at room temperature and the flavor only gets better with time!

    Tips

    • This is a light recipe, perfect for the summertime. It is not too filling and pairs terrific with- you guessed it...a piña colada!!
    • For additional flavor, lower your yogurt amount to ¼ cup and add in ¼ cup of piña colada cocktail mix. However, this will make your dish much sweeter. 
    • Leftovers can be stored inside the refrigerator or outside the refrigerator (fully covered) for 3-5 days after cooking.  
    slice of pina colada upside down cake on a white plate

    More Cake Recipes

    Do you like cake recipes? Here are some recipes you may also like to try:

    • Orange Bundt Cake
    • Chocolate Pumpkin Mousse Cake
    • Swiss Roll Lush Cake

    FAQ

    Do you have questions about Pina Colada Upside Down Cake? Here are some of the most commonly asked questions about this cake recipe.

    Can I freeze this cake?

    Yes! Pina Colada cake is best frozen inside an airtight container for up to 3 months.

    Can I make this cake ahead?

    Yes! This cake can be made 2-3 days ahead. Store in an airtight container until ready to serve.

    Can I make this a boozy cake?

    Yes, you can add ¼ cup of rum to the cake batter if you want a boozy cake.

    Pina Colada Upside Down Cake Recipe

    Ready to get cooking? Remember that you can print this recipe if you would like.

    Piña Colada Upside Down Cake

    This Pina Colada Upside Down Cake is everything you could ever want in a cake. It's moist, sweet, tart, full of flavor and it has pineapple
    Print Recipe Pin Recipe
    Prep Time 10 minutes mins
    Cook Time 45 minutes mins
    Total Time 55 minutes mins
    Course Dessert
    Cuisine American
    Servings 12 Servings
    Calories 356 kcal

    Equipment

    • Measuring cups and spoons
    • 9 x 13 casserole dish
    • medium mixing bowl
    • wire rack

    Ingredients
      

    • ¼ cup unsalted butter
    • 1 cup brown sugar
    • 1 cup shredded coconut
    • 1 can pineapple slices
    • ½ cup maraschino cherries
    • 1 box vanilla cake mix
    • ½ cup coconut milk or milk
    • 3 large eggs
    • ½ plain greek yogurt or sour cream
    • 1 teaspoon coconut extract

    Instructions
     

    • Gather all the ingredients
    • Preheat the oven to 350 degrees.
    • Place but in the bottom of a 9x13 oven-safe dish. Allow butter to melt fully.
    • Once butter is completely melted, carefully remove the dish from the oven and add brown sugar. Mix brown sugar until it is fully dissolved, press into the bottom of the dish.
    • Sprinkle coconut flakes overtop evenly, covering the entire surface.
    • Arrange pineapple slices overtop and add in a cherry in the center of each slice.
    • In a medium mixing bowl, mix together the cake mix, coconut milk, eggs, yogurt and coconut extract. Use an electric mixer or beat mixture together by hand until well combined.
    • Pour the cake mix into the pan and spread evenly across the pineapple layer. This should cover the entire surface evenly.
    • Place the dish in the oven and bake for 40-45 minutes.
    • When cooking time is complete, carefully remove from the oven. Immediately, cover the top of the dish with a cooling rack. Using oven mitts to protect your hands, hold the cooling rack firmly against the pan while you flip the pan upside down, allowing the cake to now rest on top of the cooling rack. Wait 5 minutes before removing the pan.
    • Remove the pan from off of the cake and allow the cake to cool on the rack for an additional 5 minutes before cutting and serving.
    • Serve with additional cherries and/or coconut flakes.

    Notes

    This is a light recipe, perfect for the summertime. It is not too filling and pairs terrific with- you guessed it...a piña colada!!
    For additional flavor, lower your yogurt amount to ¼ cup and add in ¼ cup of piña colada cocktail mix. However this will make your dish much sweeter. 
    Leftovers can be stored inside the refrigerator or outside the refrigerator (fully covered) for 3-5 days after cooking.  

    Nutrition

    Serving: 1ServingCalories: 356kcalCarbohydrates: 62gProtein: 4gFat: 11gSaturated Fat: 8gPolyunsaturated Fat: 1gMonounsaturated Fat: 2gTrans Fat: 1gCholesterol: 51mgSodium: 341mgPotassium: 122mgFiber: 1gSugar: 44gVitamin A: 184IUVitamin C: 1mgCalcium: 126mgIron: 2mg
    Keyword pina colada upside down cake
    Tried this recipe?Let us know how it was!
    Share46
    Pin
    Tweet
    Email
    58Shares
    58Shares

    More Desserts

    • Chocolate Peanut Butter Poke Cake
    • Buttermilk Blueberry Breakfast Cake
    • Baileys Brownie Bites with Baileys Ganache
    • Berries with Devon Custard or easy Ambrosia Custard Recipe in three glass bowls.
      Ambrosia Custard Recipe (Devon Custard)

    Reader Interactions

    Leave a Reply Cancel reply

    Your email address will not be published. Required fields are marked *

    Recipe Rating




    Primary Sidebar

    • Bloglovin
    • Facebook
    • Instagram
    • Pinterest
    • Twitter
    • YouTube

    Welcome!

    We are the kitchen divas: Karin and my partner in life Ken.

    We have been attached at the heart and hip since the first day we met, and we love to create new dishes to keep things interesting. Variety is definitely the spice of life!

    Read more...

    Latest Recipes

    • Chocolate Peanut Butter Poke Cake
    • Baked Garlic Butter Carrots
    • Garlic Chicken Thighs
    • Kraft Tartar Sauce Copycat Recipe

    Footer

    Join me in the kitchen for a week of our favorite Sweets and Treats!

    • Bloglovin
    • Facebook
    • Instagram
    • Pinterest
    • Twitter
    • YouTube

    © 2023 · Kitchen Divas · All Rights Reserved · Privacy Policy