subscribe to our email list

Delicious Dairy-Free Tres Leches Cake

Delicious Dairy-Free Tres Leches Cake

Rated 5 out of 5

Sugar, eggs, vanilla, flour, baking powder, salt, coconut milk, almond milk, condensed coconut milk, coconut cream, and cinnamon.

Table of Contents

I have a real weakness for cold cakes from the fridge. Not the fancy, towering kind that makes you nervous to slice. I mean the soft, creamy, chilled kind you sneak a forkful of while standing in the kitchen with the fridge door half-open. This Delicious Dairy-Free Tres Leches Cake is exactly that kind of dessert.

Itโ€™s sweet, soft, soaked with a coconut-almond milk mixture, and topped with fluffy coconut whipped cream. It has that classic tres leches cake feeling, but without traditional dairy. Instead of regular milk, evaporated milk, condensed milk, and whipped cream, this dairy-free version uses unsweetened canned coconut milk, almond milk, sweetened condensed coconut milk, and coconut cream. So you still get that creamy soaked texture, just with a gentle coconut twist.

And listen, I know dairy-free desserts can sometimes make people suspicious. Weโ€™ve all had that one โ€œalternativeโ€ dessert that tasted like it was trying very hard and still needed help. But this Delicious Dairy-Free Tres Leches Cake doesnโ€™t feel like a compromise to me. Itโ€™s moist, rich, cool, and sweet in that dreamy tres leches way. The coconut flavor is there, yes, but it doesnโ€™t bulldoze the whole cake. It just gives it a soft tropical note, like the dessert packed sunscreen but didnโ€™t make a big announcement about it.

What I love most is that this cake needs to be made ahead. Usually, waiting for dessert feels cruel. But here, the fridge does the important work while you go live your life. The cake soaks overnight, the texture gets better, and the next day you just add the coconut whipped topping and a little cinnamon if you want. Very convenient. Very host-friendly. Very โ€œthank goodness I donโ€™t have to frost a cake while people are arriving.โ€

This Delicious Dairy-Free Tres Leches Cake reminds me of those family gatherings where everyone swears theyโ€™re full, then dessert appears and suddenly nobody is that full anymore. You know the scene. Plates are being cleared, someone is making coffee, people are leaning back like they could never eat againโ€ฆ and then a chilled cake comes out. Suddenly itโ€™s, โ€œOkay, maybe just a small piece.โ€ A small piece that somehow needs a full corner of coconut whipped topping. Sound familiar?

Iโ€™ve always loved tres leches cake because it doesnโ€™t act like a regular cake. Itโ€™s not just sponge plus frosting. Itโ€™s softer, creamier, almost pudding-like in the best way, but still sliceable. Thereโ€™s something so comforting about that texture. It feels like a celebration dessert, but also like something youโ€™d eat quietly at midnight because it was calling from the fridge. I wonโ€™t say Iโ€™ve done that. I also wonโ€™t say I havenโ€™t.

When I first tried making a dairy-free tres leches cake, I had doubts. Real doubts. Traditional tres leches is basically a dairy parade: milk, evaporated milk, sweetened condensed milk, whipped cream. So I wondered if a dairy-free version could still have that same soft, creamy, soaked texture. Would coconut milk be too rich? Would almond milk make it too thin? Would the coconut whipped cream hold up, or would it slide around like it had other plans? Cake anxiety is real, apparently.

But this version surprised me in a really lovely way. The canned coconut milk gives the soak richness, the almond milk lightens it, and the sweetened condensed coconut milk brings that thick, sweet, classic tres leches feeling. Then the coconut cream topping goes over the chilled cake like a soft little cloud. A coconut cloud, yes. Slightly silly image, but accurate.

I also like that this Delicious Dairy-Free Tres Leches Cake feels inclusive. Itโ€™s the kind of dessert you can bring to a potluck, birthday, Cinco de Mayo table, summer cookout, holiday dinner, or Sunday family meal when someone is avoiding dairy but still wants a real dessert. Not a dry little โ€œsafe optionโ€ in the corner. A real cake. One that everyone wants a slice of.

And maybe this is a small thing, but I love how humble it looks before serving. Itโ€™s just a 9×13 cake, topped with coconut cream and maybe cinnamon. Nothing stacked. Nothing piped. Nothing that requires a turntable or steady hands. But when you cut into it and the cake is cold, creamy, and soaked all the way through? Thatโ€™s when it shines. Quiet desserts can still be show-offs.

Pin This Recipe
Delicious Dairy-Free Tres Leches Cake

