Desserts
This angel food cake mix and canned pineapple recipe transforms a simple box mix into a light, fluffy dessert with tropical appeal—no advanced baking skills required. The secret lies in folding in canned pineapple after the cake batter is mixed, ensuring each bite stays tender yet airy.
I developed this version during a particularly busy summer when I needed a crowd-pleasing dessert that felt special but came together in under an hour.
The beauty of this recipe is its zero-effort elegance: angel food cake provides the perfect neutral base, while the pineapple adds natural sweetness and juicy texture without overpowering. No one will guess it started with a box mix, especially when you top it with whipped cream and toasted coconut.
The oven does all the work—just mix, bake, and layer.
What you’ll end up with is a tropical dessert that’s lighter than traditional pineapple upside-down cake but just as satisfying. The cake stays moist for days, and the pineapple’s acidity balances the sweetness perfectly.
This recipe is ideal for potlucks, summer gatherings, or when you want a fuss-free treat that still feels homemade.
For extra flair, drizzle with caramel sauce or serve with fresh berries. The possibilities are endless, but the base method remains simple: mix, bake, and layer. Let’s make this tropical cake!
Ingredients for angel food cake mix and canned pineapple
Angel food cake mix meets tropical vibes—just add pineapple and let the oven do the work.
| Ingredient | Amount | Notes |
|---|---|---|
| Angel Food Cake Mix 🍰 | 1 box | Original or vanilla flavor preferred |
| Canned Pineapple 🍍 | 14 oz | Crushed or chunk pineapple, undrained |
| Large Egg Whites 🥚 | 5 whole | Room temperature for best volume |
| Granulated Sugar 🍚 | 1 ½ cups | Superfine preferred for smooth texture |
| Unsalted Butter 🧈 | ½ cup | Melted, for layering |
| Toasted Coconut Flakes 🥥 | ½ cup | Sweetened or unsweetened, lightly toasted |
| Light Whipped Cream 🍦 | 2 cups | Stabilized with powdered sugar |
| Vanilla Extract 🌿 | 1 tsp | Pure, for subtle flavor boost |
| Lemon Juice 🍋 | 1 tbsp | Freshly squeezed, balances sweetness |
| Powdered Sugar 🍚 | ¼ cup | For dusting layers |
| Almond Extract 🌿 | ½ tsp | Optional, for nutty depth |
| Heavy Cream 🥛 | ½ cup | For extra fluffy whipped topping |
The angel food cake mix is your shortcut to fluffy texture—Betty Crocker or Duncan Hines work perfectly. Grab the original or vanilla flavor for the best neutral base. Canned pineapple is non-negotiable here; Maui brand or Dole crushed pineapple (undrained for moisture) gives the best texture. The egg whites need to be room temperature, so pull them out 30 minutes before baking. Superfine sugar dissolves better, but regular granulated works if you pulse it in a food processor. For the coconut, Bob's Red Mill or Trader Joe's brands toast beautifully—just spread on a baking sheet and toast at 350°F for 5 minutes until golden.
No angel food mix? Homemade angel food cake batter works, but this recipe is all about the shortcut. Drained pineapple? Add 2 tablespoons of pineapple juice back to keep it moist. No egg whites? Substitute with aquafaba (3 tbsp per egg white) for a vegan-friendly version. Butter shortage? Swap for melted coconut oil—same richness, different flavor. Extra fluff? Add 1/4 tsp cream of tartar to the egg whites. The lemon juice is key—it brightens the pineapple and balances the sweetness, so don't skip it. For a nutty twist, add 1/4 tsp almond extract to the cake batter before baking.
This cake stays moist for 4-5 days in an airtight container, but the whipped cream is best used within 2 days. Freeze the cake layers for up to 3 months—just thaw at room temperature before assembling. Pro tip: Make the cake a day ahead and store it in the fridge. The flavors meld beautifully overnight, and the pineapple stays juicy. Whipped cream should be made right before serving—add 1/4 tsp vanilla extract and 1 tbsp powdered sugar to stabilize it. Toast the coconut fresh before serving so it stays crunchy.
Why You'll Love This Recipe
- No Mix-Up Needed: I swear by this recipe because it’s basically foolproof—just dump the cake mix, fold in the pineapple, and let the egg whites do the magic. No measuring cups, no guesswork, just pure convenience.
- Tropical Twist: That canned pineapple? It’s not just filling—it’s the star. The slight tang cuts through the cake’s sweetness, and the chunks stay juicy while the top stays light. Honestly, it’s the kind of dessert that makes you feel like you’re on vacation.
- Party in a Box: Between us, this is my go-to for birthdays, potlucks, or even a lazy Sunday. Serve it with whipped cream or a drizzle of caramel, and suddenly you’re the hero of any gathering. (Yes, even when you’re the only one who brought dessert.)
- Budget Magic: Angel food mix is cheap, canned pineapple lasts forever, and you’re using basic pantry staples. I’ve made this for under $5 and fed six people—leftovers? Wrapped tightly, they stay fresh for days, so no sad, dried-out cake here.
Step-by-step instructions for tropical angel food cake layers
Here's the easy way to build a showstopping dessert with just a few simple layers.
Prepare the Angel Food Cake Base
Preheat your oven to 350°F and prepare two 9-inch round cake pans by greasing them thoroughly with nonstick spray. Line the bottoms with parchment circles and spray the sides lightly too—this ensures easy release later. Follow the package directions for the angel food cake mix, using the 5 whole large egg whites and 1.5 cups granulated sugar specified. I like to use a stand mixer with the whisk attachment for this step.
Divide the batter evenly between both pans. The key here is to spread it out completely—no thick spots allowed. Tap each pan gently on the counter a few times to remove any air bubbles. Bake for 25-30 minutes or until the tops spring back when touched. Let the cakes cool completely in the pans for 10 minutes before inverting them onto a wire rack to cool upside down for 1 hour. This creates those signature domed tops and prevents soggy layers.
Assemble the Tropical Pineapple Layer
While the cakes cool, prepare the pineapple filling by draining the 14 oz canned pineapple (keep the juice!) and crushing it lightly with a fork. In a small bowl, whisk together the pineapple juice, 1 tbsp lemon juice, and 0.5 tsp almond extract. This brightens the flavor and adds that tropical depth. Set aside half of the crushed pineapple for the top layer.
For the base layer, spread a thin layer of the melted 0.5 cup unsalted butter over one cake. Then spread the remaining crushed pineapple mixture evenly. The butter creates a moisture barrier that prevents soggy cake layers. Place this cake on a serving plate and set aside.
Create the Creamy Coconut Layer
In a medium bowl, whip together the 2 cups light whipped cream, 0.25 cup powdered sugar, and 1 tsp vanilla extract until soft peaks form. Fold in the 0.5 cup toasted coconut flakes gently with a spatula. This layer should be light and fluffy—don't overmix or you'll deflate the cream. Spread this mixture evenly over the pineapple layer.
Place the second cake on top of the coconut layer. Dust the top cake generously with the remaining 0.25 cup powdered sugar to create that signature angel food cake look. Chill the assembled cake in the refrigerator for at least 2 hours (or overnight) to let the layers set properly.
Add the Final Pineapple Topping
Before serving, spread the reserved half of crushed pineapple over the top of the cake. This creates visual contrast and adds that extra tropical punch. For an optional garnish, you can pipe a border of whipped cream around the edges or sprinkle additional toasted coconut flakes on top. The cake will hold together beautifully after chilling, but if you're serving immediately, you might want to add the pineapple topping just before slicing.
Slice into wedges and serve immediately. The combination of light cake, creamy coconut, and tangy pineapple creates a perfect balance of textures and flavors. Each bite delivers that tropical vacation vibe with minimal effort—just like promised!
Pro Tips For Making Angel Food Cake Mix And Canned Pineapple
- Drain Pineapple Fully: Skip the syrupy mess—drain the pineapple twice and pat it dry with paper towels. That extra step keeps your cake from turning into a soggy puddle, especially if you’re layering it. (Yes, it’s tedious, but trust me on this one.)
- Preheat Pan and Oven: Angel food cakes need a hot start. Preheat your tube pan in the oven for 5 minutes before baking—it ensures even rise and prevents a dense middle. I learned this the hard way when my first batch collapsed like a sad soufflé.
- Whip Egg Whites Cold: Use egg whites straight from the fridge—they whip up fluffier and hold their shape better. Let them sit out for 30 minutes if they’re icy, but don’t overdo it. Room temp is your goal, not warm.
- Butter the Pan First: Brush the tube pan with melted butter (not oil) before dusting with flour—it creates a nonstick barrier that prevents sticking. The flour alone won’t cut it here. (I’ve pulled cakes off with half the batter still clinging.)
Dietary considerations for this dish
Gluten-Free Adaptation
For a gluten-free version, use a gluten-free angel food cake mix like King Arthur or Bob’s Red Mill. These mixes replace wheat flour with rice or almond flour blends, maintaining the light texture.
Just follow the package instructions for egg whites and sugar—no other adjustments needed. The canned pineapple remains the same, as it’s naturally gluten-free. 🌱
Dairy-Free Options
Skip the butter layer and use melted coconut oil instead—it adds richness without dairy. For the whipped cream, substitute coconut whipped cream (chilled overnight) or dairy-free heavy cream like So Delicious brand.
The toasted coconut flakes can stay the same, as they’re dairy-free. Just ensure your angel food mix doesn’t contain milk powder.
Lower Sugar Swaps
Reduce the granulated sugar in the cake batter by ¼ cup and use monk fruit sweetener or erythritol instead. For the coconut layer, replace powdered sugar with powdered monk fruit sweetener (like Lakanto).
The pineapple’s natural sweetness will still shine, but with fewer refined sugars. Taste as you go—pineapple is sweet enough to balance the reduction.
Vegan-Friendly Version
Replace the 5 egg whites with 3 tbsp aquafaba (chickpea brine) per egg white—whisk until stiff peaks form. Use a vegan angel food cake mix (like Betty Crocker Vegan) or a gluten-free mix with xanthan gum.
For the coconut layer, use coconut cream whipped with powdered sugar substitute and toasted coconut flakes. The pineapple remains unchanged, making this a fully plant-based tropical treat. 🌿
Allergy Considerations
Check labels on canned pineapple for added sulfites (common in processed fruits) if you’re sensitive. For nut allergies, skip the almond extract and use vanilla extract instead. If coconut is an issue, replace toasted coconut flakes with crushed macadamia nuts (if safe) or pistachios for a nutty crunch.
Always verify all ingredients for hidden allergens before baking.
Nutrition facts
Frequently asked questions
Can I use fresh pineapple instead of canned?
Fresh pineapple works, but you'll need to adjust the prep. Use 2 cups finely diced fresh pineapple (about 1 medium pineapple) and mix it with 2 tbsp pineapple juice to replace the canned version. Fresh pineapple is juicier, so drain it well and pat dry with a paper towel before using. The texture will be slightly firmer than canned, but the flavor is brighter.
Why does my angel food cake turn out dense?
Dense cake usually means overmixing or underbaking. Whisk the egg whites and batter just until combined—overmixing adds gluten, making it tough. Also, ensure your oven is at 350°F and bake until the top springs back when touched. Let cakes cool completely in pans for 10 minutes before inverting. If using a box mix, follow package directions exactly for egg whites and sugar.
How do I make this cake ahead of time?
Bake the cake layers 1 day ahead and store them in an airtight container at room temperature. Assemble the cake (without the final pineapple topping) up to 24 hours ahead and refrigerate. Add the pineapple topping just before serving to keep it fresh. The flavors actually improve overnight! For longer storage, freeze the assembled cake (without topping) for up to 3 months.
Can I use pineapple juice instead of crushed pineapple?
Yes, but you'll need to add a thickener. Use 1 cup pineapple juice mixed with 2 tbsp cornstarch or tapioca starch, then cook until thickened (like a syrup). Let it cool before using as a filling. The texture won't be as chunky, but it still adds tropical flavor. For extra richness, fold in 1 tbsp melted butter to the thickened juice.
What’s the best way to serve this cake?
Slice into wedges and serve with a dollop of whipped cream on top. For a restaurant-style presentation, drizzle with warmed caramel sauce or arrange fresh berries around the plate. Garnish with extra toasted coconut or a sprinkle of crushed macadamia nuts for crunch. This cake is perfect for summer parties, potlucks, or as a light dessert after a heavy meal.