Creamy Dairy-Free Tres Leches Cake Recipe with Coconut Cream Topping

“I wasn’t planning to bake anything that night,” I remember whispering to myself as the clock struck midnight. The power flickered briefly, and with only a can of coconut milk and some pantry staples at hand, I decided to experiment. Honestly, I wasn’t even sure if a dairy-free tres leches cake could exist without turning into a soggy mess or tasting like a sad, coconut-flavored sponge.

But, you know that feeling when a simple kitchen mishap turns into something unexpectedly delicious? That night, with a cracked mixing bowl and my cat weaving between my feet, I whipped up what I now call my Creamy Dairy-Free Tres Leches Cake with Coconut Cream Topping. It wasn’t perfect on the first try—there was a slightly overbeaten batter and a minor spill of the coconut milk—but the final bite was worth every little kitchen chaos.

Maybe you’ve been there, craving something sweet yet light, but needing to keep it dairy-free for health or personal reasons. This cake quickly became my go-to for potlucks, summer dinners, or even just a quiet night in when I want a dessert that’s indulgent yet gentle on the stomach. The tropical whisper of coconut, combined with the moist, airy cake soaked in three types of milks (all dairy-free, of course), keeps me coming back. Honestly, it’s the kind of recipe that feels like a hug in every forkful.

So, let me tell you how this creamy dairy-free tres leches cake with coconut cream topping came to be—and why it’s stuck around in my baking rotation ever since.

Why You’ll Love This Creamy Dairy-Free Tres Leches Cake Recipe

This recipe isn’t just your run-of-the-mill dairy-free dessert. After testing multiple versions in my tiny kitchen (and yes, sometimes with flour on the ceiling), I landed on a cake that hits all the right notes. Here’s why this dairy-free tres leches cake recipe stands out:

• Quick & Easy: Comes together in under 1 hour, perfect for busy nights or last-minute dessert emergencies.
• Simple Ingredients: No need to hunt for exotic items—most are pantry staples or easy to find at your local grocery store.
• Perfect for Any Occasion: Whether it’s a casual brunch, a summer barbecue, or a cozy family dinner, this cake fits right in.
• Crowd-Pleaser: Kids and adults alike rave about it, even those skeptical about dairy-free desserts.
• Unbelievably Delicious: That perfect balance of moistness, light sweetness, and creamy coconut topping makes it unforgettable.

What makes this recipe truly different is the magic of the coconut cream topping—whipped just right to mimic the richness of traditional whipped cream without any dairy. Plus, I use a blend of coconut milk, almond milk, and oat milk for soaking the cake, which gives it a uniquely smooth texture and depth of flavor.

This isn’t just a dessert; it’s a comforting treat that’s kinder to your digestion and soul. It’s the kind of cake you close your eyes for after the first bite, no exaggeration.

What Ingredients You Will Need

This creamy dairy-free tres leches cake recipe uses simple, wholesome ingredients that come together to create a moist, tender, and flavorful dessert. Most of these are pantry staples, but I’ll share my tips on picking the best versions and substitutions to suit your needs.

• For the Cake:
  • All-purpose flour – 1 ½ cups (190 g), sifted for a light texture
  • Baking powder – 1 ½ teaspoons, to give that airy rise
  • Sea salt – ¼ teaspoon, to balance sweetness
  • Granulated sugar – ¾ cup (150 g), for sweetness
  • Eggs – 4 large, room temperature (I find organic eggs work best here)
  • Vanilla extract – 2 teaspoons, pure for authentic flavor
  • Almond milk – ½ cup (120 ml), unsweetened (or any plant-based milk you prefer)
  • Vegetable oil – ⅓ cup (80 ml), neutral-flavored (I like avocado oil for a subtle richness)
• For the Tres Leches Soak:
  • Full-fat coconut milk – 1 cup (240 ml), shaken well (adds creaminess)
  • Oat milk – 1 cup (240 ml), unsweetened (smooth and mild)
  • Almond milk – 1 cup (240 ml), unsweetened
  • Maple syrup – 3 tablespoons, for natural sweetness (optional but recommended)
