I have to tell you about one of my absolute favorites from the tropical dessert world: my Pina Colada Cake (Pineapple Coconut Cake) Recipe. It’s a moist, luscious cake that brings together the bright, juicy sweetness of pineapple with the rich, creamy warmth of coconut. Every bite takes me straight to a beach vacation, yet it’s incredibly easy to make right at home — perfect for sharing with loved ones or just treating yourself to a slice of paradise.

Why You’ll Love This Pina Colada Cake (Pineapple Coconut Cake) Recipe

What draws me to this Pina Colada Cake (Pineapple Coconut Cake) Recipe every time is its irresistible flavor combination. The pineapple gives a natural, juicy tang that wakes up your palate, while the coconut brings a smooth, tropical creaminess that feels indulgent without being heavy. Together, they create a perfect balance of fresh and rich, with just a hint of vanilla to make it feel extra cozy. It’s like having your favorite cocktail transformed into a dessert that you can savor any time.

Another thing I absolutely love is how simple this recipe is to prepare. It’s one of those cakes where you can throw most ingredients in a bowl, let the oven do the magic, and then take a little extra time to pour the luscious coconut-pineapple filling over the top. It doesn’t require complicated techniques or fancy tools, so it’s a fantastic choice whether you’re baking for a family gathering, a summer barbecue, or even a cheerful weeknight treat. Honestly, I think this cake stands out because it feels festive and luxurious, yet comforting and approachable.

Ingredients You’ll Need

A close-up image of a square slice of yellow pineapple cake on a white plate with a textured rim, showing three distinct layers: a thick, moist yellow cake base, a fluffy white whipped cream layer on top, and golden toasted coconut flakes sprinkled over the cream. The cake piece has a bite taken out of the front corner where a portion of the fluffy cream and cake crumb is visible beside a silver fork resting on the plate. In the background, there is a blurred whole pineapple and a second slice of the same cake on a white marbled surface, along with a green mint leaf garnish near the plate's edge. Photo taken with an iphone --ar 4:5 --v 7

The magic of this cake really comes down to its straightforward but essential ingredients, each playing a key role in texture, flavor, and that gorgeous tropical vibe. Here’s what you’ll want to gather before diving in.

  • Cake mix (1 box, 15.25 oz): I use white, vanilla, or yellow cake mix as a perfect, fluffy base.
  • Crushed pineapple (1 cup, undrained): Adds juicy sweetness and moisture, making the cake incredibly tender.
  • Vegetable oil (½ cup): Keeps the cake moist without overpowering the flavors.
  • Large eggs (3, room temperature): Help bind everything together and contribute richness.
  • Cream of coconut (15 oz): Essential for that authentic pina colada creaminess; don’t substitute with coconut milk or cream.
  • Pineapple juice (½ cup): Adds bright tropical notes and thins the cream of coconut for perfect soaking.
  • Vanilla extract (2 tsp): Rounds out flavors with warm sweetness.
  • Instant coconut cream pudding mix (3.4 oz): Creates a thick, luscious frosting; vanilla or French vanilla works well.
  • Whole milk (1 cup): Hydrates the pudding mix and contributes creaminess.
  • Whipped topping (8 oz): Lightens the frosting, making it fluffy and dreamy.
  • Crushed pineapple (½ cup, well drained): Adds extra texture and bursts of fruity flavor to the frosting.
  • Toasted coconut (⅔ cup, optional): For garnish — it adds a toasty crunch and stunning presentation.

Directions

Step 1: Preheat your oven to 350°F and spray a 9×13 baking dish with baking spray to ensure the cake doesn’t stick and has lovely square edges for serving.

Step 2: In a large bowl or your stand mixer, combine the cake mix, crushed pineapple (don’t drain), vegetable oil, and room-temperature eggs. Start mixing on low for about 30 seconds, then crank it up to medium and beat for 2 more minutes. You’ll want a smooth, fully combined batter.

