May 1st, 2014

Coconut Tres Leches Cake

This post may contain affiliate links. See my full disclosure for further details.

One of my favorite things about celebrating Cinco de Mayo is having an excuse to make tres leches cake. So when I came across a recipe for Coconut Tres Leches Cake, I immediately added it to my “must make” list!

Coconut Tres Leches Cake

Honestly, I’d make tres leches cake more often, except my husband isn’t really a fan.

But that changed in a hurry when I served up this coconut version of the classic three milk cake. Now he goes back for seconds!

Which is good, because this cake is seriously amazing! If I wasn’t forced to share, I’d probably eat the entire thing myself.

Don’t be afraid to let your cake get nice and golden. It’s going to soak up a lot of liquid, so it’s okay if it’s a little on the dry side to start.

And yes, it really will soak up all of the liquid. You may have your doubts at first–just pour it all on and be patient.

You do need to let the cake sit in the refrigerator for at least 4 hours before serving, and overnight is even better. And while the banana garnish is optional, I highly recommend it!

Coconut Tres Leches Cake

Classic tres leches cake gets a tropical twist with the addition of coconut milk and a whipped cream and banana garnish.


    For the cake

    • 1 box white or yellow cake mix
    • 1 cup half and half
    • 1/3 cup canola or vegetable oil
    • 2 eggs

    For the milk mixture

    • 1 (14 oz. can) sweetened condensed milk
    • 1 cup coconut milk
    • 1/2 cup half and half
    • 1 teaspoon vanilla

    For the garnish

    • 3 cups whipped cream (store-bought or homemade)
    • 3/4 cup toasted coconut
    • Sliced bananas (optional)


    1. Preheat oven to 350 degrees. Grease a 9x13 inch pan.
    2. In a large bowl, beat cake mix, half and half, oil and eggs on medium speed until smooth.
    3. Pour the batter into the prepared pan and bake for 30-35 minutes, or until cake is golden brown. Cool completely.
    4. Meanwhile, make the milk mixture by combining the sweetened condensed milk, coconut milk, half and half and vanilla in a medium bowl. Whisk until well combined.
    5. Poke the cooled cake all over with a fork.
    6. Pour half of the milk mixture over the cake and spread with a spatula to cover. Wait five minutes, or until most of the liquid is absorbed.
    7. Pour the remaining milk mixture over the cake and spread to cover evenly.
    8. Refrigerate the cake for at least 4 hours, or overnight.
    9. To serve, top with whipped cream, toasted coconut and sliced bananas (if desired). Store leftover cake in the refrigerator.
    1 review

    Who Dished It Up First: Adapted from Food Network.



    1. I bet your husband might even go for thirds!!! I would!!
      This cake looks very delicious and moist!
      Blessings dear. Catherine xo

    2. You so know my weakness!! WOW- I need this right now.

      Have a wonderful weekend Danelle – hugs.

    3. This looks so delicious — I want a slice now! 🙂

    4. Looks so so good. I love coconut.

    5. Bananas and coconut!? Sounds so good!

    6. mmm…tres leches cake…the coconut is a nice variation!


    Speak Your Mind