Why youโ€™ll Love this Delicious Dairy-Free Tres Leches Cake?

  • It gives you the creamy tres leches texture without traditional dairy. This Delicious Dairy-Free Tres Leches Cake still has that soft, soaked, chilled texture that makes tres leches so beloved, but it uses coconut milk, almond milk, and sweetened condensed coconut milk instead of traditional dairy milks. The cake absorbs the milk mixture slowly as it chills, becoming moist and creamy without completely falling apart. I think thatโ€™s the tricky magic of tres leches cake: it should be wet enough to feel luxurious, but not so wet that youโ€™re serving cake soup. This version hits that middle ground nicely.
  • The coconut flavor feels special, but not too much. Because this dairy-free tres leches cake uses coconut milk, sweetened condensed coconut milk, and coconut cream, it has a gentle coconut flavor all the way through. But itโ€™s not the kind of coconut flavor that takes over the room wearing sunglasses and yelling โ€œtropical!โ€ Itโ€™s softer than that. More mellow. It works with the vanilla and cinnamon instead of fighting them. If you enjoy coconut desserts, youโ€™ll probably love it. If youโ€™re only mildly into coconut, I still think itโ€™s worth trying, though yes, the coconut is definitely present.
  • Itโ€™s a make-ahead dessert, which is honestly a gift. This Delicious Dairy-Free Tres Leches Cake needs at least 8 hours or overnight in the fridge, and while waiting can be annoying, itโ€™s also incredibly useful. You can bake and soak the cake the day before, then frost it the next day when youโ€™re ready. That makes it perfect for birthdays, potlucks, family dinners, summer parties, or any event where you donโ€™t want to be mixing frosting at the last second while guests are already taking off their shoes. The fridge does the work. We love a helpful fridge.
  • It feeds a crowd without a lot of decorating drama. Since this cake is baked in a 9×13-inch dish, it serves about 12 to 16 people, depending on how generous you are with slices. Itโ€™s practical, easy to carry, and simple to serve. No layers sliding around. No fancy piping. No worrying about whether the cake looks โ€œprofessional.โ€ Once the coconut whipped topping goes on and a little cinnamon is dusted over the top, it looks pretty enough for a table but still relaxed. Very much a โ€œreal life party dessertโ€ situation.
  • The coconut whipped topping keeps it creamy and dairy-free. The topping is made with chilled coconut cream, powdered sugar, and vanilla extract. You scoop only the solid cream from the chilled cans, whip it until smooth, and spread it over the cake. It gives the dessert that creamy finish without using heavy cream. Now, coconut cream can be a tiny bit moody depending on the brand. Some cans separate beautifully, some make you question your choices. But when it works, it gives you a smooth, rich topping that feels just right for this dairy-free tres leches cake.
  • Itโ€™s sweet, chilled, and refreshing. This Delicious Dairy-Free Tres Leches Cake is served cold, which makes it especially nice for warm weather, summer cookouts, Cinco de Mayo celebrations, or any meal where you want dessert to feel cool and creamy instead of heavy. The soaked cake is rich, but the chilled texture makes it feel refreshing. Thatโ€™s a dangerous combination, honestly, because cold creamy cake has a way of convincing you that another slice is completely reasonable. I meanโ€ฆ maybe it is.
  • It feels classic but still a little different. I like that this cake keeps the spirit of tres leches while bringing in coconut and almond milk. It doesnโ€™t feel like a totally new dessert pretending to be something else. It still has the poke-and-soak method, the soft sponge texture, the creamy topping, and that sweet cinnamon finish if you want it. But the dairy-free ingredients give it a slightly tropical flavor and make it work for people who avoid dairy. Familiar, but with a little twist. Thatโ€™s a nice place to be.
Square dessert topped with fluffy whipped cream and dusted with cinnamon.

Ingredient Notes

