Pineapple Coconut Cream Cake – Tropical Dessert Dream

Posted on

If you’ve ever dreamed of being whisked away to a tropical island—barefoot on the sand, breeze in your hair, coconut drink in hand—this cake is basically that, but in dessert form. It’s soft, rich, and bursting with the bright, sunny flavors of pineapple and coconut. And let me tell you, once you take a bite of this Pineapple Coconut Cream Cake, it’s really hard to stop at just one slice.

This recipe is a total crowd-pleaser and a personal favorite for spring and summer gatherings. It’s light enough to enjoy on a warm day, but rich enough to feel indulgent. I started making this cake for Easter a few years ago, and now it shows up at birthdays, potlucks, and honestly, sometimes just because we need a little taste of sunshine in the middle of the week.

With a fluffy, moist cake base and a silky cream cheese frosting that’s kissed with pineapple juice and coconut extract, this dessert has all the tropical vibes you could ask for—without ever leaving your kitchen.

So, let’s jump into Part 1 of this dreamy recipe and get started on the base of this beauty.

INGREDIENTS FOR THE CAKE LAYERS

To make the cake, you’ll need a few kitchen staples and some tropical touches:

  • 2 cups all-purpose flour
  • 2 teaspoons baking powder
  • 1/2 teaspoon baking soda
  • 1/2 teaspoon salt
  • 1/2 cup unsalted butter, softened
  • 1/2 cup vegetable oil
  • 1 1/2 cups granulated sugar
  • 4 large eggs
  • 1 teaspoon vanilla extract
  • 1 teaspoon coconut extract
  • 1 cup canned crushed pineapple, drained (reserve the juice!)
  • 1 cup sweetened shredded coconut
  • 1 cup buttermilk

This combo creates a moist, flavorful crumb with just the right amount of texture from the shredded coconut and a hint of pineapple in every bite.

STEP 1: PREP YOUR PANS AND PREHEAT

Before we do anything else, go ahead and preheat your oven to 350°F (175°C). Then grease and flour two 9-inch round cake pans. You can also line the bottoms with parchment paper if you want extra insurance against sticking (which I highly recommend—nothing worse than losing a corner of your perfect cake when flipping it out).

 

STEP 2: MIX THE DRY INGREDIENT

In a medium bowl, whisk together the flour, baking powder, baking soda, and salt. This step helps evenly distribute the leavening agents so the cake rises beautifully and bakes evenly.

Set this bowl aside—we’ll come back to it in just a bit.

 

STEP 3: CREAM BUTTER, OIL & SUGAR

In a large mixing bowl, beat together the softened butter, vegetable oil, and granulated sugar until it’s light and fluffy. This can take a few minutes, so don’t rush it. Creaming these ingredients adds air into the batter, giving the cake that soft, fluffy texture we’re after.

 

STEP 4: ADD EGGS AND EXTRACTS

Next, add the eggs one at a time, beating well after each addition. This helps keep the batter smooth and emulsified. Once your eggs are fully incorporated, mix in the vanilla and coconut extracts.

The coconut extract is the secret to giving the cake that extra layer of tropical flavor. It pairs perfectly with the pineapple and makes the whole thing taste like a slice of paradise.

 

STEP 5: ALTERNATE DRY INGREDIENTS AND BUTTERMILK

Now it’s time to bring everything together. With your mixer on low speed, add the dry ingredients in thirds, alternating with the buttermilk. So, you’ll start with a third of the flour mixture, then half the buttermilk, another third of the flour, the rest of the buttermilk, and then the final third of the flour.

Mix just until everything is combined. You don’t want to overmix at this point—just make sure there are no streaks of flour left.

 

STEP 6: FOLD IN PINEAPPLE AND COCONUT

Finally, fold in the drained crushed pineapple and the sweetened shredded coconut. This adds moisture, texture, and so much flavor to the cake.

 

BAKE, FROST, AND FINISH YOUR PINEAPPLE COCONUT CREAM CAKE

Now that your batter is whipped up and ready to go, it’s time to bake and bring this tropical masterpiece to life. This next part is where everything comes together—the cake bakes up soft and golden, the cream cheese frosting gets silky and rich, and those toasted coconut flakes add the perfect finishing touch. So let’s keep going and build this dreamy dessert step-by-step.

STEP 7: BAKE TO GOLDEN PERFECTION

Divide the batter evenly between your two prepared 9-inch cake pans. I like to use a kitchen scale for this step to make sure the layers are nice and even, but eyeballing it works just fine, too.

Slide the pans into your preheated oven and bake for 25 to 30 minutes. You’ll know they’re done when the tops are lightly golden and a toothpick inserted in the center comes out clean. The kitchen is going to smell amazing—all warm vanilla and sweet coconut with that hint of pineapple.

