🍍 Coconut Cake with Pineapple Filling

This dreamy coconut cake is layered with sweet pineapple filling and topped with creamy coconut frosting. It's like a tropical vacation in every bite! 🏝️

📌 SAVE this for your next celebration!

✨ What You Need:

Coconut Cake:

✔️ 2 cups all-purpose flour

✔️ 1 tbsp baking powder

✔️ 1 tsp salt

✔️ 1/2 cup butter (room temp)

✔️ 2 cups sugar

✔️ 13.5 oz unsweetened coconut milk

✔️ 1 1/2 tsp coconut extract

✔️ 5 egg whites

Pineapple Filling:

✔️ 20 oz crushed pineapple

✔️ 2/3 cup sugar

✔️ 2 tbsp cornstarch

Frosting:

✔️ 1/2 cup butter (room temp)

✔️ 8 oz cream cheese

✔️ 4–5 cups powdered sugar

✔️ 1–2 tbsp coconut or regular milk

✔️ 1 cup sweetened shredded coconut

How to Make It:

1️⃣ Prep Pans: Preheat oven to 350°F. Line two 8” pans with parchment & spray with cooking spray.

2️⃣ Dry Mix: Combine flour, baking powder & salt.

3️⃣ Wet Mix: Beat butter, then add sugar, coconut milk & extract. Mix well.

4️⃣ Combine: Gradually mix in dry ingredients.

5️⃣ Egg Whites: Beat until stiff peaks form, then fold into batter.

6️⃣ Bake: Divide into pans. Bake 25–35 mins. Cool completely.

7️⃣ Slice: Cut each cake in half horizontally to make 4 layers.

8️⃣ Filling: Cook pineapple, sugar & cornstarch until thick & glossy. Cool & chill.

9️⃣ Frosting: Beat butter & cream cheese. Add powdered sugar & coconut milk. Stir in coconut.

🔟 Assemble:

* Layer 1: Cake + 1/2 pineapple filling

* Layer 2: Cake + frosting

* Layer 3: Cake + 1/2 pineapple filling

* Layer 4: Top cake + frost entire cake

* Sprinkle with coconut (optional)

Chill at least 4 hours before serving (even better next day!)

💬 Full recipe? Search "Coconut Cake TBFS" on Google or visit Tastes Better From Scratch (link in bio!)

#cakerecipe #homemade #dessert #coconut #homemadecakes

Barcelona
2025/4/21 Edited to

... Read moreCoconut cake is a beloved dessert known for its rich flavor and moist texture. This particular recipe elevates the classic version by incorporating a sweet pineapple filling that enhances the tropical essence. The combination of unsweetened coconut milk and coconut extract adds depth to the cake, making it irresistibly tasty. Additionally, the pineapple filling, made from crushed pineapple, sugar, and cornstarch, provides a delightful burst of flavor that complements the fluffy cake layers beautifully. For those seeking an appealing presentation, it's essential to frost the cake not only with a luscious cream cheese frosting but also to sprinkle it with sweetened shredded coconut, creating an eye-catching and scrumptious finish. Chill the cake for several hours for the best results; this allows the flavors to meld together and results in a more enjoyable eating experience. If you're looking for similar dessert ideas, coconut cake pairs beautifully with tropical fruits like mango and passion fruit for a mixed flavor cake. You could also substitute the frosting with whipped coconut cream for a lighter touch. Whether it’s a birthday, holiday celebration, or any festive occasion, this coconut cake is sure to be a hit among your friends and family!

79 comments

Mia_LoveWarrior's images
Mia_LoveWarrior

Thank you!!!!!!❤️🔥🔥🔥🔥

jojod6060's images
jojod6060

❤️looks dangerous 😳 but yummie

See more comments

Related posts

Coconut Cake With Pineapple Filling
Fluffy, tropical, and irresistibly moist—this coconut cake is layered with a bright pineapple filling and finished with a creamy coconut cream cheese frosting. Perfect for spring, summer, or any special occasion! Ingredients Coconut Cake: * 2 cups all-purpose flour * 1 Tbsp baking powder * 1 t
Yara

Yara

464 likes