The ingredients in this Delicious Dairy-Free Tres Leches Cake work together in three parts: the sponge cake, the dairy-free milk soak, and the coconut whipped topping. The cake needs enough structure to absorb the milk mixture, the soak needs to be creamy and pourable, and the topping needs to stay cold and fluffy. Nothing here is too complicated, but a few details really matter, especially chilling the coconut cream and giving the cake enough time to soak.

  • Sugar: Sugar sweetens the cake base and helps create a soft texture. Youโ€™ll use 1 cup sugar in the batter, which gives the sponge enough sweetness before it gets soaked with the dairy-free milk mixture. Since sweetened condensed coconut milk is also going into the soak, the cake becomes sweet and rich after chilling. I wouldnโ€™t call this a barely-sweet dessert. Itโ€™s tres leches, after all. But the sweetness works because the coconut, vanilla, and cinnamon help round everything out.
  • Eggs: This recipe uses 5 eggs, and they do a lot of important work. They help the cake rise, give it structure, and create a sponge that can soak up the coconut milk mixture without collapsing completely. Beat the eggs well with the sugar and vanilla so the batter becomes lighter and fluffier. I know eggs donโ€™t sound exciting, but in a soaked cake like this, theyโ€™re basically the framework holding the whole dessert together. Not glamorous, but essential. Kind of like the folding chairs at a family party.
  • Vanilla: Vanilla adds warmth to both the cake and the coconut whipped topping. Youโ€™ll use 1 teaspoon vanilla in the cake and 1 teaspoon vanilla extract in the topping. It softens the coconut flavor and makes the whole dessert taste more rounded. Without vanilla, the cake might still be fine, but it would feel a little less cozy. Vanilla is the quiet background flavor that makes people say, โ€œWhy does this taste so good?โ€ even if they canโ€™t name it.
  • Flour: The cake uses 1 1/2 cups flour, which gives the sponge enough body to hold the milk soak. You want the cake to be tender, but not fragile. If itโ€™s too delicate, it may get too soft once the coconut milk mixture is poured over it. If itโ€™s too dense, it wonโ€™t soak as nicely. Measuring the flour gently helps. Spoon it into the measuring cup and level it off if you can. Itโ€™s a small step, but cake texture loves small steps.
  • Baking Powder: Baking powder helps the cake rise and keeps it from becoming too heavy. Youโ€™ll use 1 teaspoon. Since the cake will later absorb a lot of liquid, a little lift in the sponge is important. Make sure your baking powder is fresh, because old baking powder can lead to a flatter cake. And yes, a flatter cake may still taste good, but we want that soft, airy base that drinks up the dairy-free tres leches soak like it was born for it.
  • Salt: Salt balances the sweetness in this Delicious Dairy-Free Tres Leches Cake. Youโ€™ll use 1/2 teaspoon, and it makes a bigger difference than it seems. Sweet cakes without salt can taste a little flat or one-note. Salt helps the coconut, vanilla, almond milk, and cinnamon flavors stand out. It doesnโ€™t make the cake salty. It just keeps the sweetness from wandering off unsupervised.
  • Unsweetened Canned Coconut Milk: Unsweetened canned coconut milk is one of the main ingredients in the dairy-free soak. Youโ€™ll use 1 cup, and it adds richness, creaminess, and coconut flavor. Canned coconut milk is thicker than the refrigerated carton kind, which is why it works better here. If the can has separated, stir it until smooth before measuring. Coconut milk can be a little dramatic in the can, but once itโ€™s whisked into the soak, it behaves beautifully.
  • Almond Milk: Almond milk lightens the soak so it doesnโ€™t feel too thick or heavy. Youโ€™ll use 1/2 cup, preferably unsweetened. It helps the coconut milk and sweetened condensed coconut milk spread through the cake more evenly. If you donโ€™t use almond milk, oat milk, soy milk, or cashew milk can work too. The flavor may shift a little, but thatโ€™s not necessarily a bad thing. Iโ€™d just choose a dairy-free milk you actually like, because it does peek through.
  • Sweetened Condensed Coconut Milk: The 11-ounce can of sweetened condensed coconut milk gives this dairy-free tres leches cake its sweetness, thickness, and creamy body. It replaces traditional sweetened condensed milk and brings a lovely coconut note. This ingredient is sticky and sweet, a little like coconut caramelโ€™s calmer cousin. Itโ€™s important for the classic tres leches-style richness, so I wouldnโ€™t skip it unless youโ€™re ready to adjust the whole milk mixture.
  • Cinnamon: Cinnamon is optional, but I really love it on top of this Delicious Dairy-Free Tres Leches Cake. A light dusting over the coconut whipped topping gives the cake that familiar tres leches look and adds warm spice to each chilled bite. It also makes the cake look finished with almost no effort. If you donโ€™t like cinnamon, skip it. The cake will still be delicious. But if you do like it, that little sprinkle is such a nice touch.
  • Coconut Cream: Coconut cream is used for the dairy-free whipped topping. Youโ€™ll need 2 cans, 13 ounces each, and they must be chilled well before using. Donโ€™t shake the cans. You want the thick solid cream that rises to the top, not the liquid underneath. Carefully spoon out the solids and save the liquid for smoothies, oatmeal, or another recipe. Coconut cream can be picky, and some brands whip better than others. Annoying? A little. Worth it? Yes, for this topping.
  • Powdered Sugar: Powdered sugar sweetens and smooths the coconut whipped topping. Youโ€™ll use 3/4 to 1 cup, depending on how sweet you want it. Iโ€™d start with 3/4 cup, taste, and add more if needed. Since the cake itself is already sweet from the soak, you may prefer a topping thatโ€™s lightly sweet rather than super sugary. But topping sweetness is personal. Some people want a soft cloud. Some people want a sweet cloud with confidence.
