• SIGN UP FOR OUR NEWSLETTER ➝
    • Facebook
    • Instagram
    • Pinterest
    • RSS
    • Twitter

The Cake Blog

  • HOME
  • RECIPES
  • TUTORIALS
    • DIY PROJECTS
    • BAKING TIPS
  • HOLIDAYS
    • CHRISTMAS
    • VALENTINE’S DAY
    • ST. PATRICK’S DAY
    • EASTER
    • MOTHER’S DAY
    • GRADUATION
    • FATHER’S DAY
    • FOURTH OF JULY
    • SUMMER FUN
    • FALL
    • HALLOWEEN
  • INSPIRATION
    • CAKES
      • WEDDING CAKES
      • BIRTHDAY CAKES
      • BABY SHOWER CAKES
    • BAKERY TOURS
    • BIRTHDAY PARTIES
    • BABY SHOWERS
    • BRIDAL SHOWERS
    • REAL WEDDINGS
    • DESSERT TABLES
  • ABOUT
    • MEET THE EDITOR
    • MEET THE CONTRIBUTORS
    • CONTACT

Coconut Cake

April 4, 2017 by Tessa Huff

Coconut Cake – homemade coconut cake with creamy coconut milk, brushed with coconut syrup to keep it extra moist, and topped with vanilla bean buttercream frosting. A new layer cake recipe by our contributor, Tessa Huff.

Coconut Cake - homemade coconut cake with creamy coconut milk, brushed with coconut syrup to keep it extra moist, and topped with vanilla bean buttercream frosting | by Tessa Huff for TheCakeBlog.com

Coconut Cake - homemade coconut cake with creamy coconut milk, brushed with coconut syrup to keep it extra moist, and topped with vanilla bean buttercream frosting | by Tessa Huff for TheCakeBlog.com

It seems like spring is full of mini milestones leading up to summer. We’ve just had Day Light Savings, Pi(e) day and St. Patrick’s Day, and we now gearing up for Easter and Mother’s Day. Perhaps spring is packed with all of these holidays to help get us through the dreary weather and sporadic rain falls as we anticipate the sunny days of summer? I don’t know for sure, but I will take any reason (big or small) to celebrate and make cake, especially coconut cake.

Coconut Cake - homemade coconut cake with creamy coconut milk, brushed with coconut syrup to keep it extra moist, and topped with vanilla bean buttercream frosting | by Tessa Huff for TheCakeBlog.com

Easter makes me think of fluffy white bunnies, cheery floral prints, and lots of pastel prettiness, and this Coconut Cake with Vanilla Bean Buttercream certainly fits the bill. I wanted to create a cake this year for Easter than was just as lovely as the day itself – something beautiful to represent renewal, love, hope, and growth. With a palette of pretty shades of pink, peach, and spring green, I adorned this simple yet delicious cake with a crescent of spirally rosettes, buttons, and white nonpareils.

Coconut Cake - homemade coconut cake with creamy coconut milk, brushed with coconut syrup to keep it extra moist, and topped with vanilla bean buttercream frosting | by Tessa Huff for TheCakeBlog.com

What goes well with coconut? More coconut! I found that many coconut cake recipes are paired with lemon or vibrant tropical flavors. For this cake, I wanted to make sure that the coconut remained the star and wasn’t weighed down by other overly sweet or tart ingredients. The cake layers themselves are made with creamy coconut milk then brushed with coconut simple syrup. The coconut simple syrup adds great depth to the otherwise subtle cake layers without the use of coconut extract. Trust me, it tastes like heaven! I first considered a coconut cream cheese frosting, but a simple yet pure vanilla bean buttercream ended up being the perfect match.

Coconut Cake - homemade coconut cake with creamy coconut milk, brushed with coconut syrup to keep it extra moist, and topped with vanilla bean buttercream frosting | by Tessa Huff for TheCakeBlog.com

For this cake in particular, I was less than generous with the buttercream filling and frosting because I knew I wanted to use a lot of it when it came to the decoration. Plus, I like the subtle mix of the pretty rosettes with the slightly rustic, semi-naked sides. If you’d prefer not to include the flowers on top, then simply use the buttercream to fully frost the sides of the cake.

Coconut Cake - homemade coconut cake with creamy coconut milk, brushed with coconut syrup to keep it extra moist, and topped with vanilla bean buttercream frosting | by Tessa Huff for TheCakeBlog.com

Print

Coconut Cake

Coconut Cake - homemade coconut cake with creamy coconut milk, brushed with coconut syrup to keep it extra moist, and topped with vanilla bean buttercream frosting | by Tessa Huff for TheCakeBlog.com
Print Recipe

★★★★★

4.7 from 3 reviews