Step 3: Pour the batter evenly into your prepared pan. Smooth the top with a spatula or spoon to ensure the cake bakes evenly.

Step 4: Bake for 28 to 33 minutes, or until a toothpick inserted in the center comes out clean. Once done, transfer the cake to a wire rack and let it cool for 30 minutes.

Step 5: After cooling, gently poke holes all over the cake with a fork, trying your best not to crumble the top. These holes will allow the delicious pina colada filling to soak in and infuse the cake with flavor.

Step 6: In a medium bowl, whisk together the cream of coconut, pineapple juice, and vanilla extract. Slowly pour this mixture over the entire cake, letting it seep into every hole. Then let the cake rest until fully cooled and the liquid is absorbed.

Step 7: Time for the luscious frosting! In a large bowl, whisk the instant pudding mix and whole milk together for about 2 minutes until thickened.

Step 8: Fold the whipped topping gently into the pudding mixture until there are no streaks left. Add the well-drained crushed pineapple and fold evenly.

Step 9: Spread the frosting evenly over the cooled cake using an offset spatula for a smooth finish. If you love a little crunch and added flavor, sprinkle toasted coconut all over the top.

Step 10: Cut into squares and enjoy every blissful slice!

Servings and Timing

This Pina Colada Cake (Pineapple Coconut Cake) Recipe makes about 24 generous servings, perfect for parties or large family gatherings. Prep time is roughly 10 minutes, baking takes 28 to 33 minutes, and cooling plus soaking time is about 45 minutes, meaning the total time from start to finish clocks in around 1 hour and 30 minutes. The resting period after pouring the pineapple-coconut mixture is crucial for the perfect moist texture.

How to Serve This Pina Colada Cake (Pineapple Coconut Cake) Recipe

A square piece of yellow cake with a moist texture sits on a white plate with small round cut-out patterns around the edge, topped with a thick layer of creamy white frosting sprinkled with toasted golden shredded coconut. A bright green mint leaf is placed next to the cake on the plate, and blurred in the background, another slice of cake is visible on a similar white plate along with two silver forks on a white marbled surface. Photo taken with an iphone --ar 4:5 --v 7

When it comes to serving this cake, I like to keep it simple and let those tropical flavors shine. This cake is fantastic chilled or at room temperature, depending on your preference. I often serve it slightly chilled during warmer months because the cool creaminess pairs perfectly with its fruity tang. For a cozier vibe, room-temperature slices give you that soft, tender crumb and rich frosting experience.

I love pairing this cake with a light side like fresh fruit salad or a tangy citrus sorbet to complement its sweetness. Garnishing with extra toasted coconut or even a few pineapple slices on the side makes for a visually stunning plate that truly invites you to dig in. For drinks, you can’t go wrong with a chilled white wine like a Riesling or a fruity, light sparkling wine. If you want to keep it non-alcoholic, pineapple juice or a coconut water mocktail both enhance the tropical theme beautifully.

This cake shines during summer picnics, birthdays, or any festive gathering where you want something both fun and elegant. Because it’s such a crowd-pleaser, I always recommend cutting it into smaller portions to let everyone enjoy a taste without feeling overwhelmed—though I can’t blame anyone for wanting seconds!

Variations

I’ve had so much fun experimenting with variations on this Pina Colada Cake (Pineapple Coconut Cake) Recipe. For those watching gluten, you can swap the boxed cake mix with a gluten-free vanilla blend, and just make sure your pudding mix is gluten-free as well. Vegan bakers can substitute the eggs with flax eggs, use a vegan cake mix, and swap dairy milk for coconut or almond milk, plus find a vegan whipped topping alternative — and the tropical vibe definitely still shines through.

If you’re feeling adventurous, try adding a splash of rum or coconut rum to the cream of coconut mixture for an adult twist that’s reminiscent of the classic cocktail. You could also experiment with different frostings, like a coconut cream cheese frosting for a tangier, richer finish. For texture lovers, adding toasted macadamia nuts or chopped pecans to the frosting creates a delightful crunch I adore.

