Moist Coconut Cake with Condensed Milk Layer – The Irresistibly Soft Tropical Dessert

Photo of author

By Gianna Poulef

Coconut Cake with Condensed Milk Layer

Thank you so much for stopping by my kitchen today! I’m always grateful when someone chooses to cook or bake one of my recipes. Today I’m sharing a Moist Coconut Cake with Condensed Milk Layer, a dreamy dessert that melts in your mouth with every bite. If you love soft cakes soaked with creamy sweetness and tropical coconut flavor, you’re going to adore this one.

This cake reminds me of the desserts my family used to make for Sunday gatherings—simple ingredients, but unbelievably comforting flavors. The fluffy sponge base absorbs the luscious condensed milk layer, while toasted coconut on top gives it a gentle crunch.

And if you enjoy discovering cozy homemade desserts like this one, be sure to subscribe to receive new recipes by email so you never miss a delicious treat!

Overview of Recipe Content

This Moist Coconut Cake with Condensed Milk Layer is a light, fluffy sponge cake topped with a creamy condensed milk glaze and finished with shredded coconut. It’s a fantastic dessert for family dinners, potlucks, birthdays, or just a cozy weekend baking project.

Why You’ll Love This Recipe

  • Ultra soft and fluffy cake texture
  • Sweet condensed milk glaze that soaks into the cake
  • Perfect balance of coconut flavor
  • Easy ingredients you likely already have
  • Ideal make-ahead dessert

What It Tastes Like

Imagine biting into a soft vanilla sponge soaked in sweet creamy condensed milk, with hints of coconut milk throughout the cake. The coconut topping adds a subtle texture and tropical aroma.

It’s rich but not heavy—just the kind of dessert you want with a cup of coffee.

Ingredients

This Now, Make It Later!

For the Cake Batter

  • 3 eggs
  • 1 cup sugar
  • ½ cup vegetable oil
  • 1 cup coconut milk
  • 2 cups all-purpose flour
  • 1 tablespoon baking powder
  • 1 teaspoon vanilla extract
  • ¼ teaspoon salt

For the Condensed Milk Layer

  • 1 can (14 oz) sweetened condensed milk
  • ½ cup coconut milk
  • ½ cup shredded coconut

For Topping

  • ½ cup sweetened shredded coconut
  • Powdered sugar (for dusting)

Tools Needed

Substitutions & Additions

  • Replace coconut milk with whole milk if needed
  • Add lime zest for a tropical twist
  • Mix toasted coconut flakes for extra texture
  • Top with whipped cream or fresh pineapple

If you enjoy coconut desserts, you may also love this recipe from my kitchen:
Coconut lovers should also try: https://poulef.com/coconut-cream-pie/

Or these reader favorites:

And if you’re collecting dessert ideas, save this one to Pinterest at https://www.pinterest.com/poulefrecipe/ so you always have it handy!

How to Make Moist Coconut Cake with Condensed Milk Layer

Step 1 – Preheat the Oven

Preheat your oven to 350°F (175°C) and grease a 9×13 baking dish. I like lining the bottom with parchment paper so the cake lifts easily.

Step 2 – Beat the Eggs and Sugar

In a large bowl, beat the eggs and sugar together for about 3–4 minutes until pale and slightly fluffy. This step helps create that airy sponge texture.

Step 3 – Add Wet Ingredients

Pour in the oil, coconut milk, and vanilla extract. Mix until everything becomes smooth and creamy.

You’ll already start smelling the gentle coconut aroma—it’s a good sign!

Step 4 – Mix the Dry Ingredients

In another bowl, whisk together:

  • Flour
  • Baking powder
  • Salt

Gradually add the dry ingredients to the wet mixture, mixing until just combined. Avoid overmixing so the cake stays tender.

Step 5 – Bake the Cake

Pour the batter into the prepared pan and spread evenly.

Bake for 30–35 minutes, or until a toothpick inserted in the center comes out clean.

Your kitchen will smell absolutely heavenly at this point.

Step 6 – Prepare the Condensed Milk Mixture

While the cake is baking, mix together:

  • Sweetened condensed milk
  • Coconut milk

Stir until smooth.

Step 7 – Soak the Cake

Once the cake comes out of the oven, poke small holes across the surface using a fork or skewer.

Slowly pour the condensed milk mixture over the warm cake so it seeps into the sponge.

Step 8 – Add Coconut Topping

Sprinkle shredded coconut evenly over the top.

Let the cake cool completely so the milk layer sets beautifully.

Step 9 – Finish and Serve

Before serving, lightly dust with powdered sugar for that bakery-style finish.

Cut into squares and enjoy!

What to Serve with Moist Coconut Cake

This cake pairs beautifully with:

  • Fresh pineapple slices
  • Mango or tropical fruit salad
  • Vanilla ice cream
  • Hot coffee or coconut latte

For a special presentation, drizzle extra condensed milk or caramel sauce on top.

Tips for Making It Perfect

Use room-temperature eggs
They whip better and help create a lighter cake.