Pineapple Coconut Cupcakes with Coconut Buttercrea
Pineapple Coconut Cupcakes with Coconut Buttercream Ingredients: For the cupcakes: 1 1/2 cups all-purpose flour 1 teaspoon baking powder 1/2 teaspoon baking soda 1/4 teaspoon salt 1/2 cup unsalted butter, softened 3/4 cup granulated sugar 2 large eggs 1/2 cup crushed pineapple, drai
foodandrecipes

foodandrecipes

10 likes

Coconut cake with pineapple filling
Pineapple Coconut Cake 💕😋 Ingredients: 2 cups (250g) all-purpose flour 1 ½ cups (300g) granulated sugar 1 cup (240ml) buttermilk, room temperature ½ cup (115g) unsalted butter, softened ½ cup (120ml) vegetable oil 4 large eggs 1 cup (200g) crushed pineapple with juice 1 cup (90g) desic
Ouliw.k🇺🇸 ⵣ

Ouliw.k🇺🇸 ⵣ

5 likes

Pineapple Delight
Ingredients: 1 box yellow cake mix 1 can (20 oz) crushed pineapple, with juice 1 cup sweetened shredded coconut 1 package (3.4 oz) instant vanilla pudding mix 1 cup cold milk 1 container (8 oz) whipped topping, thawed Directions: Bake the yellow cake as directed on the packa
Teresa  Olita

Teresa Olita

860 likes

Dreamy Pineapple coconut cake
Ingredients For the Cake: 1 box yellow or white cake mix (plus ingredients listed on the box) ½ cup shredded coconut (optional, for extra flavor) ½ teaspoon coconut extract (optional but amazing) For the Pineapple Cream Filling: 1 can (20 oz) crushed pineapple (undrained) ½ cup granulated
Kwiersma

Kwiersma

28 likes

🥰Teriyaki Chicken Pineapple with Coconut Rice 🍚🫶
Here’s a good example of a healthy meal that DOES NOT have to be boring or taste bland!! If you like sweet and salty flavors, you’re going to LOVE this recipe! Stay tuned for the full recipe xx Using @Primal Kitchen Foods teriyaki sauce 🫶🏼 - #healthydinner #healthyrecipes # foryou
Fav cooking recipes🍤🍛🍣

Fav cooking recipes🍤🍛🍣

23 likes

Coconut Pineapple Green Tea Punch 🥥🍍
Brew: • Green tea & let it chill Mix: • 1/4 c pineapple juice • 1/4 c coconut water • 1 tbsp lime juice • Chilled green tea #fyp #drinkwithme #mixology #letsmakeadrink #drinktok #cocktails #mocktails #summerdrinks #cocktailrecipes #tasty #drinkydrink
Morgan | Let’s make a drink

Morgan | Let’s make a drink

3402 likes

🍰 Cake Filling & Frosting Pairing Guide
Not sure what flavors go together? Save this before your next bake👆🏻 💡 Pro Tip: Balance is everything—pair rich cakes with lighter fillings or tangy frostings to keep every bite perfect. 📌 Save this for later & follow for more baking ideas!
Andrea J

Andrea J

2 likes

coconut Cream Cake with Pineapple Jam Filling🥥🍰🍍
Ingredients:📝 For the Cake: 2 1/2 cups (300g) all-purpose flour 2 1/2 teaspoons baking powder 1/2 teaspoon salt 1 cup (225g) unsalted butter, room temperature 2 cups (400g) granulated sugar 4 large eggs 1 teaspoon vanilla extract 1 teaspoon coconut extract 1 cup (240ml) canned coconut
rosario vnz 🇸🇻

rosario vnz 🇸🇻

12 likes