While the traditional baking method works beautifully, I’ve also made mini versions in cupcake tins — just reduce baking time and you’ve got adorable individual treats perfect for parties. Plus, layering this cake with pineapple slices or coconut flakes between tiers makes for a stunning stacked cake that’s sure to impress.

Storage and Reheating

Storing Leftovers

After enjoying your cake, I recommend storing leftovers in an airtight container in the refrigerator. This helps maintain the moisture and freshness of the cake and frosting. When covered properly, the cake stays good for up to 4 days. I find that the flavors even deepen a bit after a day, making leftovers not just convenient but sometimes better!

Freezing

This cake freezes well, which is great if you want to make it in advance. I like to slice it into individual portions, wrap each tightly in plastic wrap, and then place the slices in a freezer-safe container or bag. Frozen this way, the cake retains great flavor and texture for up to 2 months. When you’re ready, just thaw the slices in the fridge overnight for best results.

Reheating

Since this cake is best served chilled or at room temperature, I don’t recommend reheating it in a microwave or oven as it can change the texture, making it soggy or drying out the frosting. Instead, just allow frozen pieces to thaw slowly in the fridge. If you prefer it slightly warmer, letting it sit at room temperature for about 30 minutes before serving usually does the trick without compromising the delicate balance of flavors and moisture.

FAQs

Can I use fresh pineapple instead of canned crushed pineapple?

Yes, you can definitely use fresh crushed pineapple. Just make sure to finely chop it and measure it well. Also, avoid draining too much juice, as the cake relies on that moisture for its signature texture. Fresh pineapple might have a slightly brighter, fresher taste but the overall cake will still be delicious.

What if I can’t find cream of coconut? Is there a substitute?

Cream of coconut is a key ingredient for that authentic flavor and sweetness. However, if you can’t find it, you can substitute with sweetened condensed milk, though it will change the flavor profile slightly, making the cake less coconut-forward but still rich. Coconut milk or coconut cream won’t provide the same sweet, creamy texture, so I usually don’t recommend those as direct swaps.

Can I make this cake ahead of time?

Absolutely! This cake actually benefits from some resting time after assembly, so making it a day in advance allows the flavors to meld beautifully. Just keep it refrigerated and cover tightly. It’s perfect for busy schedules or party prep.

Is this Pina Colada Cake very sweet?

It has a lovely natural sweetness from the pineapple and cream of coconut, but it’s balanced by the vanilla and the lightness of the whipped topping. If you prefer less sweetness, you can slightly reduce the amount of cream of coconut or use a lighter frosting, but I find the original proportions hit the perfect tropical dessert spot.

What’s the best way to toast coconut for the topping?

I toast shredded or flaked coconut in a dry skillet over medium heat, stirring frequently until it turns golden brown and fragrant—usually just a few minutes. Keep a close eye on it to avoid burning. Toasted coconut adds a wonderful crunch and nutty flavor that brightens the cake’s appearance and taste.

Conclusion

I truly hope you give my Pina Colada Cake (Pineapple Coconut Cake) Recipe a try because it’s one of those rare desserts that feels like a little tropical vacation on your plate. It’s easy, fun, and a guaranteed crowd-pleaser. Whether for special occasions or a sweet treat after dinner, this cake will fill your kitchen with sunshine and your heart with joy. Happy baking!

Print
clockclock iconcutlerycutlery iconflagflag iconfolderfolder iconinstagraminstagram iconpinterestpinterest iconfacebookfacebook iconprintprint iconsquaressquares iconheartheart iconheart solidheart solid icon
Pina Colada Cake (Pineapple Coconut Cake) Recipe

Pina Colada Cake (Pineapple Coconut Cake) Recipe

