White Chocolate Coconut Cake
Today we're sharing a perfectly moist White Chocolate Coconut Cake recipe that we just love! We've made several coconut cakes over the years, but have never put coconut with white chocolate- we were missing out!
This light and delicious combination of flavors is a match made in heaven, and perfect for spring gatherings.
The cake batter contains both coconut and white chocolate- and while the white chocolate flavor in this tender coconut cake is a bit more subtle, it is unmistakable and lends a wonderful softness to the texture.
If you're a fan of coconut or white chocolate for that matter, you're going to fall in love with this recipe.The filling and frosting for this moist cake recipe is a luscious White Chocolate Coconut Cream Cheese Frosting- We love the delicious balance of coconut and white chocolate.
Table of Contents
How to Make White Chocolate Coconut Cake
This white chocolate coconut cake recipe uses the conventional method of mixing, resulting in a light, soft, moist layer cake.
You can find the full, printable recipe below- but here is a quick rundown of our steps!
- Preheat the oven to 325 and prepare your three 8 inch pans (grease, flour, and line with parchment paper). -- By the way, the layers for this cake are slightly thinner than our other cakes-- they bake to about a one inch thickness. You could divide the 6 cups of batter between two 8 inch pans instead, but we wanted that extra layer of filling!
- Heat the coconut milk in the microwave or on the stove top, do not let it boil. Add the white chocolate that has been cut into very small pieces. Let it sit for a couple of minutes to soften, then stir until melted and smooth. Allow to cool down to room temperature before using.
- Combine the dry ingredients, whisking for 30 seconds to aerate, then set aside.
- In the bowl of a stand mixer fitted with a paddle attachment, mix the unsalted butter, slowly add the sugar and mix on medium speed until fluffy (about 4-5 minutes).
- Add the eggs one at a time, allowing the egg yolks to disappear before adding the next. Add the extracts.
- Now, we alternate between adding dry and wet ingredients- Alternately add the flour mixture and the milk/ melted chocolate mixture, beginning and ending with the flour. Mix until just combined, do not over mix and do not mix above medium speed. Divide the batter between the pans and place into the preheated oven.
- Bake at 325 for 22-25 minutes or until a toothpick inserted in the center comes out clean or with just a few crumbs attached. Let cool 10 minutes in the pans on a wire rack and flip out.
Can White Chocolate Chips be Used Instead?
Our recipe calls for white chocolate baking bars rather than white chocolate chips. We tried using white chocolate chips in this cake recipe for comparison and we noticed a definite change in texture- it wasn't as soft or moist-- and was a bit more dense also.
I can't say that this would be the case for all brands of white chocolate chips or for all white chocolate cake recipes-- but for this recipe our preference is definitely the white chocolate baking bars.
White Chocolate Coconut Cream Cheese Frosting
The white chocolate coconut cream cheese frosting has so much flavor! We used white chocolate cream cheese frosting in our White Chocolate Cranberry Cake, but the addition of the coconut extract takes it to another level of deliciousness.
- First, melt the white chocolate baking bar (chopped into fine pieces) with a little milk as directed in the recipe below.
- In the bowl of your mixer add the softened butter and cream cheese and mix until smooth. Next, add the melted (cooled to room temp) white chocolate and mix until combined. Add the coconut extract and gradually add the powdered sugar, mixing until smooth and combined.
- If the frosting seems too soft, chill in the refrigerator for several minutes until it reaches a good consistency for spreading onto the cake.
Assembling the White Chocolate Coconut Cake
Once you've prepared your cake layers and frosting, the rest couldn't be easier! Place the first cake layer on the pedestal or serving plate, spread with white chocolate coconut cream cheese frosting, repeat, and top with the final layer.
Frost the cake with an even layer of frosting but it doesn't have to be perfect because we're going to press shredded over the top of the cake and around the sides! If cake decorating isn't your cup of tea, coconut-covered cakes are the best ;0) Ready in minutes!
I just love the light, fluffy look of shredded coconut on a cake! As an added bonus, it gives us another layer of coconut flavor.
We hope that you enjoy this White Chocolate Coconut Cake! If you try it, please leave a comment or photo below!
More Coconut Cake!
We love all coconut cakes! It's so hard to choose a favorite. Some of our favorite coconut cakes are Italian Cream Cake, Lemon Coconut Cake, Piña Colada Cake and Pineapple Coconut Cake.
White Chocolate Cakes
If you love white chocolate, you will love these cake recipes too!! We especially love the white chocolate cranberry & white chocolate peppermint cakes for Christmas and winter gatherings! Yum!
White Chocolate Coconut Cake
This delicious homemade White Chocolate Coconut Cake is SO moist and flavorful! White chocolate and coconut are the perfect combination!
Ingredients
For the Cake
- 4 ounces (113.5g) white baking chocolate (I used Ghirardelli Premium Baking Bar and Bakers Premium Baking Bar to test the recipe)
- 1 ⅓ cup (303g) canned Coconut Milk (not coconut cream)
- 2 ½ cups (285g) cake flour * if you do not have cake flour see Note below for substitution
- 2 ½ teaspoons (10g) baking powder
- ½ teaspoon (3g) salt
- 1 ½ sticks (170g) unsalted butter, slightly softened (do not soften in the microwave)
- 1 ½ cups (300g) sugar
- 2 large eggs, room temperature ( if in a hurry you can warm the eggs in a bowl of hot (not boiling) water for 5 minutes)
- 1 teaspoon (4g) vanilla extract
- 1 teaspoon (4g) coconut extract
For the White Chocolate Coconut Cream Cheese Frosting
- 1 stick (113 g) unsalted butter, softened
- 1 package (8oz) ((226g) full fat cream cheese - it must be full fat, reduced fat or cream cheese in a tub will be too soft for the recipe.
- 2 (4oz) (113.5g) white chocolate baking bars - I used Ghirardelli
- 3 Tablespoons (12g) milk — for melting the white chocolate
- 1 teaspoon (4g) coconut extract
- 6 cups (690g) powdered sugar (sift then measure)
- **One 14oz package (396g) Sweetened Shredded Coconut (to press into the frosted cake)
Instructions
For the Cake
Preheat the oven to 325 degrees F
Grease and flour your pans & also add circles of parchment to the bottom of your pans. We used three 8 inch cake pans. You could also use two 8 inch round pans. *The baked layers using 3 pans are a little thinner than our usual--about 1 inch thickness...but we wanted the extra layer of filling that three layers gives us!
Heat the coconut milk in the microwave or on the stove top, do not let it boil. Add the white chocolate that has been cut into very small pieces, the smaller the pieces the easier it will melt. Let it sit for a couple of minutes to soften, then stir until melted and smooth. Allow to cool down before using.
Combine the flour, baking powder and salt, whisk for 30 seconds to blend and set aside.
In the bowl of your mixer, mix the butter until smooth. Slowly add the sugar and mix on medium speed 4 to 5 minutes, until the mixture lightens in color and becomes fluffy
Add the eggs one at a time, mixing after each until the yellow is blended in.
Add the vanilla and coconut extracts.
Alternately add the flour mixture and the milk/chocolate mixture, beginning and ending with the flour (3 additions of flour and 2 of milk mixture).
Mix until just combined, do not over mix and do not mix above medium speed.
Pour batter into prepared pans- if baking in three 8 inch pans, bake at 325 for 22-25 minutes or until a toothpick inserted in the center comes out clean or with just a few crumbs attached. If using two 8 inch pans, bake at 350 for 30 to 35 minutes. Let cool 10 minutes in the pans on a cooling rack and flip out.
For the White Chocolate Coconut Cream Cheese Frosting
First, cut/chop the white chocolate into very small pieces. This will ensure easy melting. Put into a microwave safe bowl and add 3 Tablespoons milk. Microwave for 15 seconds— let sit for a minute or two, stir and microwave again for 10 seconds, letting it sit again to soften further. Stir. Be careful not to overheat the white chocolate. The chocolate will continue to melt as it is stirred so stir for several minutes until it is completely melted. Let it cool to before using. Do not refrigerate to cool because it would firm up quickly.
In the bowl of your mixer add the softened butter and cream cheese. Mix on medium speed until smooth. Add the white chocolate mixing until combined. Add the coconut extract. Gradually add powdered sugar mixing on low sped until combined and smooth.
The frosting may be too soft at the point so chill in the refrigerator a short while until it is the consistency you like for spreading.
Assembling the Cake
Place first cake layer on the pedestal. Spread with a layer of white chocolate coconut cream cheese frosting. Repeat for the next layer and top with final layer. Frost the cake and press shredded coconut into the frosting, covering the entire cake. Enjoy!
Notes
No Cake Flour? Here's a Substitution
- If you do not have cake flour, you can use all purpose flour and the following substitution: for each cup of flour in the recipe, remove 2 Tablespoons and replace with 2 Tablespoons cornstarch. For this recipe measure out 2 ½ cups all purpose flour, remove 5 Tablespoons and replace with 5 Tablespoons cornstarch. Whisk to blend.
- Makes 6 cups of batter
- Works well for cupcakes - Bake standard size cupcakes at 350 degrees for 18 to 20 minutes.
Thanks so much for stopping by today! Make sure to scroll through our full collection of favorite cake and frosting recipes in our Cake Recipes Section!
If you’re interested in learning more about cake decorating, we have a huge section of Free Cake Decorating Tutorials!
Sound AMAZING!! Love white chocolate and mixed with cocnut sounds like a great combination!!!
Looks and sounds delish! :-)
When you say coconut milk, is it from the can? And do you shake the can first to mix it up inside or do you use the top part only of the can?
Use the coconut milk from a can. Stir the top 'cream' into the bottom 'milk'.
Hi Anita, Yes, the coconut milk is canned and be sure to shake well before using.
Great thank you!
Can this cake be successfully frozen?
Hi Michelle, This is how we freeze a frosted cake. To keep the frosting looking good, place the cake in the freezer for 30 minutes or until the frosting is firm to the touch. Remove from the freezer and wrap in 2 layers of plastic wrap. Next, wrap in aluminum foil. It is important that the cake be kept air tight while frozen. To thaw, placed the frozen, wrapped caked in the refrigerator over night, the next morning place on the countertop until condensation begins to form on the foil. Then remove the foil and plastic wrap so the frosting will not be disturbed. You could also, take out of the freezer 4 hours or more before needed. Keep wrapped to let the condensation form on the aluminum foil, unwrap, and let the cake continue to thaw. If you are freezing in a designated freezer, it can be kept frozen 2 months or so. If you are freezing in the freezer section of your refrigerator, I would freeze for only a few weeks. The opening and closing of the kitchen refrigerator/ freezer does not keep the temperature constant and this affects the cake.
Good Morning: The can of coconut milk use the unsweetened can! Thanks
Hello, I've followed the instructions and burned my cake from the outside and its soggy inside.
Temperature of 350'F? as my oven doesn't go past 270'C. Where did I go wrong?
Hi Remi, I'm so sorry for the confusion. Yes, it is 325 F. I just looked up a conversion and this is what it says:
"To convert degrees from Fahrenheit to Celsius, subtract 32 from the Fahrenheit temperature, multiply by 5, then divide by 9. So if the temperature is 350 F, you would subtract 32 to get 318, then multiply by 5 for 1,590 which divided by 9 equals 176.66 C. " and you would just round up.
So for this recipe, 325 degrees F, it would equal 162.7 C.
Hi!! I made this cake for my mom's birthday last day and it was amazing! The cake mixture before I put it in the oven felt a little tighter than the usual cake mixtures, could be because I hand mixed the items instead of using an automatic one, but the cake itself turned out super moist and flavourful! I also added a little of the dessicated coconut in the cake mixture for that extra coconut-y flavour! Thank you so much for this recipe everybody loved it ♥️
Hi Trisheta! I'm so glad that you all enjoyed it. Your cake looks beautiful, thanks so much for the review! ;0)
Thank you so much! I'll surely be trying out the rest of your coconut cake recipes too UwU
Hi there. What can i use instead of coconut extract?
Hi! I used some of the dessicated coconut for the cake batter for the coconutty flavour, tasted pretty nice! You may reduce a spoonful or two of the flour and replace it with the coconut.