Print Pin
4.6 from 5 votes

Pina Colada Pineapple Upside Down Cake

Coconut extract is added to a traditional pineapple upside down cake to turn it into a pina colada pineapple upside down cake everyone will love!
Course Dessert
Cuisine American
Keyword cake
Prep Time 10 minutes
Cook Time 45 minutes
Total Time 55 minutes
Servings 12
Calories 363kcal
Author Sortable


  • 1 box yellow cake mix
  • 1 cup plain non-fat Greek yogurt
  • 1 cup water (I used coconut water)
  • 2 tsp coconut extract
  • 1/2 cup butter
  • 1 cup brown sugar
  • 12 slices pineapple (2 cans)
  • 18 maraschino cherries
  • Shredded coconut for garnish


  • Preheat oven to 350 degrees.
  • In a small bowl mix melted butter and brown sugar. Pour evenly into a 9-inch x 13-inch pan.
  • In a large mixing bowl combine cake mix, Greek yogurt, water, and coconut extract. Beat for 2 minutes.
  • Arrange the pineapple slices in an even layer on the bottom of the pan and push into the brown sugar mixture. Place a cherry in the center of each pineapple slice and in the holes created where four pineapples meet.
  • Pour cake batter on top of the fruit and spread into an even layer.
  • Bake for 40-45 min. Allow to cool in the pan for 5-10 minutes.
  • Run a knife around the edges of the pan and place a serving plate on top of the pan. Flip the cake, but leave the pan on top of the plate so that all the brown sugar can drip down.
  • Remove pan and sprinkle with shredded coconut or toasted coconut if desired.


Calories: 363kcal | Carbohydrates: 68g | Protein: 4g | Fat: 9g | Saturated Fat: 6g | Cholesterol: 21mg | Sodium: 395mg | Potassium: 160mg | Fiber: 2g | Sugar: 48g | Vitamin A: 285IU | Vitamin C: 40.2mg | Calcium: 142mg | Iron: 1.3mg