Kitchen Divas

  • Recipes
  • About
  • Contact
  • Work With Us
  • Subscribe
menu icon
go to homepage
  • Recipes
  • About
  • Contact
  • Work With Us
  • Subscribe
    • Bloglovin
    • Facebook
    • Instagram
    • Pinterest
    • Twitter
    • YouTube
  • subscribe
    search icon
    Homepage link
    • Recipes
    • About
    • Contact
    • Work With Us
    • Subscribe
    • Bloglovin
    • Facebook
    • Instagram
    • Pinterest
    • Twitter
    • YouTube
  • ×
    Home » Recipes » Dessert Recipes

    Pina Colada Upside Down Cake

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

    Share46
    Pin38
    Post
    Email
    Share
    84Shares
    84Shares
    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.

    Pina colada upside down cake.

    Piña Colada Upside Down Cake

    Karin and Ken
    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
    Get Recipe Ingredients

    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
    Pin38
    Post
    Email
    Share
    84Shares
    84Shares

    More Dessert Recipes

    • No bake banana pudding cheesecake in a bowl.
      No Bake Banana Pudding Cheesecake
    • A slice of kit kat ice cream cake on a plate with a fork to the side.
      Kit Kat Ice Cream Cake
    • No bake chocolate oatmeal cookies on a plate.
      No-Bake Chocolate Oatmeal Cookies 
    • A strawberry rice krispie treat held in the air.
      Strawberry Rice Krispie Treats 

    Leave a Reply Cancel reply

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

    Recipe Rating





    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!

    More about us

    Most Popular Summer Salads!

    • Cucumber and onion salad in vinegar in a bowl.
      Old-Fashioned Cucumbers and Onions in Vinegar
    • Cold asparagus salad on a plate with spoonful held above it.
      Easy Cold Asparagus Salad
    • Mediterranean Tortellini Caprese Salad (Costco Copycat)
    • A bowl of creamy cucumber salad.
      Creamy Cucumber Salad

    More Red, White and Blue Desserts ➡️

    Summer Favorites

    • Grandma's Old Fashioned Fruit Salad
    • A bowl of cheesecake fruit salad with a wooden spoon.
      Cheesecake Fruit Salad
    • Orange fluff salad in a teal colored bowl on a table with marshmallows and mandarin oranges around the bowl.
      Orange Fluff Salad
    • A slice of cherry cream cheese pie on a plate.
      Cherry Cream Cheese Pie (No Bake)

    More Sweet Treats ➡️

    Footer

    ↑ back to top

    About

    • About
    • Privacy Policy

    Newsletter

    • Sign up for emails and what's new!

    Contact

    • Contact
    • Work With Us

    As an Amazon Associate I earn from qualifying purchases.

    Copyright © 2025 Kitchen Divas All Rights Reserved