Coconut Cake – homemade coconut cake with creamy coconut milk, brushed with coconut syrup to keep it extra moist, and topped with vanilla bean buttercream frosting.

  • Author: Tessa Huff
  • Yield: One 8" Round Cake (3 layers)
  • Category: Dessert
  • Cuisine: Cake

Ingredients

For the Coconut Cake:

  • 3 cups cake flour
  • 1 tablespoon baking powder
  • ½ teaspoon salt
  • 1 cup unsalted butter, softened
  • 2 cups sugar
  • 2 teaspoons pure vanilla extract
  • 4 large eggs
  • 1 ½ cups coconut milk, stirred **

For the Coconut Simple Syrup:

  • ¼ cup coconut milk solids **
  • ¼ cup water
  • ½ cup sugar
  • ½ cup shredded coconut

For the Vanilla Bean Buttercream:

  • 4 large egg whites
  • 1 1/3 cup white sugar
  • 2 cups unsalted butter, softened
  • 2 teaspoons vanilla extract
  • ½ vanilla bean, seeds scraped out

For the Decoration:

  • 1M piping tip
  • 4B piping tip
  • soft gel paste food color
  • white nonpareils

Instructions

Make the Coconut Cake:

  1. Pre-heat oven to 350 degrees. Grease and flour three 8-inch cake pans and set aside.
  2. Sift together the flour, baking powder and salt.  Set aside.
  3. In the bowl of an electric mixer, beat the butter on medium speed until smooth. Add in the sugar and continue to mix until light and fluffy – 3 to 5 minutes.
  4. With the mixer on medium-low, add in the eggs, one at a time. Add in the vanilla extract. Stop the mixer and scrap down the bowl.
  5. With the mixer on low, carefully add in half of the dry ingredients. Once incorporated, slowly stream in the coconut milk. Add in the remaining dry ingredients. Once incorporated, mix the batter on medium speed for no more than about 30 seconds.
  6. Evenly divide the batter into the three prepared pans. Bake for 22 to 25 minutes, or until a toothpick inserted into the center of the cakes comes out clean. Cool on a wire rack for 10 to 20 minutes before removing the cakes from their pans. While the cakes are still warm, brush them with the coconut simple syrup.

Make the Coconut Simple Syrup:

  1. While the cakes are in the oven, start your simple syrup. Both the cakes and syrup should be slightly warm, so it is best to start making the syrup once the cakes go into the oven.
  2. Place the coconut milk solids, water, and sugar in small saucepan. Heat the mixture oven medium-high heat until everything melts together and the syrup begins to simmer.
  3. Reduce the heat to low and stir in the shredded coconut. Simmer for about 10 minutes then remove from heat.
  4. Once the cakes have been removed from their pans, strain out the shredded coconut and generously brush the warm syrup over the tops of the cakes. Allow the syrup to sink into the cakes (about 20 minutes) before being wrapped plastic and chilled. Slightly chill the cakes in the refrigerator for easier assembly or store overnight.

Make the Vanilla Bean Buttercream:

  1. Place egg whites and sugar into the bowl of a stand mixer, whisk until combined.
  2. Place bowl over a pan of simmering water to create a double-boiler. Whisking constantly, heat the egg mixture until it registers 160 degrees on a candy thermometer. Carefully transfer the bowl onto the stand mixer.
  3. Using the whisk attachment, beat the egg white mixture on high speed for 8 to 10 minutes until the bowl is no longer warm to the touch and the meringue is fluffy, glossy and holds a stiff peak.
  4. Switch to the paddle attachment. With the mixer on low, slowly add cubed butter and mix until incorporated.
  5. Add the vanilla extract and vanilla bean seeds. Whip on medium-high until silky and smooth, about 3 to 5 minutes. The buttercream may look like it’s broken at some point. Keep mixing until it is completely smooth.

Assemble the Cake:

  1. Place one layer of cake onto serving plate or cake stand and top with roughly ½ cup of vanilla buttercream.
  2. Repeat with second cake layer, more frosting and then last layer of cake.  Lightly coat cake with a thin layer of frosting, letting some of the cake layers show through.
  3. Pipe pink and peach buttercream rosette using a 1M piping tip, creating a crescent shape around the top of the cake. Overlap a few to create some dimension.
  4. Fill in the gaps, by piping buttercream star buttons/kisses using both the 1M piping tip and 4B piping tip in peach and pale green.
  5. Finish with white nonpareils as desired.

Notes

  1. Most cans of full-fat coconut milk with separate into watery milk and solids. Save ¼ cup of the solid coconut milk for the coconut simple syrup. Be sure to thoroughly mix together the 1 ½ cups coconut milk for the cake batter.
  2. Store in the refrigerator. Serve at room temperature.


 