Once they’re baked, remove the cakes from the oven and let them cool in the pans for about 10 minutes. Then gently turn them out onto wire racks to cool completely. Don’t rush this part—frosting warm cakes can lead to a melty mess, and we definitely want our frosting to stay fluffy and beautiful.

 

STEP 8: MAKE THE PINEAPPLE COCONUT CREAM CHEESE FROSTING

While your cake layers are cooling, it’s time to whip up the star of the show: the frosting. This cream cheese buttercream has a tropical twist that pulls the whole dessert together.

Here’s what you’ll need:

  • 8 oz cream cheese, softened
  • 1/2 cup unsalted butter, softened
  • 3 1/2 cups powdered sugar
  • 1 teaspoon vanilla extract
  • 1/2 teaspoon coconut extract
  • 2–3 tablespoons reserved pineapple juice

Start by beating the softened cream cheese and butter together until smooth and creamy. This usually takes 2 to 3 minutes on medium speed. Once that mixture is silky, gradually add in the powdered sugar—about a cup at a time—mixing on low until it’s incorporated, then turning up the speed to fluff it up.

Next, add in the vanilla extract, coconut extract, and 2 tablespoons of the reserved pineapple juice. Beat again until your frosting is smooth, spreadable, and just slightly tropical from that pineapple tang. If it feels a bit too thick, you can add the remaining tablespoon of pineapple juice to loosen it up.

 

STEP 9: ASSEMBLE AND FROST YOUR CAKE

Once the cake layers are fully cooled, it’s time to frost.

Place one layer on your serving plate or cake stand. Spread a generous amount of the cream cheese frosting over the top—don’t skimp here, this layer holds everything together and adds tons of flavor.

Carefully place the second cake layer on top, then spread the remaining frosting over the top and sides. Smooth it out as much or as little as you like—I tend to go for that soft, homemade look with a few swirls in the frosting. It’s charming, rustic, and honestly way less stressful than trying to get bakery-perfect edges.

 

STEP 10: GARNISH WITH TOASTED COCONUT AND PINEAPPLE

Now for the finishing touches.

Take about 1/2 cup of sweetened shredded coconut and toast it in a dry skillet over medium heat. Stir frequently and keep a close eye on it—it can go from golden to burnt quickly. Once it’s lightly browned and fragrant, let it cool.

Sprinkle the toasted coconut over the top and sides of your frosted cake. Not only does it add great flavor and texture, but it makes the cake look absolutely stunning. For an extra tropical touch, you can also garnish with a few pineapple chunks on top. Totally optional, but a fun way to hint at what’s inside.

TIPS FOR THE BEST PINEAPPLE COCONUT CREAM CAKE

  • Use room temperature ingredients – This helps everything blend smoothly and ensures a tender, even crumb. Cold eggs or butter can lead to a lumpy batter.
  • Drain your pineapple well – Too much juice can throw off the texture of the cake. Save the juice for the frosting, but press out as much liquid as you can from the pineapple itself.
  • Toast the coconut just before using – Freshly toasted coconut has the best flavor and crunch. Let it cool fully before sprinkling it on the cake.
  • Refrigerate before slicing – If you have time, chill the frosted cake for about 30 minutes before serving. It helps the frosting set and makes slicing cleaner and easier.

 

FREQUENTLY ASKED QUESTIONS ABOUT PINEAPPLE COCONUT CREAM CAKE

If you’re planning to make this tropical dream of a cake (and I hope you are), chances are you might have a few questions before diving in. I’ve gathered some of the most common ones here to help guide you through any last-minute decisions or baking curveballs.

CAN I USE FRESH PINEAPPLE INSTEAD OF CANNED? Yes, you can! Just make sure to chop it finely and drain it really well. Fresh pineapple has more juice and a slightly different texture than canned, so you’ll want to press out excess moisture to avoid making the cake soggy.

WHAT IF I DON’T HAVE BUTTERMILK? No worries—you can make a quick substitute. Add 1 tablespoon of lemon juice or white vinegar to a measuring cup, then fill with milk to make 1 cup. Let it sit for 5–10 minutes before using. It won’t be quite the same as real buttermilk, but it works in a pinch.

CAN I MAKE THIS AS A SHEET CAKE INSTEAD OF LAYERED? Absolutely! Just pour the batter into a greased 9×13-inch baking dish and bake at the same temperature. It’ll likely take a bit longer—closer to 35–40 minutes. Still delicious, and great for easier serving.

HOW SHOULD I STORE THIS CAKE? Because of the cream cheese frosting, this cake should be stored in the refrigerator. Keep it covered, and it’ll stay fresh for up to 4–5 days. Let it sit out for about 15–20 minutes before serving to take the chill off.

CAN I MAKE THIS CAKE IN ADVANCE? Yes! You can bake the cake layers a day ahead and store them tightly wrapped at room temperature. The frosting can also be made in advance and kept in the fridge. When you’re ready, just assemble and garnish. You can even frost the whole cake the day before—it actually tastes even better after resting overnight.