Don’t overmix the batter
Overmixing can make the cake dense.

Pour condensed milk while cake is warm
This helps the sponge absorb the sweet mixture.

Toast the coconut topping
Lightly toast coconut in a skillet for deeper flavor.

Chill before serving
This cake becomes even more delicious after a few hours in the refrigerator.

Storage Instructions

Refrigerator

Store covered in the fridge for up to 4 days.

Freezer

You can freeze slices for up to 2 months. Wrap tightly in plastic wrap and foil.

Reheating

Serve chilled or bring to room temperature for the best texture.

General Information

Coconut cakes are beloved in many tropical regions where coconut milk and shredded coconut are everyday ingredients.

This particular style of cake—soaked with condensed milk—is inspired by Latin American tres leches-style desserts, where sponge cakes absorb rich milk mixtures.

The coconut version adds a wonderful island twist that makes the cake both fragrant and indulgent.

Frequently Asked Questions

Can I use sweetened coconut milk?

Yes, but reduce the sugar slightly so the cake doesn’t become overly sweet.

Can I make this cake ahead of time?

Absolutely! It actually tastes better the next day because the milk mixture fully soaks into the cake.

Can I make it gluten-free?

Yes, replace the flour with a 1:1 gluten-free baking blend.

Can I toast the coconut topping?

Definitely! Toasting enhances the flavor and adds a pleasant crunch.

Why poke holes in the cake?

The holes allow the condensed milk mixture to soak deep into the sponge, making the cake extra moist.

Conclusion

This Moist Coconut Cake with Condensed Milk Layer is the kind of dessert that disappears quickly at the table. It’s soft, creamy, sweet, and wonderfully tropical—everything you want in a comforting homemade cake.

If you love coconut desserts, you might also enjoy making coconut cupcakes or a pineapple coconut poke cake next.

Happy baking, my friend!

Interactive Elements

I’d love to hear how your cake turns out!

Leave a comment and rating below if you try the recipe. Your feedback helps other readers and truly means the world to me.

And if you make it, snap a photo and share it on Pinterest at https://www.pinterest.com/poulefrecipe/ or tag me on social media so I can see your beautiful creation!

Nutritional Information (Per Serving)

NutrientAmount
Calories320
Carbohydrates42g
Protein6g
Fat14g
Saturated Fat6g
Sugar25g
Fiber2g
Sodium180mg
Print
clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon

Moist Coconut Cake with Condensed Milk Layer – The Irresistibly Soft Tropical Dessert


5 Stars 4 Stars 3 Stars 2 Stars 1 Star

No reviews

  • Author: Gianna Poulef
  • Total Time: 50 minutes
  • Yield: 12 servings 1x
  • Diet: Vegetarian

Description

A soft and fluffy coconut cake soaked with sweet condensed milk and topped with shredded coconut for a rich tropical dessert.


Ingredients

Scale

3 eggs

1 cup sugar

1/2 cup vegetable oil

1 cup coconut milk

2 cups all-purpose flour

1 tablespoon baking powder

1 teaspoon vanilla extract

1/4 teaspoon salt

1 can sweetened condensed milk

1/2 cup coconut milk for topping

1/2 cup shredded coconut

Powdered sugar for dusting


Instructions

1. Preheat oven to 350°F (175°C) and grease a 9×13 baking pan.

2. Beat eggs and sugar together until light and fluffy.

3. Add oil, coconut milk and vanilla extract and mix well.

4. In another bowl mix flour, baking powder and salt.

5. Gradually add dry ingredients to wet ingredients and mix until smooth.

6. Pour batter into the baking pan and bake for 30-35 minutes.

7. Mix condensed milk with coconut milk for the topping.

8. Poke holes in the warm cake with a fork.

9. Pour condensed milk mixture over the cake slowly.

10. Sprinkle shredded coconut on top and let cool completely before slicing.

Notes

For extra flavor toast the coconut before sprinkling on top.

Cake tastes even better after chilling for several hours.

Serve with fresh pineapple or whipped cream.

  • Prep Time: 15 minutes
  • Cook Time: 35 minutes
  • Category: Dessert
  • Method: Baking
  • Cuisine: American

Nutrition

  • Serving Size: 1 slice
  • Calories: 320
  • Sugar: 25g
  • Sodium: 180mg
  • Fat: 14g
  • Saturated Fat: 6g
  • Unsaturated Fat: 7g
  • Trans Fat: 0g
  • Carbohydrates: 42g
  • Fiber: 2g
  • Protein: 6g
  • Cholesterol: 55mg
Moist Coconut Cake with Condensed Milk Layer – The Irresistibly Soft Tropical Dessert
Gianna Poulef
CEO, Chef & Recipe Creator at BLYNO LLC | Website

I’m Gianna Poulef from Poulef Recipes. I love sharing perfected dishes from my kitchen. I’m sure they’ll earn a spot in your heart. Let’s savor this journey together!.

Let’s be friends!

0 Shares
Get Your FREE eBook Now!

You might also like these recipes