• For the Coconut Cream Topping:
  • Full-fat coconut cream – 1 can (about 13.5 oz/400 ml), chilled overnight (the secret to fluffy topping)
  • Powdered sugar – 2 tablespoons (adjust to taste)
  • Vanilla extract – 1 teaspoon

When choosing coconut milk or cream, I recommend Chaokoh or Aroy-D brands for their thick consistency and clean flavor. If you want to swap oat milk for soy or cashew milk, go ahead—just keep it unsweetened to control the cake’s sweetness. Maple syrup adds a subtle depth, but if you prefer, you can use agave or coconut sugar instead.

Equipment Needed

• 9×13 inch (23×33 cm) baking pan – for baking the cake evenly
• Mixing bowls – medium and large, for batter and cream
• Electric mixer or hand whisk – essential for whipping coconut cream smoothly
• Measuring cups and spoons – for precise ingredient amounts
• Whisk and spatula – for folding and mixing the batter gently
• Cooling rack – to cool the cake before soaking
• Fine mesh sieve (optional) – to sift flour for a fluffier texture

If you don’t have an electric mixer, a sturdy hand whisk works too, but be prepared for a bit of an arm workout when whipping the coconut cream. For the baking pan, glass or metal both work well; just remember to grease it lightly or line with parchment paper for easy removal.

Preparation Method

1. Preheat your oven to 350°F (175°C). Lightly grease your 9×13 inch baking pan and line the bottom with parchment paper for easy removal.
2. Mix dry ingredients: In a medium bowl, sift together the flour, baking powder, and sea salt. Set aside.
3. Beat eggs and sugar: In a large bowl, use an electric mixer to beat the eggs and granulated sugar on high speed for about 5 minutes. You’re aiming for a pale, fluffy mixture that has nearly tripled in volume. This step is key for a light, airy cake.
4. Add wet ingredients: Gently fold in the vanilla extract, vegetable oil, and almond milk into the egg mixture. Use a spatula to combine carefully without deflating the batter.
5. Incorporate dry ingredients: Slowly fold the sifted flour mixture into the wet ingredients in two additions. Be gentle—overmixing can make the cake dense.
6. Pour batter into pan: Transfer the batter evenly to your prepared pan. Tap the pan lightly on the counter to release any air bubbles.
7. Bake: Place in the oven and bake for 25-30 minutes. Check doneness by inserting a toothpick into the center—it should come out clean or with a few moist crumbs.
8. Cool: Let the cake cool in the pan for 10 minutes, then transfer to a cooling rack. It’s important the cake cools before soaking to avoid a soggy texture.
9. Prepare the tres leches soak: Whisk together the coconut milk, oat milk, almond milk, and maple syrup in a bowl. Slowly poke holes all over the cooled cake using a skewer or fork.
10. Soak the cake: Gradually pour the milk mixture evenly over the cake, allowing it to absorb slowly. Refrigerate for at least 2 hours, preferably overnight, so all that creamy goodness sinks in.
11. Make the coconut cream topping: Scoop the solid coconut cream from the chilled can (discard or save the liquid for smoothies). Beat it with powdered sugar and vanilla extract until fluffy peaks form, about 3-5 minutes.
12. Top and serve: Spread the whipped coconut cream over the soaked cake just before serving. Garnish with toasted coconut flakes or fresh berries if you like.

If the cake feels too dense at any point, it’s usually from overmixing. Take your time folding in ingredients and trust the air beaten into the eggs to do the lifting. Also, chilling the coconut cream overnight is non-negotiable for that perfect, airy topping.

Cooking Tips & Techniques

Here are some practical tips I’ve picked up from baking this creamy dairy-free tres leches cake many times:

• Whip eggs properly: The fluffiness of the cake depends on well-aerated eggs and sugar. Use room temperature eggs and beat for at least 5 minutes until pale and frothy.
• Don’t skip sifting: Sifting the flour and baking powder helps avoid lumps and creates a lighter crumb.
• Soaking is key: Pour the milk mixture slowly, letting the cake absorb gradually. Pouring too fast can make the cake soggy on top but dry inside.
• Chill coconut cream: Refrigerate the can overnight, then scoop the thick cream on top. The liquid part is great for smoothies but won’t whip.
• Use a gentle folding technique: Overmixing the batter deflates the air bubbles and makes the cake dense.
• Timing matters: Baking time can vary with ovens. Start checking at 25 minutes to avoid drying out the cake.