Soft sponge dessert layered with rich cream and cocoa powder sprinkle.

How to Make Delicious Dairy-Free Tres Leches Cake?

Making Delicious Dairy-Free Tres Leches Cake is not hard, but it does ask for patience. You bake the cake, whisk the dairy-free milk mixture, poke holes all over the warm cake, pour the soak over it, chill it overnight, and then finish with coconut whipped topping. Itโ€™s simple, really. The waiting is the hardest part, and I say that as someone who has checked a fridge as if staring might speed up dessert.

  1. Preheat the oven and prepare the baking dish. Preheat your oven to 350ยฐF and grease a 9×13-inch baking dish. A baking dish with sides is important because this cake will be soaked with a milk mixture, and you want all that coconut-almond goodness to stay with the cake instead of escaping onto the counter. Greasing the dish also helps when itโ€™s time to serve neat slices. Not perfect slices, necessarily. Tres leches cake is soft and creamy, so it has its own ideas. But neater slices are nice.
  2. Beat the sugar, eggs, and vanilla. In a large bowl, combine the sugar, eggs, and vanilla, then beat until the mixture is smooth, light, and fluffy. The original instructions mention butter, but the ingredient list does not include a butter amount, so for this version, the cake base relies on the eggs, sugar, and vanilla for lift and flavor. Beat them well because this helps create a tender sponge that can absorb the dairy-free milk mixture later. It may not look dramatic yet, but this is where the cake starts becoming cake.
  3. Sift the dry ingredients. In a small bowl, sift together the flour, baking powder, and salt. If you donโ€™t feel like using a sifter, whisk them thoroughly. The point is to evenly mix the baking powder and salt into the flour so the cake bakes evenly. This is one of those boring little steps that actually helps. I sometimes want to skip it, but then I remember nobody wants a surprise pocket of baking powder in their cake. So. We sift or whisk.
  4. Combine the batter gently. Slowly add the dry ingredients to the wet mixture and mix until just combined. Once flour goes in, try not to overmix. Overmixing can make the cake tougher, and this cake needs to stay tender enough to absorb the coconut milk soak. Stop as soon as you no longer see dry flour. The batter should look smooth and simple, not beaten into submission. Cake batter deserves kindness.
  5. Bake the cake. Pour the batter into the prepared baking dish and spread it evenly. Bake for 30 to 34 minutes, or until a toothpick inserted into the center comes out clean. The top should look set and lightly golden. Try not to overbake it, because a dry sponge wonโ€™t give you quite the same soft, creamy finish after soaking. If the toothpick comes out clean or with a few crumbs, youโ€™re good. Pull it out and let the soaking adventure begin.
  6. Prepare the dairy-free tres leches mixture. While the cake bakes, whisk together the unsweetened canned coconut milk, almond milk, and sweetened condensed coconut milk in a large bowl until smooth. This is the creamy soak that gives the cake its signature texture. The coconut milk adds richness, almond milk keeps it pourable, and sweetened condensed coconut milk gives sweetness and body. It may look like a lot of liquid, but thatโ€™s normal. Tres leches cake has always been a little dramatic with milk.
  7. Poke holes all over the warm cake. When the cake comes out of the oven, use a fork to poke holes across the top while itโ€™s still warm. Donโ€™t just poke the middle and call it done. Get the corners too. Those corners deserve moisture. The holes help the milk mixture soak evenly into the cake instead of sitting on top. It feels slightly rude to poke a cake you just baked, I know, but this is how Delicious Dairy-Free Tres Leches Cake becomes soft and creamy instead of just cake with milk nearby.
  8. Pour the milk mixture slowly over the cake. Pour the dairy-free milk mixture over the warm cake slowly and evenly. Give the cake a little time to absorb it as you pour. It may pool around the edges at first, and thatโ€™s okay. The cake will continue soaking as it cools and chills. If you feel nervous because it looks like too much liquid, youโ€™re not alone. Every tres leches cake has that moment where you think, surely this is too much. Usually, itโ€™s not.
  9. Cool, cover, and refrigerate overnight. Let the soaked cake cool completely to room temperature, then cover it and refrigerate for 8 hours or overnight. Place the cans of coconut cream in the refrigerator at this time too, so the solids separate and chill for the topping. This step is where the texture becomes creamy and settled. The cake absorbs the soak, the flavors blend, and everything gets better. Itโ€™s annoying to wait, but itโ€™s also kind of nice when dessert handles itself overnight.
  10. Make the coconut whipped topping. When youโ€™re ready to frost the cake, do not shake the chilled cans of coconut cream. Open them carefully and spoon the thick solid cream from the top into a large bowl. Leave the liquid behind for another use. Whisk the coconut solids until smooth, then add powdered sugar and vanilla extract. Whisk until creamy and spreadable. Coconut whipped topping can be softer than regular whipped cream, so keep it chilled. Itโ€™s beautiful, but a little delicate. Same, honestly.
  11. Frost, garnish, and chill until serving. Spread the coconut whipped topping over the chilled cake. Dust with cinnamon if desired. You can keep it simple or add fruit or toasted coconut later, but cinnamon gives it that classic, cozy finish. Keep the cake chilled until ready to serve. Slice it cold and enjoy the soft, creamy, coconut-vanilla texture. This is the moment where all that waiting finally makes sense, and youโ€™ll probably think, okay fine, overnight chilling was worth it.

