This cake tastes like a beach vacation in a slice. It’s soft, coconutty, and full of juicy pineapple, with just the right amount of sweetness. You don’t need fancy skills or equipment—just a bowl, a pan, and a few pantry basics.
It’s the kind of cake you can whip up for a barbecue, a birthday, or a slow afternoon that could use a little sparkle. Simple to make, easy to love, and perfect for warm weather.
What Makes This Special
This cake brings together the tropical duo of pineapple and coconut in a way that’s balanced, moist, and bright—not heavy. The batter uses oil and crushed pineapple for a tender crumb that stays soft for days.
A quick, tangy cream cheese frosting keeps it from tasting too sweet, while toasted coconut on top adds crunch and aroma. It’s a crowd-pleaser that feels festive without a big fuss. Best of all, it works as a sheet cake, layer cake, or cupcakes with minimal changes.
What You’ll Need
- All-purpose flour – 2 cups (spooned and leveled)
- Granulated sugar – 1 cup
- Light brown sugar – 1/2 cup, packed
- Baking powder – 2 teaspoons
- Baking soda – 1/2 teaspoon
- Kosher salt – 1/2 teaspoon
- Eggs – 3 large, room temperature
- Neutral oil (canola or vegetable) – 1/2 cup
- Full-fat coconut milk – 3/4 cup, well shaken
- Vanilla extract – 2 teaspoons
- Coconut extract – 1/2 teaspoon (optional but boosts flavor)
- Crushed pineapple – 1 can (20 oz), well drained; reserve 2 tablespoons juice
- Sweetened shredded coconut – 1 cup, plus extra for topping
Cream Cheese Frosting:
- Cream cheese – 8 oz, softened
- Unsalted butter – 1/2 cup (1 stick), softened
- Powdered sugar – 2 1/2 to 3 cups, sifted
- Vanilla extract – 1 teaspoon
- Reserved pineapple juice – 1 to 2 tablespoons (to taste)
- Pinch of salt
How to Make It
- Prep the pan and oven. Heat oven to 350°F (175°C).
Grease a 9×13-inch pan and line the bottom with parchment for easy release.
- Toast the coconut topping. Spread 1/2 to 3/4 cup shredded coconut on a sheet pan and toast for 5–7 minutes, stirring once, until golden. Cool completely.
- Mix dry ingredients. In a large bowl, whisk flour, granulated sugar, brown sugar, baking powder, baking soda, and salt until no lumps remain.
- Combine wet ingredients. In another bowl, whisk eggs, oil, coconut milk, vanilla, and coconut extract. Stir in the drained crushed pineapple.
- Bring it together. Pour wet ingredients into dry and mix with a spatula just until combined.
Fold in 1 cup shredded coconut. Do not overmix.
- Bake. Spread batter evenly into the pan. Bake 28–34 minutes, or until the center springs back and a toothpick comes out with a few moist crumbs.
- Cool fully. Let the cake cool in the pan on a rack for at least 1 hour before frosting.
- Make the frosting. Beat cream cheese and butter until smooth and fluffy, 2–3 minutes.
Add powdered sugar in batches, then vanilla, a pinch of salt, and 1–2 tablespoons pineapple juice until spreadable and tangy.
- Frost and finish. Spread frosting over the cooled cake. Sprinkle generously with the toasted coconut. Chill 15 minutes to set, or slice and serve right away.
Storage Instructions
- Refrigerate: Cover and chill for up to 5 days.
The flavor deepens after day one.
- Freeze: Wrap unfrosted cake tightly and freeze up to 2 months. Thaw overnight in the fridge, then frost.
- Cupcakes: Store frosted cupcakes in a covered container in the fridge for 3–4 days. Bring to room temp before serving.
- Make-ahead tips: Bake the cake a day in advance, cool, cover, and chill.
Frost just before serving for the freshest look.
Health Benefits
This cake is still dessert, but some ingredients add small perks. Pineapple brings vitamin C and bromelain, an enzyme linked to digestion support. Coconut contributes fiber and satisfying richness, which can make smaller portions feel more filling. Using oil instead of butter keeps the crumb moist with less saturated fat. You can also dial down the frosting and sugar to suit your preferences without losing the cake’s charm.
Pitfalls to Watch Out For
- Too much moisture: Drain the pineapple well.
Excess juice can make the center gummy.
- Dense texture: Don’t overmix once the flour goes in. Mix just until there are no dry streaks.
- Sunken middle: Make sure your baking powder and soda are fresh and the oven is fully preheated.
- Runny frosting: Soften, don’t melt, the butter and cream cheese. Add pineapple juice gradually.
- Dry edges: Avoid overbaking.
Pull the cake when the top springs back and a toothpick shows moist crumbs.
Recipe Variations
- Pineapple Coconut Poke Cake: After baking, poke holes and brush with 1/3 cup pineapple juice mixed with 1 tablespoon rum or coconut water. Chill, then frost.
- Layer Cake: Divide batter into two 8-inch pans and bake 22–26 minutes. Fill and frost between layers with frosting and extra crushed pineapple (well drained).
- Lighter Frosting: Swap half the cream cheese frosting for lightly sweetened whipped cream for a fluffier finish.
- Dairy-Free: Use dairy-free cream cheese and butter, and ensure your coconut milk is full-fat.
The cake itself is naturally dairy-free.
- Gluten-Free: Use a 1:1 gluten-free baking flour with xanthan gum. Let the batter rest 10 minutes before baking.
- Tropical Add-Ins: Fold in 1/2 cup chopped macadamias or 1/2 cup diced mango for extra texture and flavor.
Explore more irresistible cake recipes you won’t want to miss:
FAQ
Can I use fresh pineapple instead of canned?
Yes. Finely chop and lightly pulse 2 1/2 cups fresh pineapple, then drain very well.
You still want about the same volume as a 20 oz can after draining.
Do I need coconut extract?
No, but it boosts the coconut flavor without adding sweetness. If skipping it, consider toasting a bit more coconut for topping to enhance aroma.
Can I make this as cupcakes?
Absolutely. Line a 12-cup muffin tin (you’ll get about 18–20 cupcakes).
Fill 3/4 full and bake 18–22 minutes. Cool, then frost and top with toasted coconut.
What if I only have regular milk instead of coconut milk?
You can use whole milk, but the coconut flavor will be milder. Add the coconut extract and a bit more shredded coconut to keep the profile strong.
How do I toast coconut without burning it?
Spread it thin, bake at 350°F for 5–7 minutes, and stir once.
Watch closely during the last 2 minutes—coconut goes from golden to burnt quickly.
Can I reduce the sugar?
Yes. Cut the granulated sugar by 1/4 cup and the brown sugar by 2 tablespoons without hurting the texture. The frosting is flexible too—sweeten to taste.
Why is my frosting lumpy?
The ingredients were likely too cold or the sugar wasn’t sifted.
Let the cream cheese and butter soften fully and beat until smooth before adding sugar.
Is this cake sturdy enough for transport?
Yes, especially as a sheet cake. Chill the frosted cake for 30 minutes so the frosting firms up, then cover loosely and keep cool during travel.
Can I add rum?
Yes. Add 1–2 tablespoons dark or coconut rum to the batter and reduce the coconut milk by the same amount.
You can also brush rum over the cooled cake before frosting.
How do I get cleaner slices?
Chill the frosted cake for 20–30 minutes, then cut with a warm, wiped-clean knife. This helps the frosting set and keeps crumbs in place.
Wrapping Up
This Coconut Pineapple Cake is bright, tender, and easy enough for busy summer days. It’s flexible, forgiving, and delicious straight from the fridge or at room temp.
Keep the ingredients on hand and you’ll always have a sunny dessert ready to share. One bite, and it might become your go-to warm-weather cake.
Best Coconut Pineapple Cake Easy Summer Cake Recipe – Light, Lush, and Sunshine-Ready
Ingredients
- All-purpose flour – 2 cups (spooned and leveled)
- Granulated sugar – 1 cup
- Light brown sugar – 1/2 cup, packed
- Baking powder – 2 teaspoons
- Baking soda – 1/2 teaspoon
- Kosher salt – 1/2 teaspoon
- Eggs – 3 large, room temperature
- Neutral oil (canola or vegetable) – 1/2 cup
- Full-fat coconut milk – 3/4 cup, well shaken
- Vanilla extract – 2 teaspoons
- Coconut extract – 1/2 teaspoon (optional but boosts flavor)
- Crushed pineapple – 1 can (20 oz), well drained; reserve 2 tablespoons juice
- Sweetened shredded coconut – 1 cup, plus extra for topping
- Cream cheese – 8 oz, softened
- Unsalted butter – 1/2 cup (1 stick), softened
- Powdered sugar – 2 1/2 to 3 cups, sifted
- Vanilla extract – 1 teaspoon
- Reserved pineapple juice – 1 to 2 tablespoons (to taste)
- Pinch of salt
Instructions
- Prep the pan and oven. Heat oven to 350°F (175°C).Grease a 9×13-inch pan and line the bottom with parchment for easy release.
- Toast the coconut topping. Spread 1/2 to 3/4 cup shredded coconut on a sheet pan and toast for 5–7 minutes, stirring once, until golden. Cool completely.
- Mix dry ingredients. In a large bowl, whisk flour, granulated sugar, brown sugar, baking powder, baking soda, and salt until no lumps remain.
- Combine wet ingredients. In another bowl, whisk eggs, oil, coconut milk, vanilla, and coconut extract. Stir in the drained crushed pineapple.
- Bring it together. Pour wet ingredients into dry and mix with a spatula just until combined.Fold in 1 cup shredded coconut. Do not overmix.
- Bake. Spread batter evenly into the pan. Bake 28–34 minutes, or until the center springs back and a toothpick comes out with a few moist crumbs.
- Cool fully. Let the cake cool in the pan on a rack for at least 1 hour before frosting.
- Make the frosting. Beat cream cheese and butter until smooth and fluffy, 2–3 minutes.Add powdered sugar in batches, then vanilla, a pinch of salt, and 1–2 tablespoons pineapple juice until spreadable and tangy.
- Frost and finish. Spread frosting over the cooled cake. Sprinkle generously with the toasted coconut. Chill 15 minutes to set, or slice and serve right away.