Coconut Tres Leches Cake

One of my favorite things about celebrating Cinco de Mayo is having an excuse to make tres leches cake. I’d make it 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
Serves 16
Write a review
Prep Time
20 min
Cook Time
30 min
Total Time
50 min
Prep Time
20 min
Cook Time
30 min
Total Time
50 min
386 calories
45 g
49 g
21 g
6 g
10 g
128 g
269 g
15 g
0 g
10 g
Nutrition Facts
Serving Size
Amount Per Serving
Calories 386
Calories from Fat 182
% Daily Value *
Total Fat 21g
Saturated Fat 10g
Trans Fat 0g
Polyunsaturated Fat 3g
Monounsaturated Fat 7g
Cholesterol 49mg
Sodium 269mg
Total Carbohydrates 45g
Dietary Fiber 1g
Sugars 15g
Protein 6g
Vitamin A
Vitamin C
* Percent Daily Values are based on a 2,000 calorie diet. Your Daily Values may be higher or lower depending on your calorie needs.
    For the cake
    1. 1 box white or yellow cake mix
    2. 1 cup half and half
    3. 1/3 cup canola or vegetable oil
    4. 2 eggs
    For the milk mixture
    1. 1 (14 oz. can) sweetened condensed milk
    2. 1 cup coconut milk
    3. 1/2 cup half and half
    4. 1 teaspoon vanilla
    For the garnish
    1. 3 cups whipped cream (store-bought or homemade)
    2. 3/4 cup toasted coconut
    3. 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.
    Let's Dish Recipes
    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