This easy Pineapple Angel Food Cake is made with just a boxed cake mix and canned pineapple! This fluffy and delicious cake is topped with toasted coconut, and a little bit of brown sugar, and is perfect with a dollop of whipped cream.

slice of pineapple angel food cake with a bite missing.

It took me a while to come to terms with the fact that not everyone wants chocolate+peanut butter errrything, like I do. So, today’s pineapple angel food cake was created to celebrate my dad’s birthday but has since left a lasting impression on me and my family!

Lo and behold, I’ve eaten my slice of humble…cake? It’s amazing!

If you love the tropical combination of pineapple and coconut and enjoy a classic pineapple upside down cake, you’ll love this simple, 2-ingredient cake just as much.

The fresh pineapple and moist cake is all you need to satisfy your cake cravings without feeling like you’re overindulging!

Why you’ll love this Pineapple Angel Food Cake 🍍

  • Easy Recipe – Only a few pantry ingredients go into making this pineapple angel food cake and the topping is optional. This is great to have around for last-minute guests and dessert ideas.
  • Perfect for Family Gatherings – It makes a 9×13 size, so it’s perfect for feeding a crowd, no matter the occasion.
  • It’s Nice and Light – It’s low in fat and calories but you’d never know it because it’s one of those great recipes that doesn’t sacrifice flavor.

Equipment you’ll need

  • Mixing Bowls – They have a grippy bottom, which makes them hold still while you’re mixing.
  • Silicone Spoons – I love using silicone spoons because they’re heat-safe (when you need them to be) & they’re easy to clean. A wooden spoon will also work.
  • Baking Dish – I love that it has a lid for storing leftovers.
slice of pineapple angel food cake topped with whipped cream.


Below is a list of the ingredients you’ll need to gather to make this recipe, why you need them, and possible substitutions. Scroll all the way down for the full recipe card with measurements.

  • Angel Food Cake Mix – The “just add water” kind. I used Duncan Hines.
  • Crushed Pineapple – You want the kind that comes in the can with pineapple juice NOT packed in syrup.
  • Brown Sugar & Shredded Coconut – Both the brown sugar and coconut flakes go on top to make a bit of a crust on the cake. You could also add toasted coconut if you want to add a special touch.
pineapple angel food cake mix with a can of pineapple.

How to make an Angel Food Cake with Crushed Pineapple

This section shows you how to make this recipe, with process photos showing the steps to help you visualize it. For full instructions, including amounts and temperatures, see the recipe card below.

  1. Step One: To a large mixing bowl, add the cake mix and can of crushed pineapple. Stir it until it’s fully combined – it will be light and airy. Pour batter into a 9×13 pan and sprinkle brown sugar and shredded coconut evenly over the top.
  1. Step Two: In a 350° preheated oven, bake the cake until golden brown and slightly cracked in the center of the cake – 30-35 minutes. Remove the cake from the oven and for best results, turn the cake on its side to slightly cool.
  2. Step Three: When ready to serve, run a knife along the edge of the cake to loosen it and then slice to serve.
overhead shot of a pineapple angel food cake in a glass baking dish.

Tips & Suggestions

  • Do not grease the pan. The signature of an angel food cake is its soft, fluffy texture. How you get that beautiful rise is by getting the edges of the cake to climb up the sides of the pan so they hold up the cake nice and high.
  • Use crushed pineapple that comes in the juice, not the syrup. The sugary syrup will make the cake overly sweet.
  • This cake is best served at room temperature with a scoop of vanilla ice cream. a dollop of whipped cream or Cool Whip or topped with fresh fruit or berries.
  • If you have an angel food cake pan (a fluted tube pan), go ahead and use it! It’s specifically made for this type of cake. No, a bundt pan isn’t suitable for this recipe.

How to store Pineapple Angel Food Cake

How to store leftovers

This cake can be left at room temperature for up to 5 days. Be sure to keep it in an airtight container to keep it nice and moist. Otherwise, it will dry out pretty quickly.

Can I freeze it?

Absolutely! Wrap it in plastic wrap and a layer of foil to prevent freezer burn. Transfer it to a freezer bag or freezer-safe container and keep it frozen for up to 3 months.

If you’re freezing individual slices, make sure they’re all wrapped individually. That way you can take out a slice or two when you don’t want to thaw a whole cake.

side view of a pineapple angel food cake in a glass baking dish.


What is an angel food cake?

Traditionally, it’s a type of sponge cake that uses whipped egg whites (no yolks) to give it that striking white color and cream of tartar to help give it a light and airy rise. Since we’re using a box of angel food cake mix, we don’t need to worry about any of that and still get the same result!

Why do I have to cool it on its side?

