Cakes

September 4, 2024

Coconut Cake

Coconut cake has always been a beloved tradition in my family, especially because it was my mom’s favorite dessert. We would often bake this delicious cake for Easter and family birthdays, adding a touch of tropical sweetness to our celebrations.

This moist and flavorful coconut cake isn’t overly sweet, making it the perfect dessert for any occasion. Whether you're hosting a summer barbecue, celebrating a birthday, or craving a tropical treat, this easy coconut cake recipe is sure to impress your guests and satisfy your sweet tooth.

Coconut Cake

Indulge in the ultimate tropical dessert with this moist, flavorful coconut cake—sure to become a new family favorite!

Prep:
45
min
cook:
35
min
total:
110
min
Author:

Anne Voss

Ingredients

Cake Layers

  • 2 boxes of white cake mix, prepared according to the package directions (uses eggs, water, and oil)
  • 1 ½ teaspoons coconut extract (optional)

Frosting and Topping

  • 7 tablespoons of all purpose flour (53g)
  • 1.5 cups granulated sugar (300g)
  • Pinch of salt
  • 3/4 cup milk (180ml)
  • 3/4 cup canned unsweetened coconut milk (180ml; save the remainder for later)
  • 1.5 cups unsalted butter (3 sticks, 339g), room temperature
  • 1 bag of sweetened shredded coconut flakes (14oz)
Instructions

Cake Layers

  1. Preheat the Oven: Preheat the oven to 325°F.
  2. Prepare the Cake Pans: Line the bottoms of three cakepans with parchment paper and spray the sides with nonstick spray. Set aside.
  3. Make the Cake Batter: Prepare the batter according to the directions for two boxes of white cake mix.
  4. Add Coconut Extract: Stir in coconut extract until fully combined.
  5. Divide the Batter: Evenly distribute the cake batter among the three prepared cake pans.
  6. Bake the Cakes: Bake until the centers are set, and a toothpick comes out clean (no wet batter or crumbs).
  7. Cool the Cakes: Let the cakes cool in the pans for 15minutes, then transfer them to a cooling rack. If assembling later, wrap the layers and store them in the freezer.

Frosting

  1. Combine Dry Ingredients: In a medium saucepan, whisk together flour, sugar, and salt.
  2. Add Wet Ingredients: Gradually whisk in milk and coconut milk until fully combined.
  3. Cook the Mixture: Place the saucepan over low heat, whisking continuously until the mixture bubbles. Cook for 2 minutes until thick and pudding-like.
  4. Remove from Heat: Take the saucepan off the heat and whisk for another 2 minutes.
  5. Cool the Mixture: Pour the mixture into a bowl, cover it with plastic wrap (pressing it onto the surface) to prevent a skin from forming, and cool to room temperature or refrigerate for later use.
  6. Beat the Butter: In a stand mixer, beat the butter until smooth and fluffy (about 6 minutes).
  7. Incorporate the Pudding Base: Add the cooled frosting base, one tablespoon at a time, scraping the sides as needed until thick and fluffy.
  8. Divide the Frosting: Split the frosting into two portions—one for the inside of the cake, the other for the outside.

Assembly

  1. Prepare the Cake Board: Start with a cake board or large plate and add a small dab of frosting in the center to hold the first cake layer in place. Add the first cake layer on top of the dab of frosting.
  2. Poke Holes in the Layer: Use a fork to poke a few holes in the first cake layer (don’t go crazy here or break up the cake too much), then spread 2 tablespoons of coconut milk over the top and let it soak for 30 seconds to 1 minute.
  3. Add Frosting: Spread 1/3 of the frosting reserved for the inside evenly over the cake layer.
  4. Layer the Cakes: Add the second cake layer and repeat the process: poke holes, add coconut milk, and frost.
  5. Finish with the Top Layer: Place the final cake layer upside down for a flat top. Add coconut milk and a thin layer of frosting.
  6. Crumb Coat the Cake: Use any remaining inside frosting to fill gaps between layers as a crumb coat. Chill the cake for 30minutes to set. You may not have enough frosting to completely crumb coat the entire cake, and that is okay. Focus on the area between the cake layers to build up straight, even sides. It might not look pretty at this point but don’t worry.
  7. Frost the Outside: Frost the exterior of the cake with the remaining frosting. You can frost it smooth with a bench scraper or use a knife to give the frosting more movement. It doesn’t have to be perfect because, in the next step, you will cover the cake in coconut flakes.
  8. Add Coconut Flakes: Gently press coconut flakes onto the sides and top of the cake until fully covered.
  9. Refrigerate: Store the cake in the refrigerator until ready to serve.

