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.
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.
How to Make 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!
Love Coconut Cakes? We have more recipes for you to try!
We love all coconut cakes! It’s so hard to choose a favorite, and so we highly recommend that you try them all! ;0) Scroll through and see these other popular coconut recipes!
Try these other delicious White Chocolate Cake Recipes Too!
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!
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 1/3 cup (303g) canned Coconut Milk (not coconut cream)
- 2 1/2 cups (285g) cake flour * if you do not have cake flour see Note below for substitution
- 2 1/2 teaspoons (10g) baking powder
- 1/2 teaspoon (3g) salt
- 1 1/2 sticks (170g) unsalted butter, slightly softened (do not soften in the microwave)
- 1 1/2 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)
For the Cake
Preheat the oven to 325 degrees
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!
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 1/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.
My Cake School- Online Cake Recipes and Tutorials
Thanks so much for stopping by today! Make sure to scroll through our full collection of favorite cake and frosting recipes in our Recipes Section!
For even more cake decorating instruction, you should consider becoming a member of My Cake School! Our members can access every cake video tutorial that we’ve made over the past 10+ years!!
You can find the Member Video Tutorial titles that we offer our members here: Member Tutorials – we have all sorts of cake decorating tutorials for all skill levels!
For more information on joining My Cake School, click here: My Cake School Joining Information. We would love to have you- see you next time!