CAN I LEAVE OUT THE COCONUT FOR A PINEAPPLE-ONLY VERSION? Definitely. If coconut’s not your thing, simply omit the shredded coconut from the batter and garnish. Keep the coconut extract in the frosting if you still want a hint of that flavor, or swap it for more vanilla.

FINAL THOUGHTS: BRINGING A LITTLE TROPICAL SUNSHINE TO YOUR TABLE

This Pineapple Coconut Cream Cake is the kind of dessert that doesn’t just taste good—it brings a little joy to every bite. It’s soft and rich with just the right balance of sweetness and freshness, and it looks beautiful on any dessert table. From Sunday brunch to birthdays to backyard barbecues, it’s the kind of cake that gets people talking and going back for seconds.

What I love most about it is how it brings a bit of that tropical vacation feeling to your kitchen, no passport required. The combo of pineapple, coconut, and cream cheese frosting is something special—comforting yet bright, sweet but not too heavy.

If you give this cake a try, I’d love to hear how it turns out. Did you go for the layer cake or the sheet cake version? Add any fun twists of your own? Let me know in the comments—I’m always inspired by your creations.

So grab your mixing bowls, cue up some beachy tunes, and get baking. This Pineapple Coconut Cream Cake is a tropical treat worth making again.

Print

Pineapple Coconut Cream Cake – Tropical Dessert Dream

This Pineapple Coconut Cream Cake is a moist, fluffy cake made with the sweet flavors of pineapple and coconut, topped with a creamy coconut frosting. It’s like a slice of the tropics in cake form, offering a refreshing and indulgent treat for anyone who loves tropical flavors.

  • Author: Andrea
  • Prep Time: 15 min
  • Cook Time: 30 min Chill
  • Total Time: 45 min

Ingredients

Scale
  • For the Cake:
  • 1 box of vanilla cake mix (or 2 cups of homemade cake mix)
  • 1 can (15 oz) crushed pineapple, drained (reserve juice)
  • 1/2 cup shredded coconut (sweetened or unsweetened, based on preference)
  • 1/2 cup vegetable oil
  • 3 large eggs
  • 1 teaspoon vanilla extract
  • 1/4 cup of the reserved pineapple juice (from the can)
  • For the Coconut Cream Frosting:
  • 1 cup heavy whipping cream
  • 1 cup sweetened coconut milk (or coconut cream for richer flavor)
  • 1/2 cup powdered sugar
  • 1/2 cup shredded coconut, toasted (for topping, optional)
  • 1 teaspoon vanilla extract

Instructions

1️⃣ Preheat the Oven:

  • Preheat your oven to 350°F (175°C). Grease and flour a 9×13-inch baking dish or line with parchment paper for easy removal.

2️⃣ Prepare the Cake:

  • In a large mixing bowl, combine the vanilla cake mix, drained crushed pineapple, shredded coconut, vegetable oil, eggs, vanilla extract, and 1/4 cup of the reserved pineapple juice.

  • Mix everything together using a hand mixer or whisk until well combined, and the batter is smooth.

3️⃣ Bake the Cake:

  • Pour the batter into the prepared baking dish and spread it out evenly.

  • Bake for 28-30 minutes, or until a toothpick inserted into the center comes out clean. Let the cake cool completely in the pan on a wire rack.

4️⃣ Make the Coconut Cream Frosting:

  • In a large bowl, whip the heavy whipping cream until stiff peaks form (you can use an electric mixer for quicker results).

  • In another bowl, mix the sweetened coconut milk (or coconut cream) with powdered sugar and vanilla extract until smooth.

  • Gently fold the whipped cream into the coconut mixture until combined. This creates a fluffy and creamy frosting.

5️⃣ Frost the Cake:

  • Once the cake is completely cool, spread the coconut cream frosting generously over the top of the cake using a spatula.

  • For an extra tropical touch, sprinkle the toasted shredded coconut on top of the frosting. You can toast the coconut in a dry pan over medium heat for 2-3 minutes, stirring constantly, until golden brown.

6️⃣ Serve and Enjoy:

  • Slice the cake into squares and serve. This cake is perfect chilled, so feel free to refrigerate it for 30 minutes to an hour before serving for a nice, cool treat.

Notes

  • Pineapple: You can use fresh pineapple if you prefer. Simply chop it up and crush it yourself.

  • Make-Ahead: The cake can be made a day ahead of time. Store it covered in the fridge, and the flavors will develop even more overnight!

  • Vegan Option: For a dairy-free or vegan version, use a plant-based cake mix, non-dairy milk, and coconut cream frosting without whipped cream (you can use coconut whipped cream as an alternative).

  • Add-Ins: You can also fold in chopped macadamia nuts, walnuts, or even a bit of rum for a more tropical kick.

Did you make this recipe?

Share a photo and tag us — we can't wait to see what you've made!

You might also like these recipes

Leave a Comment

Recipe rating