This is so that it doesn’t fall back into itself and collapse as it continues to set and hold its structure. On a traditional angel food cake pan, there are little “feet” that help hold the pan up as it cools completely upside down. Since we’re using a regular baking dish, we are placing it on its side so that it doesn’t completely fall out of the pan either.

How to slice a pineapple angel food cake?

As you can imagine, it’s a light and airy cake that’s quite delicate, though moist. Allowing it to cool completely, maybe even chilled a bit will help to maintain its structure as you slice it. Use a serrated knife to do the job without ruining your masterpiece.

Can I add a frosting to this cake?

You can. I’d even suggest thawing a tub of Cool Whip and spreading that overtop. Then, sprinkle the coconut and sugar if you want.

bite of pineapple angel food cake on a fork.

Angel Food Crushed Pineapple Cake

Need more easy cake recipes? Try these:

Easy Strawberry Shortcake (made with cake mix)

Blueberry Heaven on Earth Cake

Yellow Cake with Fudge Frosting

Click here for my entire collection of dessert recipes.

Connect with Persnickety Plates!

Follow along on my social media so you never miss a post!

I made a fun group on Facebook for sharing recipes, asking questions, and talking about food. I’d love to have you! Request to join HERE.

If you MAKE & LOVE this recipe, share it on Instagram and tag me @melissa_pplates and/or #persnicketyplates so I can see it. I LOVE seeing what you make & I’ll share it in my stories!

It is VERY HELPFUL to me and other readers if you leave a review after you make my recipe. Please come back & let me know how it turned out!

slice of pineapple angel food cake with a bite missing.
4.83 from 17 votes

Pineapple Angel Food Cake

Servings: 15 servings
Prep Time: 5 minutes
Cook Time: 35 minutes
Total Time: 40 minutes
This easy Pineapple Angel Food Cake is made with just four ingredients, one bowl and one spoon. This fluffy and delicious cake is topped with toasted coconut and perfect with a dollop of whipped cream.


  • 16 ounce angel food cake mix the “just add water” kind – I used Duncan Hines
  • 20 ounce crushed pineapple in juice not in syrup
  • 2 Tablespoons brown sugar
  • 3 Tablespoons shredded coconut


  • Preheat oven to 350° F.
  • In a large bowl, add the cake mix and crushed pineapple. With a spoon, stir until fully combined. It will be light & airy.
    16 ounce angel food cake mix, 20 ounce crushed pineapple in juice
  • Pour the batter into a 9 x 13 pan.
  • Sprinkle on the brown sugar until it evenly coats the top.
    2 Tablespoons brown sugar
  • Sprinkle on the shredded coconut.
    3 Tablespoons shredded coconut
  • Bake for 30-35 minutes or until golden brown and cracked. It will probably be hard to see the cracks because of the brown sugar/coconut topping, but any that you do see, should be dry, not moist.
  • Remove from oven and carefully set the pan on its side to cool.
  • Once cool, run a knife around the edge to loosen it.
  • It will slice best with a serrated knife since it’s so spongy.



Do not grease the pan. 
16-20 ounces of crushed pineapple can be used.
Brown sugar and coconut topping is optional. 
Top with whipped cream, cool whip, or ice cream.
Store leftovers covered at room temperature for up to 5 days.


Serving: 1g | Calories: 142kcal | Carbohydrates: 33g | Protein: 2g | Sodium: 252mg | Potassium: 70mg | Sugar: 25g | Vitamin A: 15IU | Vitamin C: 2.8mg | Calcium: 52mg | Iron: 0.2mg

Nutritional information is an estimate and provided to you as a courtesy. You should calculate the nutritional information with the actual ingredients used in your recipe using your preferred nutrition calculator.

Did you make this recipe?

Tag me on Instagram @melissa_pplates so I can see!

Originally published August 2, 2013

Skinny Pineapple Coconut Cake - four ingredients, one bowl, and one spoon makes this light & delicious cake | Persnickety Plates
Skinny Pineapple Coconut Cake - four ingredients, one bowl, and one spoon makes this light & delicious cake | Persnickety Plates

4.83 from 17 votes (16 ratings without comment)

Leave a Reply

Your email address will not be published. Required fields are marked *

Recipe Rating

This site uses Akismet to reduce spam. Learn how your comment data is processed.


  1. I saw this on Marvelous Mondays and wanted to stop by and say thanks for sharing this! It’s something that I have heard about at various WW meetings for years, but have yet to make it. Have pinned and bookmarked to try soon.

  2. Hi!
    I love this, it’s like a “healthier” dump cake. 😉 Do you grease the pan before adding the batter?

    1. Thanks Melissa. I’m heading out in the morning to pick up cake mix and pineapple. Yum!

  3. with the SKINNY} PINEAPPLE COCONUT CAKE do i also use the eggs, oil, and liquid that is added on the box cake?

  4. If I don’t have access to cake mix, what is the best easiest and mixer free cake batter that can replace it?