If you’re looking for a dessert that screams sunshine and summer gatherings, this Mandarin Orange Pineapple Cake is it. With its light and fluffy texture, bursts of fruity flavor, and a cool, creamy topping, this cake is everything you want when the weather is warm—or when you just need a sweet escape to the tropics.
This cake is a go-to favorite in our family, especially during the spring and summer months. It’s one of those recipes that feels nostalgic—kind of like the ones your grandma might’ve made for church potlucks or backyard barbecues. It’s simple to throw together, holds up beautifully in the fridge, and actually gets better with time. And the best part? It uses pantry staples and canned fruit, so you don’t have to wait for mandarin or pineapple season to enjoy it.
Now let’s dive into the first part of this deliciously easy dessert, starting with the cake base. Trust me, once you try this, it’ll earn a permanent spot in your recipe rotation.
Ingredients You’ll Need for the Cake
-
15 ounce can mandarin oranges, drained (reserve ½ cup of the juice)
-
1 box yellow cake mix
-
½ cup unsalted butter, softened
-
½ cup reserved mandarin orange juice
-
4 large eggs
-
1 teaspoon vanilla extract
This combination gives you a rich, golden cake that’s tender and moist. The mandarin oranges not only add a subtle citrusy flavor, but their chunks create little pops of juicy goodness in every bite.
STEP 1: Preheat and Prep Your Pan
Start by preheating your oven to 350°F. Spray a 9×13-inch baking dish with nonstick cooking spray. This size pan gives you a perfectly thick cake that’s easy to frost and slice later.

STEP 2: Drain the Mandarins (and Save That Juice!)
Open your can of mandarin oranges and drain them well—but don’t toss all the juice. You’ll want to reserve ½ cup of that syrupy goodness for your cake batter. It adds a boost of flavor and moisture that water just can’t deliver.
STEP 3: Mix the Cake Batter
In a large mixing bowl, combine the yellow cake mix, softened butter, ½ cup of mandarin orange juice, eggs, and vanilla extract. Using an electric mixer, beat on medium-high speed for about 3 to 4 minutes until everything is smooth, fluffy, and a little lighter in color. That extra mixing time really helps aerate the batter, giving your cake a beautiful rise and soft texture.
STEP 4: Fold in the Mandarins
Now for the fun part—gently fold in the drained mandarin oranges. Don’t worry about breaking them up completely. You want some of those juicy little chunks left whole for texture. The oranges almost melt into the batter while baking, adding moisture and a subtle tang.

STEP 5: Bake Until Golden and Set
Pour the batter into your greased baking dish and spread it out evenly. Bake the cake for 25 to 30 minutes, or until a toothpick inserted into the center comes out clean. Your kitchen will start to smell amazing right around the 20-minute mark—fruity, buttery, and completely irresistible.
Once the cake is done, let it cool completely in the pan. Don’t rush this part; you want it nice and cool before you add that luscious topping in Part 2.
Mandarin Orange Pineapple Cake: A Refreshing Tropical Dessert for Any Occasion
Now that your golden mandarin orange cake is baked and cooled, it’s time to move on to the part everyone really looks forward to—the topping. This isn’t just any frosting. It’s light, fluffy, and packed with real pineapple flavor thanks to crushed pineapple and a touch of vanilla pudding mix. The best part? It comes together in just a few minutes, and the flavor only improves as it sits in the fridge.
This frosting has a whipped, mousse-like texture that spreads beautifully over the cake and holds up well in the refrigerator, making it the perfect make-ahead dessert. Whether you’re bringing this to a picnic or enjoying it on your back patio, the cool, creamy topping will hit the spot every time.
Let’s get into the details of how to make that dreamy pineapple topping—and how to make it set up just right.
Ingredients You’ll Need for the Topping
-
20 ounce can crushed pineapple, drained (reserve ¾ cup of juice)
-
¾ cup reserved pineapple juice
-
3.4 ounce box vanilla instant pudding mix
-
½ cup powdered sugar
-
4 ounces Cool Whip (half of a regular tub)
-
Extra mandarin orange slices, for garnish
STEP 6: Drain the Pineapple Well
This step is more important than it seems—drain your crushed pineapple thoroughly, and set aside ¾ cup of the juice. The pineapple juice is key to creating the pudding base, but if you leave too much liquid in the fruit itself, the frosting can end up too runny.
Pro tip: You can use a fine mesh strainer or even press the pineapple gently with the back of a spoon to get as much liquid out as possible.
STEP 7: Mix the Pudding Base
In a medium-sized mixing bowl, whisk together the reserved ¾ cup pineapple juice and vanilla instant pudding mix. Give it a good stir until everything is dissolved and thickened slightly.
Then add in the ½ cup of powdered sugar and mix again until smooth. The powdered sugar adds a touch of sweetness and helps with the structure of the topping.
STEP 8: Fold in the Cool Whip
Once your pudding base is smooth, it’s time to add the Cool Whip. Use a spatula to gently fold it in, being careful not to overmix. This helps keep the topping light and airy. You want a smooth, creamy consistency that’s easy to spread—but not so loose that it runs off the cake.
If the mixture looks too thin at this point, you can stir in an extra spoonful or two of Cool Whip to thicken it up.
STEP 9: Add the Crushed Pineapple
Now it’s time to fold in the drained crushed pineapple. This is what gives the topping its signature texture and tropical flavor. Stir it in gently, and make sure it’s evenly distributed throughout the frosting.
You’ll end up with a topping that’s creamy, lightly sweet, and dotted with bits of pineapple in every bite.

