Moist Pina Colada Cake with Caramelized Pineapple

This moist and tender Piña Colada Cake is inspired by the classic Puerto Rican cocktail. Baked with crushed pineapple and finished with coconut whipped cream and toasted shredded coconut, it’s an easy, tropical dessert made from a yellow box cake mix for a quick and impressive result.

If you’ve ever enjoyed a frosty tropical Piña Colada, you know how perfectly pineapple and coconut pair. Those same flavors shine in this cake, delivering bright, tropical notes in every bite. The cake is simple to assemble and produces a soft, flavorful crumb that pairs beautifully with the light, airy coconut whipped cream topping.

Using a boxed yellow cake mix keeps the method approachable without sacrificing taste. With just a few pantry staples and canned pineapple, you can bake a showstopping dessert that’s ideal for summer gatherings, weekend treats, or anytime you want a taste of the islands.

A pina colada cake on a plate.

Instructions

Follow these clear steps to bake, top, and serve a flavorful Piña Colada Cake. Read through all steps before starting so the chilled coconut cream and any make-ahead tasks are timed correctly.

A can of coconut milk.
Chill cans of full-fat coconut milk or coconut cream the day before to separate solids from liquid for the whipped cream.
A greased spring form pan.
Prep your baking pan with parchment paper and nonstick spray for easy release.
Cake batter with eggs, pineapple and more.
Combine cake mix, eggs, sour cream, oil, and crushed pineapple until the batter is smooth and uniform.
Cake batter pouring into a pan.
Pour batter into the prepared pan and bake at 350°F (175°C) until a toothpick inserted into the center comes out clean.
Toasted coconut in a pan.
Toast shredded coconut over medium-low heat, stirring frequently, until golden and fragrant.
Whipped coconut cream.
Beat the solid cream from chilled cans of coconut milk until light and fluffy, then fold in powdered sugar to taste for a stable coconut whipped cream.
A pina colada cake on a cake stand.
Finish the cooled cake with whipped coconut cream, toasted coconut, and optional garnishes like pineapple slices or maraschino cherries.

Make Ahead Tips

img 14460 10

This cake is well suited to making ahead. The coconut cream needs to chill overnight, so plan accordingly: refrigerate the cans the day before you assemble the cake.

Bake the cake up to 24 hours in advance. Allow it to cool completely, then wrap tightly in plastic wrap and refrigerate. Chilling the cake makes it easier to top neatly with coconut whipped cream the next day.

On assembly day, toast the shredded coconut, whip the chilled coconut cream with powdered sugar, and assemble. The whole finishing step takes just minutes.

A pina colada cake on a cake stand.

More Tropical Recipes

If you love pineapple and coconut, try these other tropical favorites for more island-inspired treats and drinks:

Piña Colada drink

10-Minute Piña Colada (Classic)

Strawberry Piña Colada

Strawberry Piña Coladas

Piña Colada on the rocks

Piña Colada on the Rocks

Piña Colada cupcakes

Fluffy Piña Colada Cupcakes

A pina colada cake on a cake stand.

Happy baking! Share this cake with friends and family for a bright, tropical dessert that’s sure to be a crowd-pleaser.

Salima written in cursive

Moist Piña Colada Cake with Pineapple

  • Author: Salima Benkhalti
  • Prep Time: 2 hours (includes chilling time)
  • Cook Time: 20–25 minutes
  • Total Time: About 2–3 hours (mostly chilling)
  • Yield: 8–12 servings
  • Category: Dessert
  • Method: Baked
  • Cuisine: American, Puerto Rican

Description

This moist and tender Piña Colada Cake takes the beloved flavors of pineapple and coconut and turns them into a light, crowd-pleasing dessert. Made with a yellow box cake mix for ease, finished with a simple coconut whipped cream frosting, and topped with toasted shredded coconut for crunch and aroma. It’s a great option for summer parties, potlucks, or whenever you want a quick tropical treat.


Ingredients

For the Cake:

  • 1 (13.25 oz) box yellow cake mix
  • 3 large eggs
  • 1/2 cup sour cream
  • 1/2 cup vegetable or canola oil
  • 1/2 cup crushed or chunk pineapple, well drained

For the Frosting:

  • 3 cans full-fat coconut milk or coconut cream, chilled overnight
  • 1/2 cup powdered sugar (adjust to taste)

Topping:

  • 1/2 cup shredded coconut, toasted
  • Additional pineapple slices or cherries, optional

Instructions

  1. The day before: Place cans of full-fat coconut milk or coconut cream in the refrigerator overnight so the solids separate from the liquid.
  2. Preheat and prep: Preheat the oven to 350°F (175°C). Grease and line a 10-inch round pan with parchment paper.
  3. Make the batter: In a mixing bowl, combine the yellow cake mix, eggs, sour cream, oil, and drained pineapple. Beat on medium speed until smooth, scraping the bowl to fully incorporate the dry mix.
  4. Bake: Pour batter into the prepared pan and smooth the top. Bake for 20–25 minutes or until a toothpick inserted in the center comes out clean. Baking time varies by oven; check at 20 minutes.
  5. Toast coconut: While the cake cools, toast the shredded coconut in a dry skillet over medium-low heat, stirring often, until golden. Remove from heat and let cool.
  6. Prepare coconut whipped cream: Open the chilled cans and scoop the solid coconut cream into a chilled bowl, leaving the coconut water behind. Beat on medium speed until light and fluffy. Add powdered sugar and beat until combined. Refrigerate until ready to use.
  7. Assemble: When the cake is completely cooled, transfer to a serving plate. Spread the coconut whipped cream evenly over the top and sprinkle with toasted coconut. Add pineapple slices or cherries if desired. Keep refrigerated until serving.

Equipment

Stand mixer or a large mixing bowl and electric hand mixer

10-inch round or springform pan

Spatula and parchment paper


Enjoyed this recipe?

If you try the Piña Colada Cake, please leave a review in the comments. Feedback helps others and keeps recipe creators inspired.