Desserts
This angel food cake mix and canned pineapple recipe transforms a simple box mix into a showstopping tropical dessert with minimal effort. The secret lies in blending the light, airy texture of angel food cake with the sweet-tart brightness of canned pineapple—no fancy techniques required. Just mix, layer, and bake for a dessert that feels homemade but takes less than 10 minutes of active work.
Angel food cake’s signature fluffiness pairs perfectly with pineapple’s natural juiciness, creating a dessert that’s both elegant and effortless. The key is folding the pineapple into the batter gently—overmixing disrupts those delicate air pockets. For extra flair, reserve some pineapple juice to brush the cake layers before chilling, adding a glossy finish and subtle tropical aroma.
What you’ll end up with is a three-layer cake with tender, moist crumbs and pockets of juicy pineapple in every bite. The canned pineapple’s convenience doesn’t sacrifice flavor—its slight acidity balances the cake’s sweetness, while the drained juice adds moisture without sogginess. Serve it chilled with whipped cream or a sprinkle of toasted coconut for a restaurant-worthy dessert.
Perfect for potlucks, birthdays, or spontaneous cravings, this recipe proves you don’t need from-scratch to impress. The 9-inch cake pan ensures even baking, and the 350°F oven keeps things simple. Whether you top it with fresh berries or a drizzle of caramel, this dessert delivers tropical vibes with zero fuss.
Ingredients for angel food cake mix and canned pineapple
Box mix, canned fruit, and a few pantry staples—this tropical dessert comes together faster than you can say 'piña colada'.
| Ingredient | Amount | Notes |
|---|---|---|
| Angel Food Cake Mix 🍰 | 3 boxes | Standard 15.25 oz boxes |
| Canned Pineapple (Crushed) 🍍 | 2 cans | 20 oz each, well-drained |
| Large Egg Whites 🥚 | 12 whole | Room temperature, for cake layers |
| Granulated Sugar 🍚 | 1 ½ cups | For cake layers, optional extra |
| Unsalted Butter 🧈 | ½ cup | Melted, for layer brushing |
| Vanilla Extract 🌿 | 1 tbsp | Pure, for flavor enhancement |
| Toasted Coconut Flakes 🥥 | ½ cup | For garnish, optional |
| Whipped Cream 🍦 | 2 cups | Store-bought or homemade |
| Lemon Juice 🍋 | 1 tbsp | Fresh, for brightness |
| Pineapple Juice 🍍 | ¼ cup | Reserved from canned pineapple |
| Light Corn Syrup 🍯 | ¼ cup | For extra moisture |
The angel food cake mix is your shortcut to fluffy layers—just don’t skimp on the egg whites (room temperature, please). I always grab Betty Crocker or Duncan Hines for consistency, but any box mix works. For the pineapple, Dole or Del Monte crushed pineapple (the kind with juice) is the gold standard—just drain it well, or your cake will turn into a soggy mess. Pro tip: Save ½ cup of the juice for brushing between layers—it adds that glossy, tropical finish. If you’re feeling fancy, swap in fresh pineapple (finely diced) for one of the cans, but canned is fine for this no-fuss version.
No egg whites? Aquafaba (chickpea brine) works in a pinch—whip it just like egg whites for a vegan twist. Running low on butter? Coconut oil melts just as nicely for brushing. The vanilla extract can be swapped for almond extract (½ tsp) if you’re craving something different. For the coconut flakes, toast them in a dry pan for 2-3 minutes until golden—Trader Joe’s or Bob’s Red Mill unsweetened flakes are my go-tos. And if you’re feeling extra, add a splash of rum (1 tbsp) to the pineapple mixture for boozy vibes (optional, but worth it).
This cake keeps beautifully—covered at room temp for 2 days or fridge for 5 days. For longer storage, freeze the assembled cake (unfrosted) for up to 3 months—just thaw overnight before serving. The whipped cream should go on fresh, but you can pipe it ahead and store it separately. If you’ve got leftovers, layer with fresh berries or a drizzle of melted white chocolate for a quick makeover. And trust me, the pineapple juice brushing? Worth the extra minute—it keeps the cake moist and adds that restaurant-quality shine.
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 crushed pineapple, and let the egg whites do their magic. No measuring cups out, no guesswork, and no sad cake disasters.
- Tropical Twist: That canned pineapple? It’s not just filling—it’s the star. The sweet-tart chunks cut through the fluffy cake, and the butter swirled in? Pure indulgence. It tastes like a vacation in every bite.
- Party in a Box: Between us, this is my secret weapon for birthdays, potlucks, or whenever I need dessert now. The cake stays moist for days, and the pineapple keeps it from being too heavy. Serve it alone or with whipped cream—I won’t judge.
- Pantry Staple Magic: Honestly, this recipe is my go-to when I’m broke or lazy (or both). Canned pineapple and cake mix? Always on hand. The egg whites add richness without breaking the bank, and leftovers? They disappear faster than I can say “second slice.”
Step-by-step instructions for tropical angel food cake layers
Here's how to transform simple ingredients into layers of dreamy tropical cake in record time.
👨🍳 Step 1: Prepare the Pineapple Filling
Drain the 2 cans of crushed pineapple thoroughly, pressing gently to remove excess liquid. Transfer the drained pineapple to a medium bowl and stir in the 0.25 cup pineapple juice and 0.25 cup light corn syrup. This creates a perfectly balanced filling that won't make your cake soggy.
Add the 1 tbsp lemon juice and 1 tbsp vanilla extract, mixing well to combine. The acidity from the lemon brightens the pineapple flavor while the vanilla adds depth. Taste a spoonful—the filling should be sweet but still tangy, with no liquid pooling at the bottom of the bowl. Cover and refrigerate while you prepare the cake layers.
🍳 Step 2: Bake the Angel Food Cake Layers
Preheat your oven to 350°F and prepare three 9-inch round cake pans by greasing them lightly with the 0.5 cup melted butter. Line the bottoms with parchment circles for easy removal. Divide the 12 large egg whites evenly among the three pans.
Prepare the angel food cake mix according to package instructions using the 1.5 cups granulated sugar. Pour the batter evenly among the three prepared pans, filling each about ⅔ full. Bake for 12-15 minutes until the tops spring back when gently touched. The cakes should be golden with slightly domed centers—this texture is perfect for slicing later.
🥘 Step 3: Assemble the Tropical Layers
Let the cake layers cool completely before handling. Using a serrated knife, carefully cut each layer horizontally into two equal pieces, creating six thin rounds total. This gives you perfect, uniform layers for your cake.
Place the first cake round on a serving plate. Spread about ⅓ of the pineapple filling evenly over the cake, leaving a ½-inch border uncovered. Repeat with the remaining cake rounds and filling, ending with a final cake layer on top. This layering technique ensures each bite has that perfect balance of cake and pineapple.
🍽️ Step 4: Finish with Whipped Cream and Garnish
Spread the 2 cups whipped cream evenly over the top and sides of the cake, creating a smooth, creamy finish. I like to use an offset spatula for this step—it helps create those beautiful swirls without tearing the cake layers.
Gently press the 0.5 cup toasted coconut flakes onto the sides and top of the cake for a tropical touch. The coconut adds crunch and visual appeal that complements the soft cake and pineapple perfectly. Serve immediately or refrigerate for up to 4 hours before serving for a chilled dessert experience.
Pro Tips For Making Angel Food Cake Mix And Canned Pineapple
- Drain and Pat Pineapple Dry: That syrupy pineapple juice is sneaky—it’ll make your cake dense and gummy if you don’t handle it right. Dump the crushed pineapple into a fine-mesh strainer, let it drain for 2 minutes, then press it gently with a spoon to squeeze out every last drop. Wet cake = sad cake.
- Whip Egg Whites Cold: Room-temperature egg whites? Skip it. Pop those whites straight from the fridge into your mixer bowl—cold fat slows down overwhipping, so you’ll get stiffer peaks without ending up with butter. No need to chill the bowl; just start cold and let the mixer do the work.
- Bake Until Springy, Not Golden: Angel food cake’s done when the top springs back when pressed, not when it’s golden. Overbaking dries it out, and this cake’s light texture relies on moisture. Pull it at 325°F when the edges look set but the center still jiggles slightly—it’ll firm up as it cools.
- Fold in Pineapple Gently: Dump that pineapple in like you’re angry at it, and you’ll deflate all that air you just whipped into those whites. Use a spatula to scoop the mix from the bottom of the bowl and fold it in with long, smooth strokes—think "don’t disturb the party" energy. Three folds max.
Dietary considerations for these flavors
Gluten-Free Adaptations
Angel food cake mix is naturally gluten-free, but check the box label—some brands add wheat flour or malt. For a 100% gluten-free version, use a gluten-free angel food cake mix like King Arthur or Bob’s Red Mill, which are designed to mimic the light texture. Replace the 12 egg whites with 12 tbsp aquafaba (chickpea brine) for a vegan, gluten-free option—whip it just like egg whites. 🌱
Dairy-Free Options
Skip the butter entirely and use ½ cup coconut oil (melted) for brushing layers. The whipped cream can be swapped for coconut whipped cream (chilled canned coconut cream, whipped with 1 tbsp powdered sugar). For extra richness, add 1 tsp vanilla extract to the coconut cream before whipping. The pineapple filling stays dairy-free as-is, but if you want to thicken it further, use agar-agar (½ tsp dissolved in warm juice) instead of corn syrup.
Sugar-Free Versions
Reduce the 1.5 cups granulated sugar in the cake mix to 1 cup and replace the remaining ½ cup with sugar-free maple syrup or monk fruit sweetener. For the pineapple filling, use sugar-free light corn syrup or erythritol (¼ cup). The whipped cream can be sweetened with stevia or monk fruit instead of sugar. Taste as you go—the natural sweetness of pineapple helps balance the reduction in sugar. 🍯
Nut-Free Considerations
Toasted coconut flakes are the only nut-containing ingredient here, so simply omit them if needed. For a nut-free garnish, try crushed graham crackers (check for gluten-free if necessary) or toasted coconut-free sprinkles like sprinkles by Sprinkles by Jujubee. The cake and filling remain nut-free as written, but always double-check labels on boxed mixes and canned pineapple for cross-contamination warnings. ⚠️
Lower-Calorie Tweaks
Lighten the cake by reducing the 1.5 cups sugar to 1 cup and using ½ cup unsweetened applesauce in place of ½ cup egg whites. For the filling, use ½ cup unsweetened pineapple juice (instead of syrup) and ¼ cup sugar-free syrup. Serve with light whipped topping (like Cool Whip Free) instead of regular whipped cream. The result is a lighter dessert with the same tropical vibes. 💪
Allergen-Friendly Swaps
For egg-free versions, replace the 12 egg whites with 12 tbsp aquafaba (whipped to stiff peaks) or ½ cup unsweetened applesauce (folded in gently). If avoiding corn syrup, use honey (¼ cup) in the filling, but reduce the pineapple juice to ¼ cup to maintain balance. Always check labels—some canned pineapple brands add preservatives with allergens like soy. When in doubt, opt for fresh pineapple** (peeled and finely diced) for full control. 🍍
Nutrition facts
Frequently asked questions
Can I use fresh pineapple instead of canned?
Yes, but you'll need to prep it carefully! Use 2 cups finely diced fresh pineapple (about 1 medium pineapple) and drain it in a colander for 10 minutes to remove excess moisture. For better texture, lightly cook the pineapple with 1 tbsp sugar for 5 minutes to soften it before mixing with the filling. Fresh pineapple adds brighter flavor but requires extra draining time.
Why does my angel food cake turn out dense?
Overmixing the batter or using cold egg whites are the most common culprits. Always use room-temperature egg whites and fold them gently into the batter—don't stir vigorously. Also, make sure your oven is fully preheated to 350°F and don't open the oven door during baking. Bake until a toothpick comes out clean (usually 12-15 minutes).
How do I make this recipe without whipped cream?
Try these lighter alternatives! For a dairy-free option, use coconut whipped cream (chill a can of full-fat coconut milk overnight, scoop out the thick cream, and whip with 1 tbsp powdered sugar). For a no-sugar option, pipe Greek yogurt mixed with lemon zest over the cake. Both add creaminess while keeping the tropical theme—just adjust sweetness to taste.
Can I bake this cake in a different pan size?
Absolutely—just adjust the baking time! For 8-inch pans, bake 10-12 minutes (they'll cook faster). For 10-inch pans, bake 14-16 minutes. The key is to bake until the center springs back when gently pressed. If using odd sizes, divide the batter evenly among all pans and reduce baking time by 1-2 minutes per inch of pan diameter.
What's the best way to store leftovers?
Store uncovered at room temperature for up to 2 days in an airtight container. For longer storage, refrigerate the assembled cake (unfrosted) for up to 5 days. To freeze, wrap individual layers tightly in plastic wrap, then place in a freezer bag for up to 3 months. Thaw overnight in the fridge before adding toppings—this prevents sogginess.