Storage Options

This Delicious Dairy-Free Tres Leches Cake is a refrigerator dessert, and it really should stay cold until serving. The soaked cake and coconut whipped topping both hold up best when chilled. The good news is that this cake stores well and is made for preparing ahead. Itโ€™s not one of those desserts that demands last-minute attention, which I deeply appreciate. Some desserts are needy. This one is patient.

  • Refrigerator: Store the cake covered in the refrigerator for up to 4 days. Keep it in the baking dish and cover it tightly with plastic wrap, foil, or a fitted lid. The cake will continue to soften as it sits, so I think itโ€™s best in the first few days, when the texture is creamy but still holds a nice slice. The coconut whipped topping may firm up slightly in the fridge, but it stays creamy and sweet. Serve it cold for the best texture.
  • Make-Ahead Storage: This Delicious Dairy-Free Tres Leches Cake is perfect for making ahead because it needs 8 hours or overnight to soak and chill. You can bake and soak the cake the day before serving, then add the coconut whipped topping the next day. If you want the neatest topping, frost it closer to serving time. If you want dessert completely handled, frost it a few hours ahead and keep it chilled. Both work. Choose whatever makes your day less chaotic.
  • Freezer: Freezing is possible, but I think this cake is best fresh from the fridge. If you do freeze it, freeze the soaked cake without the topping if possible. Wrap it tightly and freeze for up to 1 month. Thaw overnight in the refrigerator, then add fresh coconut whipped topping before serving. Fully frosted tres leches cake can change texture after thawing, especially because coconut cream can be a little sensitive. Still edible, yes. But fresh topping gives a better result.
  • Leftover Slices: Store leftover slices in an airtight container in the refrigerator. Because this dairy-free tres leches cake is moist and topped with coconut cream, single layers work best. If you need to stack slices, place parchment between them, but donโ€™t stress if the topping smudges a bit. Leftover cake is allowed to look relaxed. Itโ€™s already done its job. And honestly, a slightly messy slice from the fridge can taste even better than a perfect one.
  • Serving Cold: Serve this Delicious Dairy-Free Tres Leches Cake cold, straight from the fridge or after just a few minutes at room temperature. The chilled texture is part of the charm. If the cake sits out too long, especially in a warm kitchen or at a summer party, the coconut whipped topping may soften. Keep it chilled until close to serving time, then return leftovers to the fridge. Coconut cream is lovely, but she does not enjoy heat.

Variations & Substitutions