STEP 10: Frost the Cake and Chill
Spread the pineapple frosting evenly over the completely cooled cake. Take your time to smooth it out—you want a nice even layer. Then, pop the whole cake into the fridge for 2 to 3 hours. This chilling step helps the topping firm up and allows all those fruity flavors to meld together.
Optional: Add a Fresh Garnish
Right before serving, top each slice with a few extra mandarin orange segments. It’s a simple touch, but it makes the presentation feel a little more special (and gives your guests a hint of what’s inside).
Mandarin Orange Pineapple Cake: A Refreshing Tropical Dessert for Any Occasion
We’ve covered the golden, citrus-infused cake base and the light, creamy pineapple topping—but before you grab a fork and dig in, let’s go over a few frequently asked questions. Whether you’re making this cake for the first time or have baked it before and are looking for a few tweaks, these tips will help you get perfect results every time.
Frequently Asked Questions
Can I use fresh fruit instead of canned?
Yes, but with caution. Canned mandarin oranges and crushed pineapple are packed in juice and have a very soft texture, which blends beautifully into both the cake and topping. If using fresh fruit, you’ll need to make sure it’s very ripe and juicy—and for the topping, you may need to adjust the liquid slightly to keep the right consistency.
Can I make this cake ahead of time?
Absolutely! In fact, this cake tastes even better the next day. The flavors deepen and the topping sets up perfectly. Just keep it tightly covered in the refrigerator, and it should stay fresh for up to 3 days.
Can I freeze this cake?
You can freeze the cake base, but I recommend waiting to add the topping until you’re ready to serve. The whipped topping and pudding mixture can separate or lose texture after freezing and thawing. Freeze the unfrosted cake wrapped tightly in plastic and foil, then thaw and frost it fresh.
What if my frosting turns out too runny?
This usually means the pineapple wasn’t drained well enough. To fix it, try folding in a little more Cool Whip to thicken the mixture. You can also refrigerate it for 10–15 minutes to help it firm up before spreading it over the cake.
Can I use a different flavor of pudding?
Sure! While vanilla complements the fruit flavors best, you can experiment with coconut or even cheesecake-flavored instant pudding. Just make sure it’s instant (not cook-and-serve) and the same 3.4-ounce size.
Is it possible to make this recipe gluten-free?
Yes—just use a gluten-free yellow cake mix, and be sure to check that all other ingredients (especially the pudding mix) are certified gluten-free. The rest of the ingredients are naturally gluten-free.
Can I double the recipe for a crowd?
You can, but you’ll need to use a larger pan (like an 11×17-inch sheet pan) or bake two 9×13-inch cakes. Keep in mind that doubling the recipe will also double the topping, so make sure you have enough space in your fridge to store it before serving.
Final Thoughts: Why You’ll Love This Cake Again and Again
This Mandarin Orange Pineapple Cake checks all the boxes: easy, delicious, make-ahead friendly, and a real crowd-pleaser. Whether you’re serving it at a backyard barbecue, bringing it to a potluck, or just treating your family on a warm weekend, it’s one of those desserts that never fails to impress.
The soft, buttery cake gets a gentle citrusy kick from the mandarin oranges, and the light-as-air pineapple topping is just the right balance of sweet and fruity. And let’s be honest—anything topped with Cool Whip and fruit is going to be a hit, right?
Don’t be surprised if this cake becomes one of your signature dishes. I’ve made it for birthdays, Easter brunch, and even just random Tuesday nights when we needed a little something special. It’s that kind of recipe—the one you’ll come back to again and again.
PrintMandarin Orange Pineapple Cake
This light and fruity cake combines the tropical sweetness of mandarin oranges and crushed pineapple with a fluffy yellow cake base and a creamy, pudding-based topping. It’s perfect for warm weather gatherings and stays moist and flavorful even when made ahead.
- Author: Mark's Recipe
Ingredients
For the Cake
15 ounce can mandarin oranges (½ cup juice reserved, remainder drained)
1 box yellow cake mix
½ cup unsalted butter (1 stick), softened to room temperature
½ cup reserved mandarin orange juice
4 large eggs
1 teaspoon vanilla extract
For the Topping
20 ounce can crushed pineapple (¾ cup juice reserved, remainder drained well)
¾ cup reserved pineapple juice
3.4 ounce box vanilla instant pudding mix
½ cup powdered sugar
4 ounces Cool Whip (half a regular tub)
Extra mandarin orange slices, for garnish
Instructions
Preheat the oven to 350°F and spray a 9×13-inch baking dish with nonstick cooking spray.
Drain the can of mandarin oranges, reserving ½ cup of the juice. Discard the remaining juice.
In a large bowl, beat together the yellow cake mix, softened butter, reserved orange juice, eggs, and vanilla extract for 3 to 4 minutes on medium-high speed until smooth and fluffy.
Gently fold in the drained mandarin oranges, leaving some pieces chunky to add texture.
Pour the batter into the prepared baking dish and spread evenly. Bake for 25 to 30 minutes, or until a toothpick inserted in the center comes out clean. Let the cake cool completely in the pan.
To prepare the frosting, drain the crushed pineapple very well, reserving ¾ cup of juice.
In a medium bowl, whisk together the reserved pineapple juice and instant pudding mix until combined. Stir in the powdered sugar, then fold in the Cool Whip until smooth.
Gently fold in the drained crushed pineapple. If the mixture appears too loose, add a little more Cool Whip until the desired consistency is reached.
Spread the frosting over the completely cooled cake. For best results, refrigerate the cake for 2 to 3 hours to allow the topping to set.
Before serving, slice the cake into 12 pieces and top each slice with extra mandarin orange slices. Keep the cake stored in the refrigerator.
Notes
Make sure to drain the fruits thoroughly to avoid a watery frosting. This cake tastes even better the next day, making it an excellent make-ahead dessert for gatherings or holidays.