Makes approximately 10-12 servings

This website contains affiliate links to Amazon. This means that I may make a small commission if you purchase a product using these links. This is no way affects my opinion of these products. Links are provided to share products I have used when making this recipe.

Recipe Notes

Below you will find tips and tricks to help achieve the best results possible!

close up of shredded coconut on the outside of a moist coconut cake with creamy coconut frosting and shredded coconut topping

How to Make a Coconut Cake

The secret to an outstanding coconut cake is infusing coconut flavor throughout both the cake and frosting. Begin by baking soft, white cake layers with a hint of coconut extract for a light, tropical taste.

To enhance the coconut flavor, allow coconut milk to soak into the cake layers before evenly spreading coconut milk frosting between each layer. Once assembled, generously coat the entire cake with the same creamy frosting, then finish by covering it completely with shredded coconut.

The result is a moist cake that is both rich and refreshing, with a sweetness that perfectly highlights the natural flavor of coconut.

Ingredients

Coconut milk – I recommend using canned coconut milk for the best flavor. Look for it in the international food section of your grocery store. Make sure it’s coconut milk and not coconut cream.

Supplies Needed

Mixer (stand mixer or a hand-held mixer)

Cake pans I used 8 inch round cake pans, but you could also use 9 inch pans but the cake layers will be a little thinner.

Offset spatula (optional, but helpful for frosting)

Bench scraper (optional, but helpful for frosting)

Slice of moist coconut cake with creamy frosting and shredded coconut in the foreground, with the whole cake in the background

Tips and Tricks

Use Cake Mix: I used two boxes of Duncan Hines white cake mix for this recipe. Prepare the cake batter in your stand mixer fitted with the paddle attachment, following the box instructions. Then, divide the batter into the prepared 8-inch cake pans (2 inches deep). Avoid overfilling the pans to prevent overflow during baking.

Make Ahead: You can make and bake the cake layers in advance. Once cooled, wrap each layer individually in plastic wrap and place them in a freezer-safe storage bag. You can assemble your cake with frozen layers or let cakes defrost for about 10 minutes before assembly.

Frosting Portioning: I made one large batch of frosting and divided it in half—one half for the inside of the cake and the other for the outside.

Add Coconut: To add shredded coconut to the outside of the cake, carefully place the cake on your countertop so it slightly hangs over the sink. Have a bowl in the sink to catch falling coconut. Gently press the coconut onto the sides of the cake with your hand, turning the cake and repeating until it’s fully covered. Add shredded coconut to the top as the last step.

Store Frosting: This frosting can become soft depending on your kitchen’s temperature. If needed, you can temporarily store it in the refrigerator to help it solidify.

Slice of moist coconut cake with creamy frosting and shredded coconut on a plate, with a cup of coffee in the background

Variations

This simple coconut cake recipe serves as a base for many delicious variations:

Add Fillings: Incorporate additional fillings between the cake layers, such as lime, lemon, or pineapple curd.

Change Extracts: Experiment by swapping out coconut extract for almond extract or rum flavoring.

Related Recipes You’ll Love

Looking for more delightful dessert recipes? Try my Ombre Layer Cake

Did you try this recipe?
Share your experience in the comments below!
I’d love to hear how it turned out

Let's see your creations!
Please share your photos and tag me @vosshomebakery on Instagram

Follow me on Instagram, Facebook, and Pinterest

Review

Did you love this? Let me know!

Name
Email
Message
Thanks for the feedback! Your comment will appear shortly.
Oops! Something went wrong while submitting the form.
Be the first to review this recipe!