This Delicious Dairy-Free Tres Leches Cake is flexible, but because it depends on soaking and chilling, itโ€™s best to keep the liquid balance fairly close to the original. You can switch the dairy-free milk, add fruit, make it more coconut-forward, add citrus, or adjust the sweetness of the coconut topping. Small changes work beautifully. Big wild changes? Maybe test them before a birthday party. Just saying.

  • Use a Different Dairy-Free Milk: Almond milk is light and mild, which makes it a nice choice for the soak, but you can use oat milk, soy milk, cashew milk, or another dairy-free milk you like. Oat milk will make the soak slightly creamier, soy milk adds a bit more body, and cashew milk has a soft richness. Use unsweetened milk if possible, because the sweetened condensed coconut milk already brings a lot of sweetness. This Delicious Dairy-Free Tres Leches Cake should be sweet, but not so sweet that you need a nap after two bites.
  • Make It More Coconut-Forward: If you love coconut, lean into it. Use full-fat canned coconut milk and add toasted coconut on top before serving. You can also sprinkle shredded coconut over the coconut whipped topping for texture. This makes the dairy-free tres leches cake feel even more tropical, which is lovely for summer parties, Easter, birthdays, or beachy cookouts. Does the cake actually transport you to a beach? No. But emotionally, maybe a little.
  • Add Fresh Fruit: Fresh strawberries, mango, raspberries, blueberries, peaches, or pineapple are all beautiful with this Delicious Dairy-Free Tres Leches Cake. Fruit adds brightness and helps balance the creamy sweetness. Strawberries feel classic, mango and pineapple feel tropical, and raspberries add a tart little pop. Add fruit right before serving so it stays fresh and doesnโ€™t release too much juice into the coconut topping. Pretty fruit is wonderful. Watery topping, less wonderful.
  • Add Citrus Zest: Lime zest or orange zest can brighten the cake or coconut whipped topping. Start with 1 to 2 teaspoons, depending on how bold you want the citrus flavor. Lime works especially well with coconut and gives the cake a fresh, sunny edge. Orange feels warmer and a little sweeter. Itโ€™s a small change, but it can make the whole cake feel more lively. Citrus zest is tiny but dramatic in the best way.
  • Make the Topping Less Sweet: The coconut whipped topping uses 3/4 to 1 cup powdered sugar, so you can adjust it depending on your taste. Iโ€™d start with 3/4 cup, then add more if you want it sweeter. Since the cake itself is soaked with sweetened condensed coconut milk, a less-sweet topping can balance it nicely. I personally like a topping thatโ€™s creamy and lightly sweet, but if you want a sweeter cloud, thatโ€™s your dessert journey.
  • Use Coconut Sugar in the Cake: You can try coconut sugar instead of granulated sugar if you want a deeper, slightly caramel-like flavor. The cake may bake up a bit darker and taste warmer, which can be really nice with coconut milk. It wonโ€™t look quite as classic, though. If you want a pale, traditional-looking dairy-free tres leches cake, stick with granulated sugar. If you want more depth, coconut sugar is worth playing with.
  • Add Cinnamon to the Batter: Cinnamon doesnโ€™t have to be only a garnish. Add 1/2 teaspoon cinnamon to the dry ingredients if you want a warmer flavor throughout the cake. It works nicely with vanilla, coconut milk, and the chilled topping. This gives the cake a cozy little twist without changing the whole personality of the dessert. Itโ€™s especially nice for fall gatherings or holiday tables, though honestly, cinnamon doesnโ€™t need a season.
  • Make Individual Servings: For parties or dessert tables, you can turn this Delicious Dairy-Free Tres Leches Cake into individual cups or jars. Bake and soak the cake, then cut it into pieces and layer it with coconut whipped topping in small jars or cups. It takes a bit more time, yes, but it looks adorable and makes serving easy. People get weirdly happy about desserts in jars. I donโ€™t fully understand it, but I also love it.
Delicious dairy-free tres leches cake with whipped topping and cinnamon dust.

What to Serve With Delicious Dairy-Free Tres Leches Cake?

