Coconut Cake with Whipped Frosting
Coconut Cake with Whipped Frosting (and My First Trip to Disneyland!)

Coconut Cake with Whipped Frosting (and My First Trip to Disneyland!)

5 from 1 reviews
Coconut Cake with Whipped Frosting
Prep time
Cook time
Total time
I LOVE coconut cake and I LOVE whipped frosting, but I can't always be bothered to make a huge layer cake. This simple snack cake is the best of both worlds: an easy to whip up, absolutely delicious coconut cake with whipped frosting that won't take you hours in the kitchen.
Serves: 9-12
Snack Cake Ingredients:
  • 1/2 cup (1 stick) butter
  • 1/2 cup water
  • 1 cup plus 2 tablespoons cake flour
  • 1 cup white sugar
  • 1 egg, lightly beaten
  • 1/4 cup sour cream
  • 1/2 teaspoon coconut extract
  • 1/4 teaspoon vanilla extract
  • 1/4 teaspoon almond extract
  • 1/2 teaspoon baking soda
  • 1/2 teaspoon salt
  • 1/2 cup coconut milk
Whipped Icing Ingredients:
  • 1 cup milk
  • 1/4 cup plus 1 tablespoon flour
  • 1 1/4 cups granulated sugar (not powdered sugar)
  • 3/4 teaspoon vanilla extract
  • 3/4 teaspoon coconut extract
  • 1 cup butter, softened
  • 1 cup unsweetened shredded coconut, plus extra for topping if desired
  1. To make the cake: Preheat the oven to 375 degrees and grease an 8-inch square baking pan (I even add a little square of greased parchment at the bottom). In a medium saucepan over medium heat, bring the butter and water to a boil. In the meantime, in a separate large bowl, whisk together the cake flour and sugar before adding the egg , sour cream, coconut extract, vanilla extract, almond extract, baking soda, and salt. Mix to combine. While mixing, slowly pour in the boiling butter and water mixture. Mix to combine completely. Your batter will be very runny. Pour the batter into your prepared pan.
  2. Bake at 375 degrees for 15-18 minutes or until a toothpick inserted in several places comes out with a few moist crumbs. Poke holes in the cake with the tines of a fork and pour the coconut milk evenly over the top. Cool completely (I stick mine in the fridge).
  3. To make the frosting: Heat the milk, flour, and granulated sugar together over medium heat, whisking constantly. Once it starts to boil, continue whisking and heating it for around 7 minutes or until it’s very thick, like cake batter consistency. Remove the mixture from the heat and add the vanilla and coconut extract.
  4. Remove the mixture to a shallow pan and let the mixture cool completely (I stick mine in the fridge to hurry it along, and stir it now and then). Once the mixture is completely cool (no really, it's got to be COMPLETELY cool), beat the butter in the bowl of a stand mixer until soft and fluffy. Add the completely cooled mixture and beat on high until you have fluffy frosting the consistency of stiff whipped cream (this takes several minutes, so be patient). Beat in shredded coconut. Frost your completely cooled cake with a thick layer. Top with extra coconut if you desire.


6 Comments on Coconut Cake with Whipped Frosting (and My First Trip to Disneyland!)

  1. Natalie
    April 8, 2018 at 11:33 pm (3 years ago)

    I love coconut and this cake looks simply delicious and I really love the texture of it! Can’t wait to try this recipe!

  2. Kathy
    April 11, 2018 at 4:05 pm (3 years ago)

    I just made this snack cake and was wondering if
    it is suppose to be refrigerated after frosting it.

    • Julie Ruble
      April 11, 2018 at 4:17 pm (3 years ago)

      I do if I’m not going to serve it within about 1.5 hours — but then I leave it out for about 30 minutes before serving so the frosting can get soft again 🙂

  3. Coco
    April 12, 2018 at 3:48 am (3 years ago)


  4. Jisha
    January 9, 2019 at 10:19 am (2 years ago)

    Can we substitute cake flour with all purpose flour


Leave a Reply

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

Comment *