Coconut Cake - homemade coconut cake with creamy coconut milk, brushed with coconut syrup to keep it extra moist, and topped with vanilla bean buttercream frosting | by Tessa Huff for TheCakeBlog.com

Coconut Cake - homemade coconut cake with creamy coconut milk, brushed with coconut syrup to keep it extra moist, and topped with vanilla bean buttercream frosting | by Tessa Huff for TheCakeBlog.com


 

MORE COCONUT RECIPES TO TRY:
  • Coconut Cupcakes
  • Easter Nest Cake with Coconut Chips
  • Coconut Tres Leches Cake
  • Coconut Cake with Raspberry Preserves
  • Coconut Lime Cake

April 4, 2017 by Tessa Huff

Tessa Huff , CONTRIBUTOR

Tessa Huff is a professional cake designer and lover of all things art and design. She particularly enjoys creating edible decorations, sugar flowers, and unique flavor pairings with fresh, seasonal flavors. Read more about Tessa on her bio page.

connect with Tessa :

Make the most of citrus season with one of these cake recipes!

« Marbled Chocolate Easter Eggs
Berries and Cream Cupcakes »

Comments

  1. Halimah says

    April 4, 2017 at 3:47 pm

    Hello, this recipe looks great! Do you have the measurements in grams please? Thank you x

    • Carrie Sellman says

      April 7, 2017 at 12:48 pm

      Here is a handy conversion calculator for you Halimah! This will help you convert all of the ingredient quantities to metric units.

      https://www.convert-me.com/en/convert/cooking/

    • Dee says

      August 19, 2017 at 6:30 pm

      Tessa…oh my, girl, you aren’t just talented..you are gifted! This looks like magic! I’ve seen lovely cake all over the east coast and even over seas…you rank up there: “creme de la creme”!

      ★★★★★

  2. Bonnie says

    April 5, 2017 at 12:08 am

    This is sooo beautiful. For making the flowers, would I make the same amount of frosting as the cake requires? Thanks.

    • Carrie Sellman says

      April 7, 2017 at 12:50 pm

      Tessa used only one batch of frosting to create this cake, flowers included. That’s why the frosting between the cake layers and on the sides is very light. If you want to add a full layer of frosting to the sides AND pipe the flowers, definitely make a double batch. Enjoy!

  3. Ann says

    April 8, 2017 at 4:58 pm

    Just wondering… do you use sweetened or unsweetened shredded coconut?

    • Ann says

      April 9, 2017 at 8:13 pm

      Just made the cake yesterday. I think the coconut flavor doesn’t come out very much (it did while baking and making the syrup) after assembly. It tasted like a normal vanilla cake that has a slight hint of coconut as an after taste… Other than that, it’s a good cake.

      ★★★★

      • Mercedes says

        August 28, 2017 at 11:10 pm

        I made this cake and was delicious AND YES TASTE LIKE COCONUT! I love it Thank you Tessa for sharing 😘

    • Carrie Sellman says

      March 8, 2018 at 11:36 am

      Thanks for asking Ann! Since Tessa is using the shredded coconut in the simple syrup, either sweetened or unsweetened would work just fine. However, sweetened coconut often has a stronger coconut flavor than unsweetened. So if you want the coconut to be more pronounced, go for the sweetened.

  4. Debbie says

    April 9, 2017 at 10:16 am

    I am very excited to try one of your cakes ( the coconut layer, above or the lime/coconut) ! The ones that call for shredded coconut do not mention whether it is sweetened or in sweetened. Can you please clarify this? I want to be sure I use the correct ingredients. Thank you!

    • Carrie Sellman says

      March 8, 2018 at 11:35 am

      Good question Debbie! Since Tessa is using the shredded coconut in the simple syrup, either sweetened or unsweetened would work just fine. However, sweetened coconut often has a stronger coconut flavor than unsweetened. So if you want the coconut to be more pronounced, go for the sweetened.

  5. Elisabeth says

    April 9, 2017 at 10:38 am

    This cake is beautiful! I can’t wait to try it.
    What gelcolors were used? I often have trouble coloring my buttercream, I would love if the authors would provide a bit of info with their recipes.

    • Carrie Sellman says

      March 8, 2018 at 11:25 am

      I’m not sure the exact ratios of gel colors Tessa used, but understand the struggle! We’ve started including this information in our newer posts. 🙌

  6. Cecilia Heyaime says

    May 29, 2017 at 7:40 pm

    This cake looks beautiful!! Do you think that I can make a fondant covered cake with this recipe???
    Feel free to take a look at my blog cakecreationsbycecilia.com
    Thanks :0)

    ★★★★★

    • Carrie Sellman says

      March 8, 2018 at 11:20 am

      Yes, this cake is sturdy enough for fondant. Enjoy!

  7. Christina says

    June 15, 2017 at 8:04 am

    I made this cake twice. The first time the coconut was very mute and the cake tasted like a plain vanilla cake (the syrup didn’t get into the cake enough) and the frosting didn’t seem to have enough vanilla flavoring (I like my vanilla stronger). The second time I doubled the simple syrup recipe and soaked the layers overnight, I also use a whole vanilla bean and 3 tsp of vanilla. It gave it a more pronounced flavor profile without creating a soggy cake.

  8. Lemma says

    July 10, 2017 at 3:35 pm

    Do you think this recipe could be divided into two nine inch pans or would it need modification?

    • Carrie Sellman says

      March 8, 2018 at 11:20 am

      You could bake it in two 9″ pans but your layers will be quite thin and will bake faster, so keep that in mind. To make a full size 9″ cake, you’ll need more batter. Here’s a chart to help you play around with batter volumes and cake pan sizes:
       
      https://www.wilton.com/cms-wedding-cake-data.html

  9. Fran says

    October 22, 2017 at 8:14 pm

    Hey there,
    Looks amazing!
    Just wondering if you have made cupcakes with this recipe? If so, would there be any alterations with ingredients or cooking time?

    • Carrie Sellman says

      March 8, 2018 at 11:18 am

      This recipe will work just fine for cupcakes as well. It will make roughly 27-30 cupcakes or so. Just fill your liners no more than 2/3 of the way full. Bake for roughly 16-18 minutes or until a toothpick comes out clean. Enjoy!

  10. Leah says

    March 13, 2018 at 11:37 pm

    I’m so excited to try this cake for my daughters first birthday. With other comments saying the coconut flavour isn’t very strong….would adding more coconut syrup in the layers or possibly leaving the shredded coconut in do the trick?

    • Carrie Sellman says

      February 21, 2019 at 4:36 pm

      Sure, you could do either.

  11. Colleen says

    March 30, 2018 at 9:44 pm

    I just made this cake for my mom’s 80th birthday this Easter weekend. The cake itself seems lovely! I added some of the sweetened coconut from the simple syrup in between the layers for extra coconutness. The icing doesn’t taste sweet at all, but maybe it’s so it doesn’t compete with the coconut flavour? I’m excited to try it!

    • Carrie Sellman says

      February 21, 2019 at 4:37 pm

      Sounds wonderful, thanks for your feedback Colleen!

  12. jeni says

    April 1, 2018 at 4:39 pm

    When you say 160 ‘ do you mean celcius or farhenheit?

    • Carrie Sellman says

      February 21, 2019 at 4:39 pm

      Fahrenheit 😊

  13. Sarah says

    April 4, 2018 at 11:07 am

    Really excited to try and make this cake. Do you think the cake would keep if I assembled and decorated it two days before I served it? I would keep it in a cake box of course.

    • Carrie Sellman says

      February 21, 2019 at 4:40 pm

      Yes, just store it in the refrigerator and it will be fine.

  14. Ricky says

    May 28, 2018 at 8:14 am

    I noticed the first pictures at the beginning of the post, there are tunnels and holes in the cake. What would cause this?

    • Carrie Sellman says

      February 21, 2019 at 4:42 pm

      Just an air bubble, it happens sometimes.

  15. Mary says

    August 12, 2019 at 10:16 am

    Would this work for a 4 tier wedding cake?

  16. Edwin says

    February 28, 2020 at 4:48 am

    Hi. Is the pan size used in this recipe 8 x 3 inches? Also, are all given temperatures Fahrenheit?

    Thanks

  17. Sabrina says

    June 2, 2020 at 6:54 am

    Hello,

    Can this cake me placed in the freezer once it’s been cooked and assembled with the buttercream?

Trackbacks

  1. 50+ Charming Birthday Cakes for Grown Ups – With Recipes! ⋆ says:
    October 23, 2019 at 1:24 am

    […] Coconut Cake with Vanilla Bean Buttercream […]

SEARCH

The Cake Blog is a community of bakers and cake lovers. If you’re looking for beautiful cake inspiration, projects, tutorials and recipes -- you’ve come to the right place. MEET OUR TEAM ➝

LET’S CELEBRATE

SIGN UP FOR OUR NEWSLETTER

BAKING RESOURCES

  • How To Build a Cake Like a Pro
  • Is Your Oven Accurate – And Why It Matters
  • Can You Overmix A Cake
  • Egg Free Baking

HOME   |   ADVERTISE   |   PRIVACY POLICY

Copyright © 2023 · The Cake Blog