
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.


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.

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.

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.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.

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.

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!

Delicious Dairy-Free Tres Leches Cake
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