This Delicious Dairy-Free Tres Leches Cake is sweet, creamy, cold, and coconut-vanilla flavored, so it pairs best with fresh fruit, coffee, tea, toasted coconut, and light drinks. Since the cake is already rich and moist, you donโ€™t need anything heavy beside it. Think fresh, bright, or slightly bitter pairings that balance the sweetness. Dessert doesnโ€™t need a whole supporting cast, just a few good friends.

  • Fresh Strawberries: Fresh strawberries are one of my favorite things to serve with dairy-free tres leches cake. Their juicy, slightly tart flavor balances the sweet coconut milk soak and creamy topping. Slice them and serve them on the side, or scatter them over the top right before serving. The red berries against the white coconut cream look beautiful with almost no effort. Itโ€™s the kind of garnish that makes people think you planned more than you did.
  • Mango or Pineapple: Mango and pineapple give this Delicious Dairy-Free Tres Leches Cake a tropical, sunny flavor. Since the cake already has coconut milk and coconut cream, these fruits feel like they belong. Mango adds soft sweetness, while pineapple gives a bright tangy bite. Serve them diced and chilled on the side. This pairing is especially lovely for summer cookouts, birthday parties, and warm-weather meals when a cold dessert feels extra good.
  • Hot Coffee: Hot coffee pairs beautifully with this cake because the slight bitterness balances the sweetness. Black coffee, espresso, cappuccino, or a latte all work. The creamy coconut cake and warm coffee together feel cozy and satisfying, like the dessert version of sitting down after a long day. I love this pairing after dinner, but I wouldnโ€™t complain about it in the afternoon either. Cake and coffee are always having a good conversation.
  • Iced Coffee: Iced coffee is perfect with Delicious Dairy-Free Tres Leches Cake, especially if youโ€™re serving it on a warm day. The cold coffee matches the chilled cake, while the coffee flavor cuts through the sweetness. A slice of cold dairy-free tres leches cake with iced coffee feels a little cafรฉ-style, even if youโ€™re eating it at home while ignoring a pile of laundry. Honestly, that might be the better version.
  • Cinnamon Tea: Cinnamon tea or chai-style tea pairs nicely with the coconut, vanilla, and cinnamon flavors in this cake. The warm spices balance the cool, creamy texture. This is a great option if you want something cozy but donโ€™t want coffee. Itโ€™s especially lovely in the evening, when you want dessert to feel calm and sweet instead of loud and sugary. Very soft blanket energy.
  • Fresh Berries: Raspberries, blueberries, and blackberries add color and tartness to this dairy-free tres leches cake. Raspberries are especially nice because their sharpness cuts through the creamy coconut topping. Blueberries make it feel summery, and blackberries add a deeper berry flavor. A small handful on the side makes the plate look fresh and helps balance the sweetness. Also, berries make dessert feel slightly more responsible. We donโ€™t question it.
  • Toasted Coconut: Toasted coconut adds crunch and deeper coconut flavor. Sprinkle it over the coconut whipped topping right before serving so it stays crisp. Watch it closely when toasting, though, because coconut goes from golden to burnt faster than youโ€™d expect. It has no patience. But when toasted properly, it adds such a nice contrast to the soft soaked cake. Creamy plus crunchy is always a good idea.
  • Light Dessert Drinks: Sparkling water, coconut water, iced tea, or a fruit spritzer all pair well with this Delicious Dairy-Free Tres Leches Cake. These drinks keep the dessert feeling refreshing and help balance the sweetness. This is especially helpful after a heavier meal, when everyone wants something cool but not overwhelming. A chilled slice of cake and a fizzy drink? Simple, sweet, and very pleasant.

FAQ

Can I use oat milk instead of almond milk?

Yes, oat milk can be used instead of almond milk. It will make the soak a little creamier and may add a mild oat flavor. Use unsweetened oat milk if possible so the cake doesnโ€™t become too sweet. Soy milk, cashew milk, or another dairy-free milk can also work. Iโ€™d choose one with a flavor you already like, because it can show up gently in the finished cake.

Why wonโ€™t my coconut cream whip properly?

Coconut cream may not whip well if it wasnโ€™t chilled long enough, if the can was shaken, or if the solids didnโ€™t separate well from the liquid. Refrigerate the cans overnight and open them carefully without shaking. Scoop only the thick solid cream from the top. Some brands are better for whipping than others, which is annoying but true. Coconut cream has opinions, and unfortunately we must respect them.

Can I freeze Delicious Dairy-Free Tres Leches Cake?

You can freeze the soaked cake without the topping, but I donโ€™t recommend freezing the fully frosted cake unless you really need to. The coconut whipped topping may change texture after thawing. For best results, wrap the soaked cake tightly and freeze for up to 1 month. Thaw overnight in the refrigerator, then add fresh coconut whipped topping before serving. Freshly chilled is still best, but freezing can help in a pinch.

Can I use regular sweetened condensed milk instead?

Yes, but only if you donโ€™t need the cake to be dairy free. For a true dairy-free tres leches cake, use sweetened condensed coconut milk. It gives the soak sweetness, richness, and body while keeping the recipe dairy-free. Regular sweetened condensed milk will work in the recipe, but it changes the whole dairy-free point of the dessert.

Moist cake squares arranged neatly with frosted tops.

This Delicious Dairy-Free Tres Leches Cake is soft, creamy, chilled, and full of sweet coconut-vanilla flavor. It keeps that classic tres leches soaked-cake feeling, but uses unsweetened coconut milk, almond milk, sweetened condensed coconut milk, and coconut cream instead of traditional dairy. Itโ€™s rich without feeling too heavy, sweet without being flat, and refreshing enough to keep you going back for another forkful.

Make it for birthdays, holidays, Cinco de Mayo celebrations, potlucks, summer parties, Sunday dinners, or any time you want a cold dessert that feeds a crowd and feels a little special. Serve it with cinnamon, strawberries, mango, pineapple, toasted coconut, berries, coffee, iced coffee, cinnamon tea, or a simple sparkling drink.

