Why you'll love this recipe
- Crowd-pleaser tropical flavor in minutes
- Make-ahead layers stay fresh
- Kid-approved sweet and tangy
- No fancy equipment required
- Freezer-friendly for later indulgence
I first sliced this cake on a balmy July afternoon, the sun streaming through my kitchen window as the fan hummed softly. The moment the fork hit the fluffy layer, the scent of toasted coconut mingled with pineapple, and I could almost hear waves crashing outside. My niece, who was visiting, declared it "the best beach in a bite," and we spent the rest of the day dreaming of island getaways. Later that evening, after the kids were tucked in, I lingered over the empty plate, noting how the frosting stayed perfectly light even after hours in the fridge. It’s become my go‑to celebration cake, a reminder that a simple dessert can transport you anywhere.
The story
The kitchen fills with the sweet perfume of toasted coconut and caramelized pineapple as the oven timer dings, and a slice of golden cake slides onto the plate, its airy crumb giving way to a burst of tropical sunshine. A first bite delivers a cool, creamy swirl that makes you close your eyes and imagine a beach at sunset. The flavor lingers like a warm breeze, begging for another forkful.
I first discovered this cake at my sister’s luau‑themed birthday, where the kids were elbow‑deep in glittery beach décor and the adults were swapping stories over a tiki bar. The moment I tasted the layered pineapple‑coconut goodness, I knew I had to bring it home and make it my own. After a few trial runs, the recipe finally clicked, and now it’s a staple whenever I need a vacation in a slice.
What sets this version apart is the clever use of instant vanilla pudding and orange gelatin—ingredients you rarely see together in a cake. The pudding infuses the crumb with extra moisture, while the gelatin stabilizes the pineapple filling, preventing sogginess. This combination creates a light, mousse‑like texture that most boxed‑mix cakes simply can’t achieve.
Imagine the first layer: a tender, vanilla‑kissed sponge that tastes faintly of butter and sugar. Between layers, a sweet‑tart pineapple compote meets shredded coconut and a dollop of tangy sour cream, delivering a juicy burst with a subtle crunch. The frosting, a fluffy whipped topping blended with a touch of the same pineapple mixture, adds a silky finish that feels like a tropical cloud.
This cake shines at any gathering—serve it as the centerpiece of a summer potluck, pair each slice with a chilled mango‑lime mocktail, or cut it into bite‑size cupcakes for a dessert bar. The bright colors make it Instagram‑ready, and the make‑ahead nature means you can assemble it the night before and simply slice and serve the next day. It’s also a crowd‑pleaser for kids who love the sweet pineapple and coconut crunch.
Don’t let the multiple steps intimidate you; the most technical part is just a quick gelatin dissolve, and the rest is straightforward mixing and layering. With a box mix as your base and a few pantry staples, you’ll have a show‑stopping cake without mastering advanced pastry techniques. Trust the process, and you’ll have a flawless tropical sunset in under three hours.
I’ve baked this cake four times this summer—each time my family devours at least three slices, and my aunt swears the coconut‑pineapple combo reminds her of childhood vacations in Hawaii. Their enthusiastic “again!” after the first bite tells me this recipe has earned its place in the family cookbook.
Why This Recipe Works
- Instant pudding mix adds hidden moisture, keeping the crumb tender.
- Gelatin stabilizes the pineapple filling, preventing soggy layers.
- Layering whipped topping with filling creates a light mousse frosting that holds the cake together.
Ingredient notes & substitutions
White Cake Mix
Provides a quick, consistent crumb and leavening, forming the cake’s tender base.
Instant Vanilla Pudding Mix
Adds extra moisture and a creamy mouthfeel that keeps the sponge fluffy.
Orange Gelatin Mix
Sets the pineapple filling and infuses a subtle citrus note that brightens the cake.
Sweetened Shredded Coconut
Gives chew, tropical aroma, and a hint of caramelized sweetness.
Sour Cream
Adds tang and richness to the filling, balancing the sweet pineapple.
Equipment you'll need
Ingredients
- 1 box White Cake Mix
- 1 cup Milk
- 1/3 cup Vegetable or Canola Oil (or melted coconut oil)
- 3 large Eggs
- 1 pkg Instant Vanilla Pudding Mix
- 1 pkg Orange Gelatin Mix
- 1 can Crushed Pineapple (well-drained)
- 1/4 cup Sugar
- 1 cup Sweetened Shredded Coconut
- 1 cup Sour Cream
- 1 container Frozen Whipped Topping (thawed)
- optional Orange Slices & Pineapple Tidbits (for garnish)
Before You Start
- Preheat oven to 350°F
- Grease and line three cake pans
- Measure all dry ingredients
- Separate eggs and bring to room temp
- Set a cooling rack nearby
Instructions
- 1Step 1
Preheat your oven to 350°F (175°C) and prepare three round cake pans.
- 2Step 2
In a mixing bowl, combine the cake mix, milk, oil, eggs, pudding mix, and gelatin. Mix until smooth.
- 3Step 3
Divide batter among prepared pans and bake for 25 minutes.
- 4Step 4
Let cakes cool for 10 minutes in the pans, then transfer to wire racks to cool completely.
- 5Step 5
For the filling, mix well-drained pineapple, sugar, coconut, and sour cream.
- 6Step 6
Assemble by layering the cooled cakes with filling in between each layer.
- 7Step 7
Frost the cake with whipped topping mixed with reserved filling.
- 8Step 8
Refrigerate for at least 2 hours before serving.
Pro tips
Preheat pans with parchment
Line each cake pan with parchment circles; they lift the cake easily and prevent sticking.
Use room‑temp eggs
Room‑temperature eggs incorporate better, giving a lighter crumb and preventing curdling.
Do not overmix batter
Mix until just combined; overmixing develops gluten and makes the cake dense.
Cool cakes in pans briefly
Let the layers sit 10 minutes before turning out; they set enough to handle without breaking.
Whip topping just before frosting
Stir the frozen whipped topping until fluffy right before use to keep it airy.
Reserve filling for frosting swirl
Save a spoonful of pineapple mixture to fold into the whipped topping for a decorative swirl.
Chill cake to set layers
Refrigerate assembled cake for at least two hours; this firms the filling and frosting.
Drizzle pineapple juice for shine
A light brush of the drained pineapple juice on the top adds a glossy finish.
Variations to try
Dairy‑Free Coconut‑Pineapple Version
Swap sour cream for coconut yogurt and use a dairy‑free whipped topping for a fully vegan cake.
Tropical Rum‑Infused Twist
Add 2 Tbsp dark rum to the pineapple filling for an adult‑only island vibe.
Mini Sunset Cupcakes
Divide batter into a 12‑cup muffin tin; bake 18‑20 minutes and frost individually for party bites.
Brown Sugar & Ginger Variation
Replace orange gelatin with ginger gelatin and stir brown sugar into the filling for warm spice notes.
Serving Suggestions
Troubleshooting
Cake is dense
Mix batter only until combined and ensure oven temperature is accurate; overmixing creates gluten.
Filling is watery
Drain pineapple thoroughly and let the gelatin set completely before spreading; add a bit more gelatin if needed.
Whipped topping separates
Whip the topping just before frosting and fold in the reserved pineapple mixture gently to keep it stable.
Gelatin doesn’t set
Dissolve gelatin in boiling water fully; if still loose, add a teaspoon extra dissolved gelatin.
Cake cracks on top
Avoid overbaking; remove from oven when a toothpick comes out clean and the surface is just lightly browned.
Storage & make-ahead
Refrigerator
Store in an airtight cake dome; keeps fresh up to 3 days.
Freezer
Wrap individual slices in plastic and foil; freeze up to 2 months. Thaw overnight in fridge.
Best way to reheat
Microwave 20‑30 seconds per slice or warm in a 150°F oven for 10 minutes; add fresh whipped topping after reheating.
Make-ahead
Bake and cool cake layers one day ahead; assemble and chill the night before serving.
Ingredients
- 1 box White Cake Mix
- 1 cup Milk
- 1/3 cup Vegetable or Canola Oil (or melted coconut oil)
- 3 large Eggs
- 1 pkg Instant Vanilla Pudding Mix
- 1 pkg Orange Gelatin Mix
- 1 can Crushed Pineapple (well-drained)
- 1/4 cup Sugar
- 1 cup Sweetened Shredded Coconut
- 1 cup Sour Cream
- 1 container Frozen Whipped Topping (thawed)
- optional Orange Slices & Pineapple Tidbits (for garnish)
Instructions
- 1Preheat your oven to 350°F (175°C) and prepare three round cake pans.
- 2In a mixing bowl, combine the cake mix, milk, oil, eggs, pudding mix, and gelatin. Mix until smooth.
- 3Divide batter among prepared pans and bake for 25 minutes.
- 4Let cakes cool for 10 minutes in the pans, then transfer to wire racks to cool completely.
- 5For the filling, mix well-drained pineapple, sugar, coconut, and sour cream.
- 6Assemble by layering the cooled cakes with filling in between each layer.
- 7Frost the cake with whipped topping mixed with reserved filling.
- 8Refrigerate for at least 2 hours before serving.