I once forgot to chill the coconut cream overnight (rushed, of course), and my topping was a sad, runny mess. Lesson learned: patience pays off.

Variations & Adaptations

This creamy dairy-free tres leches cake is surprisingly versatile. Here are some ways I’ve tweaked it to fit different diets and seasons:

• Gluten-Free: Replace all-purpose flour with a gluten-free blend (like Bob’s Red Mill 1-to-1). The texture is slightly different but still delicious.
• Flavor Twist: Add a tablespoon of finely grated lime zest to the batter for a refreshing citrus note that pairs beautifully with coconut.
• Seasonal Fruits: Top with mango slices or passion fruit pulp in summer for a tropical vibe. In fall, try cinnamon-spiced stewed apples as a topping.
• Nut-Free: Swap almond milk for oat or rice milk to keep it safe for nut allergies.
• Lower Sugar: Use coconut sugar instead of granulated sugar and cut back the maple syrup by half for a less sweet but still satisfying cake.

One variation I adore is folding crushed toasted macadamia nuts into the coconut cream topping—adds a lovely crunch and richness that’s out of this world.

Serving & Storage Suggestions

This cake is best served chilled or slightly cool, which really lets the creamy tres leches soak shine. I like to slice it into generous squares and serve with a sprinkle of toasted coconut flakes or fresh berries for color and texture contrast.

Pair it with a cup of lightly brewed coffee or a simple herbal tea to balance the sweetness. For festive occasions, a splash of rum or a tropical cocktail complements the coconut notes beautifully.

Store leftovers covered in the refrigerator for up to 3 days. The flavors deepen and intensify overnight, so it’s actually better the next day! If you want to freeze, wrap individual portions tightly in plastic wrap and place in an airtight container. Thaw in the fridge overnight, then whip up fresh coconut cream to spread on top.

Reheating isn’t recommended as it changes the texture, but if you must, let it come to room temperature first for best results.

Nutritional Information & Benefits

Per serving (based on 12 servings), this creamy dairy-free tres leches cake contains approximately:

Calories	280
Fat	15g (mostly from coconut and oil)
Carbohydrates	32g
Protein	4g
Fiber	1.5g
Sugar	18g (natural and added)

The use of coconut milk adds beneficial medium-chain triglycerides (MCTs), which can support metabolism. Choosing unsweetened plant-based milks and natural sweeteners helps keep the recipe lighter than traditional tres leches cakes.

This recipe is naturally gluten-containing unless using a gluten-free flour, and it’s free from dairy and soy (depending on milk choices), making it a great option for many dietary needs.

Conclusion

This creamy dairy-free tres leches cake with coconut cream topping is one of those rare desserts that feels indulgent yet approachable. It’s sweet, moist, and bursting with coconut flavor without relying on traditional dairy ingredients. I love how it fits into both casual weeknight meals and special occasions with equal ease.

Feel free to customize it based on your pantry, dietary needs, or flavor preferences—the recipe is forgiving and friendly. I hope this cake finds a place in your kitchen like it did in mine (even if it started with a midnight kitchen mess!).

If you give it a try, I’d love to hear about your versions and tweaks—drop a comment or share your experience. Happy baking, and enjoy every creamy, dreamy bite!

Frequently Asked Questions About Creamy Dairy-Free Tres Leches Cake

Can I make this cake ahead of time?

Yes! It actually tastes better after chilling for several hours or overnight to let the soak fully absorb.

What if I can’t find coconut cream?

Use the thick part of refrigerated coconut milk, but make sure it’s full-fat and chilled well to whip properly.

Is this recipe suitable for vegans?

Not as is, since it uses eggs. You could try an egg substitute, but texture may vary.

Can I substitute other plant-based milks?

Absolutely. Unsweetened almond, cashew, oat, or rice milk all work well in the soak and batter.

How do I prevent the cake from becoming too soggy?

Pour the milk soak slowly and evenly, and refrigerate so the cake absorbs without falling apart.

For a twist on creamy desserts, you might enjoy my vegan chocolate mousse or the luscious coconut lime panna cotta, both perfect for coconut lovers looking for dairy-free treats.

Print