Desserts
This angel food cake mix and crushed pineapple cake recipe delivers the perfect tropical dessert—light, fluffy, and bursting with juicy pineapple flavor. The secret lies in folding the crushed pineapple into the batter just before baking, ensuring each bite is moist and vibrant.
Unlike traditional angel food cake, this version skips eggs entirely, making it a foolproof option for those who prefer a simpler approach.
The beauty of this recipe is its simplicity: you start with a boxed angel food cake mix, which eliminates the need for measuring dry ingredients or whipping egg whites. The crushed pineapple adds natural sweetness and moisture, while the cake’s signature airy texture remains intact.
Baking at 350°F for 25–30 minutes ensures a golden, tender crumb that’s perfect for slicing or serving whole.
Once baked, the cake cools quickly, making it ideal for quick dessert prep. Top with whipped cream, a sprinkle of toasted coconut, or a dollop of meringue for an extra touch of elegance.
The result is a dessert that feels indulgent yet light—perfect for summer gatherings or a spontaneous treat. Let’s get baking!
This recipe is vegetarian-friendly and requires minimal effort, making it a great option for both beginners and experienced bakers. The tropical twist on a classic cake ensures every slice is a flavorful delight. Ready to try it?
Ingredients for angel food cake mix and crushed pineapple cake
Tropical flavors meet classic cake—just 12 ingredients for a light, juicy dessert everyone will love.
| Ingredient | Amount | Notes |
|---|---|---|
| Angel Food Cake Mix 🍰 | 1 box | Classic or tropical flavor preferred |
| Crushed Pineapple (in Juice) 🍍 | 15 oz | Drained well, extra juice reserved |
| Unsweetened Coconut Milk 🥥 | ½ cup | Full-fat for creaminess |
| Vanilla Extract 🌿 | 1 tbsp | Pure, high-quality vanilla |
| Vegetable Oil 🫒 | ¼ cup | Light, neutral flavor |
| Toasted Coconut Flakes 🥥 | ¼ cup | For topping, lightly toasted |
| Powdered Sugar 🍚 | ½ cup | For dusting, optional |
| Lemon Zest 🍋 | 1 tsp | Freshly grated, bright flavor |
| Water 💧 | ½ cup | For cake mix, room temperature |
| Whole Milk 🥛 | ½ cup | For extra moisture |
| Almond Extract 🌿 | ¼ tsp | Optional, enhances flavor |
| Salt 🧂 | ¼ tsp | Fine sea salt |
The crushed pineapple is the star here, so grab the best quality canned pineapple—look for brands like Del Monte or Dole with no added sugar. The juice gets folded into the batter for extra moisture, so drain it well but save about 1/4 cup of that golden juice for the mix. Trader Joe's often has great organic options too. The angel food cake mix is the shortcut that makes this foolproof—just pick your favorite flavor, but tropical or vanilla works best. For the coconut milk, full-fat makes all the difference in creaminess, and coconut flakes should be toasted until golden for that perfect crunch.
No crushed pineapple? Fresh pineapple works too—just blend and strain it, then drain well. Swap the coconut milk for Greek yogurt if you're out, though the flavor will be slightly different. Running low on vanilla? Almond extract adds depth, but vanilla bean paste is even better if you've got it. The toasted coconut flakes can be skipped, but trust me—they're worth the extra minute in the pan. For extra zing, add lime zest instead of lemon if you prefer. The cake mix calls for water, but milk or coconut milk adds richness—just adjust the other liquid ingredients to keep the batter balanced.
This cake bakes fast and cools even faster, so prep your toppings ahead if you're serving it right away. The powdered sugar keeps best in an airtight container, and toasted coconut flakes stay fresh for 2 weeks if stored in the fridge. Leftovers? Slice and freeze between parchment paper for up to 3 months—just thaw at room temp before serving. The cake itself keeps 3 days covered at room temperature, though it's best enjoyed fresh. For a restaurant-worthy touch, serve with a scoop of vegan coconut ice cream—the contrast is pure magic.
Why You'll Love This Recipe
- No Mixing Madness: Mixing dry ingredients is over—this cake comes together in one bowl with just a whisk. The crushed pineapple’s juice replaces eggs and oil, so you’re basically just folding in the coconut milk and vanilla like a pro. (Yes, even if your whisking skills are questionable.)
- Tropical Twist: That first bite? It’s like a vacation in your mouth—the cake’s light, airy texture soaks up the pineapple’s sweet-tart juice, while the coconut milk adds this creamy, almost custardy richness. Honestly, it’s the kind of flavor combo that makes you want to skip dessert and eat it for breakfast.
- Party in a Pan: This cake is my go-to for birthdays, potlucks, or when I need to feed a crowd without stress. Bake it in a tube pan for elegant slices or a Bundt for wow factor—both keep well for days. (Between us, I’ve had leftovers for weeks.)
- Pantry Magic: You’re using what you already have: a box of cake mix, a can of pineapple, and a few basics. No special ingredients, no last-minute grocery runs. And if you’re watching calories? The coconut milk keeps it lighter than most cakes, but trust me, no one will guess it’s “healthy.”
Step-by-step instructions for tropical angel food cake
Here's how to transform simple angel food cake mix into a luscious tropical dessert that's light, moist, and bursting with pineapple flavor.
Prepare the Pineapple Filling
Drain the 15 oz crushed pineapple (in juice) through a fine-mesh sieve, pressing gently to extract all the liquid. Reserve both the drained pineapple and the juice separately. You should have about 1 cup of juice—this will be the base for your filling. In a small saucepan, combine the reserved pineapple juice with 0.5 cup unsweetened coconut milk, 1 tbsp vanilla extract, and 1 tsp lemon zest.
Bring the mixture to a gentle simmer over medium heat, stirring occasionally, until slightly thickened (5-7 minutes). The filling should coat the back of a spoon but still be pourable. Remove from heat and stir in 0.25 tsp almond extract and 0.25 tsp salt. Let it cool completely before using—this ensures the cake stays light and airy rather than dense.
Mix the Cake Batter
In a large mixing bowl, combine the 1 box angel food cake mix, 0.5 cup water, 0.5 cup whole milk, and 0.25 cup vegetable oil. Using an electric mixer on low speed, beat for 2 minutes until the batter is smooth and fully incorporated. The batter should be thin but well-combined—this is crucial for that signature angel food cake texture.
Gently fold in the drained crushed pineapple using a spatula, being careful not to deflate the batter. The pineapple should be evenly distributed but not overmixed. Here's the thing—don't worry if the batter looks too thin. Angel food cakes rely on air incorporation during baking, so we want to preserve as much volume as possible.
Bake the Cake
Preheat your oven to 350°F and prepare an 10-inch tube pan by lightly greasing it with vegetable oil and dusting with flour. Pour the batter into the prepared pan and smooth the top with a spatula. Bake for 30 minutes, then carefully invert the cake onto a wire rack to cool completely.
The cake is done when it springs back when gently pressed and pulls away cleanly from the pan. Here's where patience pays off—let it cool completely before adding the filling. This prevents the cake from becoming soggy. While the cake cools, you can lightly toast the 0.25 cup toasted coconut flakes in a dry skillet over low heat for 2-3 minutes until golden and fragrant.
Assemble the Cake
Once the cake is completely cool, use a serrated knife to carefully slice it horizontally into two equal layers. Place the bottom layer on a serving plate and spread the cooled pineapple filling evenly over the top. Replace the second cake layer and gently press down to create a solid cake.
Dust the top and sides of the cake with 0.5 cup powdered sugar using a fine-mesh sieve for an elegant finish. Sprinkle the toasted coconut flakes evenly over the top, pressing them lightly into the powdered sugar so they stick. The contrast between the light cake, tropical filling, and crunchy coconut topping is what makes this dessert truly special.
Pro Tips For Making Angel Food Cake Mix And Crushed Pineapple Cake
- Drain the Pineapple—Then Press It Dry: The juice from crushed pineapple makes this cake soggy if you don’t handle it right. Drain it in a fine-mesh strainer for 5 minutes, then press out every last drop with a paper towel or clean kitchen towel—this keeps the texture light and fluffy, not gummy.
- Mix Just Until Combined: Overmixing angel food cake batter turns it tough, and this recipe’s no exception. Fold in the coconut milk, vanilla, and drained pineapple until barely combined—lumps are fine, but don’t turn it into cake batter glue.
- Grease the Pan with Oil, Then Flip: Skip the flour dusting—it’s unnecessary here. Lightly coat your tube pan with vegetable oil, then flip it upside down to let the grease pool at the bottom. This guarantees the cake won’t stick, especially when you invert it later.
Dietary considerations for angel food cake mix and crushed pineapple cake
Gluten-Free Adaptations
This recipe can easily be adapted for gluten-free diets by substituting the angel food cake mix with a gluten-free angel food cake mix like King Arthur or Bob's Red Mill.
These mixes are designed to mimic the airy texture of traditional angel food cake while being free from gluten-containing ingredients. The rest of the recipe—crushed pineapple, coconut milk, and toppings—remains the same. Just ensure your toasted coconut flakes are certified gluten-free to avoid cross-contamination. 🌱
Dairy-Free Options
For a dairy-free version, simply replace the whole milk with unsweetened almond milk or oat milk. The coconut milk already provides creaminess, so no other substitutions are needed.
The cake will still turn out light and fluffy, with the tropical flavors shining through. Always check labels on your coconut milk to ensure it’s dairy-free.
Egg-Free Considerations
The original recipe uses a boxed angel food cake mix, which typically contains eggs. However, many brands now offer egg-free angel food cake mixes, such as Betty Crocker Egg-Free or Duncan Hines Egg-Free.
These mixes use alternative binders like xanthan gum or guar gum to maintain the cake’s structure. If you’re avoiding eggs for dietary reasons, opt for one of these mixes and follow the instructions on the box for best results.
Lower Sugar Swaps
To reduce sugar content, use a sugar-free crushed pineapple like Dole No Sugar Added and replace the powdered sugar topping with a light dusting of coconut sugar or monk fruit sweetener.
You can also reduce the amount of vanilla extract slightly (to ½ tbsp) to balance the natural sweetness from the pineapple. These small changes keep the cake moist and flavorful without the added sugar.
Nut-Free Adjustments
If you’re avoiding nuts, skip the almond extract and rely solely on vanilla extract for flavor. The toasted coconut flakes are naturally nut-free, but always double-check the label to ensure no cross-contamination.
For extra crunch, consider toasted pumpkin seeds (pepitas) as a nut-free alternative. They add a delightful texture without overpowering the tropical flavors.
Allergen Awareness
Always review ingredient labels for potential allergens. For example, some vanilla extracts may contain alcohol or trace nuts, while coconut milk is technically a nut product (though it’s often safe for those with coconut allergies).
If allergies are a concern, opt for certified allergen-free brands like 365 by Whole Foods for your coconut milk and Stur for vanilla extract. When in doubt, reach out to the manufacturer for clarification.
Nutrition facts
Frequently asked questions
Why does this recipe use crushed pineapple instead of fresh?
Crushed pineapple adds natural moisture and sweetness without altering the cake's light texture. Fresh pineapple would release too much liquid, making the batter too wet and potentially dense. The canned version also has a perfect balance of sugar and acidity that complements the angel food cake beautifully. Plus, it's much easier to work with!
Can I make this cake without a tube pan? Use a 9-inch round cake pan instead. Reduce baking time to 25 minutes and check for doneness 2 minutes early. For a single-layer cake, bake in a 10-inch round pan for 28-30 minutes. Just
What if my cake comes out too dense?
Overmixing the batter or not cooling the cake completely before adding filling are the most common causes. Mix only until combined, then gently fold in pineapple. Let the cake cool 1 hour before assembling. If it's still too dense, try reducing the milk to 0.25 cup next time to keep the batter lighter.
How do I store leftovers?
Wrap the cake tightly in plastic wrap and store at room temperature for 2 days. For longer storage, slice and freeze between parchment paper for up to 3 months. Thaw overnight in the fridge before serving. The filling can be made ahead and refrigerated for 3 days—just reheat gently before using.
Can I add other tropical fruits to this recipe?
Yes! Try folding in 1 cup diced mango or ½ cup chopped macadamia nuts for extra flavor. For a berry twist, swap pineapple for 1 cup raspberries (tossed in 1 tbsp flour first). Just reduce the pineapple filling by half to maintain the cake's lightness.