5 Stars 4 Stars 3 Stars 2 Stars 1 Star

4.3 from 6 reviews

This Pina Colada Cake is a tropical delight combining moist pineapple and coconut flavors in a white or vanilla cake base. Infused with cream of coconut and pineapple juice, the cake is soaked for extra moisture and topped with a creamy pina colada frosting made from instant pudding, whipped topping, and crushed pineapple. Finished with optional toasted coconut garnish, it offers a refreshing and luscious dessert perfect for any occasion.

  • Total Time: 43 minutes
  • Yield: 24 servings

Ingredients

Cake Ingredients

  • 15.25 ounces cake mix (white, vanilla or yellow; 1 box)
  • 1 cup crushed pineapple (with juice, spooned from can)
  • ½ cup vegetable oil (or canola oil)
  • 3 large eggs (room temperature)

Pina Colada Filling

  • 15 ounces cream of coconut (not coconut cream or coconut milk, sweetened condensed milk can substitute)
  • ½ cup pineapple juice
  • 2 teaspoons vanilla extract

Pina Colada Frosting

  • 3.4 ounces instant coconut cream pudding mix (vanilla or French vanilla can be substituted)
  • 1 cup whole milk
  • 8 ounces whipped topping
  • ½ cup crushed pineapple (well drained)

Garnish (Optional)

  • ⅔ cup toasted coconut

Instructions

  1. Prepare the Cake: Preheat your oven to 350°F (175°C). Spray a 9×13 baking dish with baking spray to prevent sticking and set aside.
  2. Mix Cake Batter: In a large bowl or stand mixer bowl, combine the cake mix, 1 cup crushed pineapple (with juice), vegetable oil, and eggs. Beat on low speed for about 30 seconds, then increase to medium and beat for an additional 2 minutes until thoroughly combined.
  3. Bake the Cake: Pour the batter into the prepared baking dish and smooth the surface evenly. Bake in the preheated oven for 28 to 33 minutes, or until a toothpick inserted in the center comes out clean. Allow the cake to cool on a wire rack for 30 minutes.
  4. Prepare Cake for Filling: Once cooled, gently poke holes all over the cake surface using a fork, being careful not to crumble the cake’s top layer. This will allow the filling to soak in evenly.
  5. Make and Add Pina Colada Filling: Whisk together the cream of coconut, pineapple juice, and vanilla extract in a medium bowl. Slowly pour this mixture over the cake, letting it seep into the holes and saturate the cake. Let the cake rest until the liquid is fully absorbed and it has completely cooled.
  6. Prepare Pina Colada Frosting: In a large bowl, whisk the instant pudding mix and whole milk until thickened (about 2 minutes). Fold in the whipped topping gently until smooth and no streaks remain. Fold in the well-drained crushed pineapple evenly into the frosting mixture.
  7. Frost the Cake: Using an offset spatula, gently spread the frosting over the cooled cake evenly. If desired, sprinkle the top with toasted coconut for added flavor and decoration.
  8. Serve: Cut the cake into 24 squares and serve. Enjoy the moist, tropical flavors of this delicious Pina Colada Cake.

Notes

  • Use cream of coconut, not coconut cream or coconut milk, for the authentic sweet coconut flavor.
  • Make sure the pineapple for the frosting is well drained to avoid soggy frosting.
  • To toast coconut, spread shredded coconut on a baking sheet and bake at 350°F for 5-7 minutes or until golden, stirring occasionally.
  • The cake can be made a day ahead and refrigerated; bring to room temperature before serving for best flavor.
  • Substitute French vanilla instant pudding for coconut cream pudding if unavailable.
  • Author: Daisy
  • Prep Time: 10 minutes
  • Cook Time: 30 minutes
  • Category: Dessert
  • Method: Baking
  • Cuisine: American

Similar Posts

Leave a Reply

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

Recipe rating 5 Stars 4 Stars 3 Stars 2 Stars 1 Star