Coconut Pineapple Creamer
Pineapple Coconut Dream (Link for products I use: https://recipesgalore93.wixsite.com/deliciousresults) Mom life, Messy Kitchen, Delicious Results! Delicious virgin natural / organic / healthy piña colada! Thank you @skm71 for the recipe! Ingredients: Pineapple Juice Coconut Milk
Recipes Galore!

Recipes Galore!

82 likes

Bakers filling options
#bakingvibes #sweettreats #cookingideas #fyp #fypシ゚viral
Pat

Pat

38 likes

BestPineappleJuiceCakeEver!
✅ Full Recipe👇 https://tinyurl.com/PineappleJuiceCake
marybowling698

marybowling698

4 likes

Vegan Pina Colada Coconut Cake
This vegan cake tastes like a beach vacation. #springrecipe #lemon8challenge #VeganCake #PinaColadaCake #HealthyDesserts Coconut Lovers Cake Vegan Nevada
veganchefmayra

veganchefmayra

8 likes

Creamy Strawberry 🍓 Pineapple 🍍 Coconut 🥥
Ask for a Paradise Drink No inclusions and 5 pumps vanilla and strawberry 🍓 purée at the bottom of the cup! #readthecaption #starbucksdrinkorder #readthepictureonhowtorderrrrr #pineapple #coconut #milk #strawberry #puree #STARBUCKS #Lemon8
The Truth

The Truth

2111 likes

CoconutCakeWithRaspberryFilling
COCONUT CAKE WITH RASPBERRY FILLING Ingredients: ¼ teaspoon salt 1 cup butter, room temperature 1 pound (450g) powdered sugar... Full Recipe::: http://bit.ly/3iQZh2f
marybowling698

marybowling698

1 like

Hawaiian Pineapple Poke Cake
Ingredients: 1 box yellow cake mix 1 cup crushed pineapple (with juice) 3 large eggs ½ cup vegetable oil 1 cup water 1 can (20 oz) crushed pineapple (with juice) ½ cup granulated sugar 2 tbsp cornstarch 1 box (3.4 oz) instant vanilla pudding mix 1 ½ cups cold milk 1 container (8 oz) wh
foodandrecipes

foodandrecipes

31 likes

Coconut Cream Dream Bars
Ingredients Crust: 1 ½ cups graham cracker crumbs ⅓ cup melted butter 2 tbsp sugar Cream Filling: 1 (8 oz) package cream cheese, softened ½ cup powdered sugar 1 tsp vanilla extract 1 (8 oz) tub whipped topping (Cool Whip), thawed Coconut Layer: 1 (3.4 oz) box instant coconut cream pu
Mariela Madrigal

Mariela Madrigal

420 likes

Maple Chipotle Chicken w/ Pineapple Coconut Rice
Ingredients: Maple Chipotle Chicken: 1 lb chicken breast or thigh, cut into bite-sized pieces 🍗 1/4 cup maple syrup 🍁 1 tbsp chipotle sauce or 1-2 chipotle peppers in adobo, minced 🌶️ 1 tbsp lime juice 🍋 Salt & pepper to taste 🧂 1 tbsp olive oil 🌿 Pineapple Coconut Rice: 1 cup jasmine
Aesthetic Food & Places To Go!

Aesthetic Food & Places To Go!

912 likes

COCONUTCAKEWITHRASPBERRYFILLING..
COCONUT CAKE WITH RASPBERRY FILLING Ingredients: ¼ teaspoon salt 1 cup butter, room temperature 1 pound (450g) powdered sugar... Full Recipe::: http://bit.ly/3iQZh2f
marybowling698

marybowling698

1 like

Pineapple Upside Down Cake Overnight Oats
Pineapple Upside Down Cake… but make it overnight oats. Creamy vanilla oats, a cake batter vibe yogurt layer, and warm caramelized pineapple on top. Packed with 25g of protein and 9g of fiber. Perfect for breakfast or even dessert. Pineapple Upside Down Cake Overnight Oats Oat layer (prep
alissamarie_wellness

alissamarie_wellness

13 likes

Pineapple Upside Down Cupcakes 🍍🧁
Ingredients: For the Topping: 1/4 cup unsalted butter 1/4 cup packed brown sugar 6-8 pineapple rings (canned or fresh) Maraschino cherries (optional) For the Cupcake Batter: 1 1/2 cups all-purpose flour 1 1/2 tsp baking powder 1/4 tsp salt 1/2 cup unsalted butter, softened 1 cup gr
Tabitha

Tabitha

441 likes

✨Ultimate White Chocolate Pineapple Dream Cake 🍍🤍
✨Ultimate White Chocolate Pineapple Dream Cake 🍍🤍 | A Tropical Delight You Can't Resist! 🍰 A tropical delight with layers of soft white chocolate cake and pineapple, topped with creamy frosting. Ingredients: 2½ cups all-purpose flour 2½ tsp baking powder ½ tsp salt 1 cup unsalted butt
🩷Mihav ميهاف

🩷Mihav ميهاف

67 likes

🍍 Pineapple Sunshine Cake
This is a light, fluffy spring dessert that’s super easy to make and perfect for potlucks, family dinners, or sharing on your cozy recipe posts. It’s sweet, creamy, and full of pineapple flavor. Ingredients Cake • 1 box yellow cake mix • 4 large eggs • ½ cup vegeta
Chelsea 🧶🐓🌳🍄‍🟫🍄

Chelsea 🧶🐓🌳🍄‍🟫🍄

22 likes

lemon Cake With pineapple Filling🍋✨
#lemoncake #stitch #pineapplefill #birthdaycakes
Brisa ♊️

Brisa ♊️

136 likes

Coconut Cake 🥥
✨Ingredients (Cake) * 3 cups cake flour * 2 tsp baking powder * ½ tsp baking soda * 1 tsp salt * 1 cup butter (soft) * 1½ cups sugar * 5 egg whites * ⅓ cup sour cream * 2 tsp vanilla * 1 tsp coconut extract * 1 cup coconut milk * 1 cup shredded coconut ✨Coconut Filling * 1 can sw
Batter Up!

Batter Up!

13 likes

Afternoon Pineapple coconut drink
Ingredients: A half a cup of coconut water Full can of pineapple juice Two full caps of organic apple cider vinegar
❤️Ariona Hankins ⭐️

❤️Ariona Hankins ⭐️

53 likes

Pineapple Upside Down Cheesecake 🍍
This pineapple upside down cheesecake is the perfect spring dessert — it’s light, fruity, and has that sweet caramelized pineapple flavor on top with a rich, creamy cheesecake underneath. It’s the best mix of a classic cake and a smooth cheesecake, all in one bite. The pineapple and cherries give i
Vaneche ❤️

Vaneche ❤️

64 likes

Cute Cow Cake Roll
Ingredients Cake 80 g coconut milk 60 g cake flour 45 g vegetable oil 45 g granulated sugar 20 g cornstarch 6 egg white (6 eggs) 1 g salt 8 g vanilla extract 8 g lemon juice Some black food coloring powder or cocoa powder Filling 160 g heavy cream 60 g cream cheese (softened) 15 g gr
Jessica | soft cake & u-taste

Jessica | soft cake & u-taste

6469 likes

Coconut Pineapple Water Combos
#water #watertok #coconut #pineapple #fyp
Dawn Hardy

Dawn Hardy

84 likes

Oreo Dirt Cake Casserole
Ingredients List * 1 package (14 oz) Oreo cookies, crushed * 1 package (8 oz) cream cheese, softened * ¼ cup unsalted butter, softened * 1 cup powdered sugar * 1 package (3.4 oz) instant vanilla pudding mix * 2 cups cold milk * 1 container (8 oz) whipped topping (Cool Whip), thawed * 1 cup
The_ToriLynne

The_ToriLynne

936 likes

I just needed a slice of cake | Coconut Cake
I wanted something sweet but still filling, and this is the perfect combo. It’s a coconut protein pancake bowl, made with Kodiak mix, and it’s giving the adult version of cake for breakfast. Would you eat this for breakfast or do you prefer savory? Ingredients —— 1/2 cup protein pancake mix,
Murial

Murial

7 likes

Pineapple Coconut Dream Cake 🍍🥥🍰🧡🧡
Ingredients 3 cups all-purpose flour 2 1/2 teaspoons baking powder 1/2 teaspoon salt 1 cup unsalted butter, room temperature 1/2 cup granulated sugar 5 large eggs 2 teaspoons vanilla extract 1 cup coconut milk 1 cup crushed pineapple, drained 1 cup shredded coconut 1/2 cup pineapple chun
Tabitha

Tabitha

37 likes

Pineapple coconut cake🥥🍍
Jade Cintron

Jade Cintron

117 likes

Pineapple Coconut Cake
The perfect addition to your Easter gathering...  a classic Pineapple Coconut cake! 8" round: usually $120.00, now $80.00 🍍🥥 Now accepting a limited amount of pre-orders. #Easter #eastercake #pineapple coconut
Lucy J. Confections

Lucy J. Confections

4 likes

Pineapple Coconut “God Bless America 🇺🇸” Cake
Ingredients: - 1 can (20 oz) crushed pineapple (with juice) - 2 eggs - 1/4 cup oil - 1 cup sugar - 1/2 cup brown sugar - 2 cups flour - 2 tsp baking soda - 1/2 tsp salt Icing: - 1 can (12 oz) evaporated milk - 1 cup butter - 1 1/2 cups sugar - 2 cups shredded coconut - 1 cup chopped
Nykilla 🧑🏽‍🍳

Nykilla 🧑🏽‍🍳

45 likes

Coconut sticky rice with purple yam filling 👩🏼‍🍳😋🍠🥥
📌 Ingredients: 1️⃣ Sweet Purple yam Purple yam Coconut milk Sugar Salt 2️⃣ Creamy sticky rice Coconut milk Raw sticky rice (soaked in hot water for 15-20 min) Sugar Salt Banana leaf 🍃 Local Thai dessert is a perfect combination of yam and sticky rice textures. It's sweet, chew
Nussmarsh

Nussmarsh

7 likes

Pineapple Coconut Fluff
Back to basics... here's a fresh twist that's still low carb & bariatric friendly Pineapple Coconut Fluff Ingredients: • 1 (25-28 oz) container cottage cheese • 1 packet sugar-free pineapple Jell-O • 1 container sugar-free Cool Whip • 2 tbsp unsweetened shredded coconut • Blen
LaDonna Barr

LaDonna Barr

570 likes

Toasted Coconut Pineapple Cake
Tropical, moist, and layered with creamy frosting! Ingredients: For the cake: 2 1/2 cups all-purpose flour 2 1/2 teaspoons baking powder 1/2 teaspoon salt 1 cup unsalted butter, softened 2 cups granulated sugar 4 large eggs 1 teaspoon vanilla extract 1 cup buttermilk 1 cup crushed pi
foodandrecipes

foodandrecipes

24 likes

Cake and frosting paring chart
#cakelover #desserts #bakingandpastryarts
Liz Torres

Liz Torres

2 likes

Coconut cake with pineapple filling
Felecia Taylor

Felecia Taylor

1 like

Pineapple Cream Cheese Bundt Cake
Ingredients: For the Cake: 1 box (15.25 oz) yellow cake mix 1 (3.4 oz) box instant vanilla pudding mix 4 large eggs 1 cup crushed pineapple, drained 1/2 cup vegetable oil 1/2 cup sour cream 1 teaspoon vanilla extract 1 teaspoon baking powder For the Cream Cheese Filling: 8 oz cream
Carla

Carla

52 likes

Jackfruit,Coconut,Pineapple,mango banana,B Berries
#healthylifestyle #fruit #food #snacks #fyp
Uniquelynaturaltasha

Uniquelynaturaltasha

9 likes

Pineapple Coconut Sprite
Tropical vibes in a can! 🥥🍍 Just spotted this Limited Edition Sprite Pineapple Coconut at the store, and it’s giving vacation-in-a-sip energy 🌴 Would you try this flavor combo or pass it to the next aisle? 👀✨ #TropicalTwist #LimitedEditionFinds #FoodieAlert #DrinkTokFavorites #SodaObs
Byte&Bite

Byte&Bite

3174 likes

Piña Colada Cake 🍍🥥🍰
Piña Colada Cake (From Scratch) Ingredients: * 2 cups all-purpose flour * 2¼ tsp baking powder * ½ tsp salt * ¾ cup unsalted butter, room temperature * 1½ cups granulated sugar * 3 large eggs, room temperature * 1 tsp rum emulsion or rum extract * 1 tsp vanilla extract * 1 cup canned coco
Batter Up!

Batter Up!

51 likes

No Bake Easter Dirt Cake - OMG SO gooood!
ONLY 10 minutes! Made this dessert for Easter last year and it was gone SO fast! This No-bake cake is SO delicious! I could eat this Easter cake all year around it's SO good! 😋  It's just an Oreo crust layered with a smooth, fluffy filling made from cream cheese, Cool Whip, butter, p
Melissa Johnson

Melissa Johnson

122 likes

Pineapple Coconut Dream Cake
Ingredients: 1 box yellow cake mix 1 can (20 oz) crushed pineapple, with juice 1 cup sweetened shredded coconut 1 package (3.4 oz) instant vanilla pudding mix 1 cup cold milk 1 container (8 oz) whipped topping, thawed Directions: Bake the yellow cake as directed on the package, using a 9x
grneyedgrl1114

grneyedgrl1114

16 likes

🍫 A Slice of Heaven: German Chocolate Cake!
Indulge in layers of moist chocolate cake, rich coconut-pecan filling, and creamy chocolate frosting. This classic dessert is a showstopper for any occasion! 📌 SAVE this recipe for your next celebration! ✨ What You Need: Chocolate Cake: * 2 cups sugar * 1¾ cups flour * ¾ cup cocoa * 1½ tsp
Lauren Allen: Easy Recipes

Lauren Allen: Easy Recipes

888 likes

Creamy strawberry 🍓 pineapple 🍍 coconut 🥥
#fruitydrink
NHgirl

NHgirl

1 like

2 Ingredients Easy Pineapple Cake 🍍 🍰
Save this 2 Ingredients Easy Pineapple Cake 🍍 🍰 Doesn’t get any easier. 👩🏼‍🍳 Recipe: 1 box yellow cake mix 1 - 20 oz can crushed pineapple. (You can add 1/3 cup fine coconut flakes to gove even more tropical flavor) 👩🏼‍🍳 Directions: Mix and pour into you favortie bonCOOK silicone mold (I’m
Sarah Renee

Sarah Renee

57 likes

The Ultimate Mounds Cake – Like the Candy Bar
Layers of moist chocolate cake, creamy coconut filling, and silky chocolate frosting… this is the Mounds Cake you’ll dream about. Perfect for parties, holidays, or when you just need a little chocolate-coconut love! #MoundsCake #ChocolateLovers #CoconutLovers #DecadentDessert #CakeG
Joni Abundiz

Joni Abundiz

226 likes

Pineapple Cherry Dump Cake
This pineapple, cherry dump cake was delicious and so simple to make! #easyrecipe #dumpcake #fyp #yummy
lemontiffanystarr

lemontiffanystarr

70 likes

Pineapple Cherry Dump Cake
Ingredients: 1 (21 ounce) can cherry pie filling 2 (8 ounce) cans crushed pineapple, drained 1 (15.25 ounce) package yellow cake mix 2 cups chopped walnuts ¾ cup unsalted butter, melted Directions: Gather all ingredients. Preheat the oven to 350 degrees F (175 degrees C). Stir cherry pi
Mariela Madrigal

Mariela Madrigal

12 likes

Coconut cake with pineapple filling
No flour, no sugar! Coconut cake in 5 minutes! A simple and healthy dessert.. I sent it to whoever sent it Hello. #coconutdessert #healthycakerecipe #coconutcake
Ouliw.k🇺🇸 ⵣ

Ouliw.k🇺🇸 ⵣ

4 likes

Pineapple Coconut "God Bless America 🇺🇸" Cake 🍍🥥
Ingredients: - 1 can (20 oz) crushed pineapple (with juice) - 2 eggs - 1/4 cup oil - 1 cup sugar - 1/2 cup brown sugar - 2 cups flour - 2 tsp baking soda - 1/2 tsp salt Icing: - 1 can (12 oz) evaporated milk - 1 cup butter - 1 1/2 cups sugar - 2 cups shredded coconut - 1 cup chopped
Tabitha

Tabitha

43 likes

Pineapple Coconut God Bless America Cake
**Ingredients:** - 1 can (20 oz) crushed pineapple (with juice) - 2 eggs - 1/4 cup oil - 1 cup sugar - 1/2 cup brown sugar - 2 cups flour - 2 tsp baking soda - 1/2 tsp salt **Icing:** - 1 can (12 oz) evaporated milk - 1 cup butter - 11/2 cups sugar - 2 cups shredded coconut - 1 cup ch
Kwiersma

Kwiersma

17 likes

Easy Pineapple Coconut Hydration Shots 🌴🥥
Easy Pineapple Coconut Hydration Shots 🌴🥥 This is a lazy method of making juice shots — instead of extracting or cold-pressing juice (which is usually done), I’m using simple, store-bought ingredients for a much quicker method. No juicing. No extracting. No stress. Ingredients: 4 cans (8 oz
SarahsMagicTouch

SarahsMagicTouch

186 likes

See more