So tell me โ€” would you top this Delicious Dairy-Free Tres Leches Cake with cinnamon, fresh strawberries, mango, or toasted coconut? Canโ€™t wait to hear what you think!

Soft sponge dessert layered with rich cream and cocoa powder sprinkle.

Delicious Dairy-Free Tres Leches Cake

Delicious Dairy-Free Tres Leches Cake is a soft soaked cake made with coconut milk, almond milk, sweetened condensed coconut milk, and coconut whipped topping.
Print Pin Rate
Course: Dessert
Cuisine: Dairy-Free, Latin-Inspired
Keyword: Delicious Dairy-Free Tres Leches Cake
Prep Time: 30 minutes
Cook Time: 30 minutes
Chill Time: 8 hours
Total Time: 9 hours
Servings: 12

Ingredients

Cake

  • 1 cup granulated sugar
  • 5 large eggs
  • 1 tsp vanilla extract
  • 1 1/2 cups all-purpose flour
  • 1 tsp baking powder
  • 1/2 tsp salt

Dairy-Free Milk Mixture

  • 1 cup unsweetened canned coconut milk
  • 1/2 cup almond milk
  • 1 can / 11 oz sweetened condensed coconut milk

Coconut Whipped Topping

  • 2 cans / 13 oz each coconut cream chilled
  • 3/4 to 1 cup powdered sugar
  • 1 tsp vanilla extract

Optional Garnish

  • Ground cinnamon for garnish

Instructions

  • Preheat the oven to 350ยฐF.
  • Grease a 9×13-inch baking dish thoroughly.
  • In a large mixing bowl, combine the granulated sugar, eggs, and vanilla extract.
  • Beat the mixture until it is smooth, light, and fluffy.
  • In a separate small bowl, sift together the all-purpose flour, baking powder, and salt.
  • Gradually add the dry ingredients to the egg mixture.
  • Mix only until the batter is just combined. Do not overmix.
  • Pour the batter into the prepared baking dish.
  • Spread the batter evenly in the dish.
  • Bake for 30 to 34 minutes, or until a toothpick inserted into the center of the cake comes out clean.
  • While the cake is baking, prepare the dairy-free milk mixture.
  • In a large bowl, combine the unsweetened canned coconut milk, almond milk, and sweetened condensed coconut milk.
  • Whisk until the milk mixture is smooth and fully combined.
  • Remove the baked cake from the oven.
  • While the cake is still warm, use a fork to pierce the top of the cake evenly over the entire surface.
  • Slowly pour the prepared dairy-free milk mixture over the warm cake.
  • Allow the milk mixture to soak into the cake.
  • Let the cake cool completely to room temperature.
  • Once cooled, cover the baking dish.
  • Refrigerate the cake for at least 8 hours, or overnight.
  • Place the cans of coconut cream in the refrigerator during this chilling time.
  • When ready to prepare the topping, do not shake the chilled cans of coconut cream.
  • Carefully open the cans and spoon the solid coconut cream from the top into a large mixing bowl.
  • Set aside the liquid remaining at the bottom of the cans for another use.
  • Whisk the coconut cream solids until smooth.
  • Add the powdered sugar and vanilla extract.
  • Whisk until the topping is creamy, smooth, and spreadable.
  • Spread the coconut whipped topping evenly over the chilled cake.
  • Dust the top with ground cinnamon, if desired.
  • Refrigerate the cake until ready to serve.
  • Slice and serve chilled.

Notes

To make this Delicious Dairy-Free Tres Leches Cake gluten free, replace the all-purpose flour with a gluten-free all-purpose flour blend that contains xanthan gum.
Confirm that the baking powder, powdered sugar, coconut milk, almond milk, sweetened condensed coconut milk, coconut cream, vanilla extract, salt, and cinnamon are labeled gluten free.
Use gluten-free certified almond milk and coconut products, as some brands may be processed in shared facilities.
Prepare the cake with clean mixing bowls, whisks, measuring cups, spatulas, and baking dishes to prevent gluten cross-contact.
Gluten-free cake may be slightly more delicate after soaking, so chill it thoroughly before frosting and slicing.
Slice the cake with a clean, sharp knife and serve chilled for the best texture.
Pin This Recipe
Facebook
Pinterest
Facebook
Pinterest

~ YOU MAY ALSO LIKE ~

~ YOU MAY ALSO LIKE ~

Leave a Reply

Your email address will not be published. Required fields are marked *

Recipe Rating