Tender Coconut Caramel Cake | No coconut extract & Easy
This delicate coconut cake flavoured with coconut milk & desiccated coconut is made without coconut extract for a refreshing and authentic flavour. Topped with a rich & gooey caramel buttercream, the flavour and texture of this cake is DIVINE!
AUTHOR : KHUSHALI PATEL
PREPARATION TIME: 1 hour 30 minutes
BAKING TIME: 40 minutes
TOTAL TIME: 2 hours 10 minutes
*For the best results, read the entire post & follow the instructions.
What does this coconut caramel cake taste like?
- This coconut cake with caramel frosting is delicate and gooey with a fluffy crumb.
- It is naturally flavoured with coconut milk, desiccated coconut and a homemade caramel sauce making it a refreshing and comforting treat to enjoy.
Why is this the best coconut caramel cake?
Flavour
This refreshing cake gets its flavour from coconut milk and desiccated coconut without adding coconut extract. This makes the flavours natural and subtle at the same time. The flavours of the salted caramel buttercream blend so well together with the sweet flavour of the coconut, that makes this cake something you just can’t miss.
Ease
This cake and frosting is prepared using the creaming method with simple ingredients that can easily be found in your baking pantry or store.
Texture
The cake is airy, delicate and fluffy while the frosting is creamy, gooey, and less sweet and it does not weigh down the cake.
Want to take the first step towards developing an intentional habit that jump-starts your baking experience?
Download the *free* guide on how to line your baking pans like a pro by subscribing to my email list.
P.S. you will also get access to my Facebook group where I will share exclusive content only with you.
Key Ingredients in this coconut caramel cake
All-purpose flour, cornstarch, baking powder, baking soda and salt
This cake is made with a mixture of all-purpose flour and cornstarch wherein the flour gives it structure and the cornstarch provides a delicate and softer crumb. The baking soda and baking powder help aerate the cake to make it light and fluffy.
Castor sugar and icing sugar
The cake uses only castor sugar to sweeten it as it does not provide that much flavour in comparison to brown sugar. But it does provide less moisture. Because of the loss in moisture that you usually get from brown sugar, I used other ingredients to bring back the moisture but in a controlled manner.
The frosting uses less icing sugar which is required only to sweeten the buttercream and to minimize the strong flavour of the whipped caramel sauce. This gives the cake a delicate caramel flavour that does not overshadow the natural coconut flavour.
Unsalted butter and yoghurt
Unsalted butter provides a lovely rich flavour to cakes but I found that it did reduce the flavour of the coconut. So, I replaced part of the butter with yoghurt which reduced the flavour of the butter but also made the cake tender and moist.
Unsweetened coconut milk, desiccated coconut and shredded coconut
This cake is flavoured with creamy unsweetened coconut milk and desiccated coconut with no coconut extract. It is also topped with shredded coconut for more flavour and crisp texture.
Homemade caramel sauce
The frosting uses homemade caramel sauce at its base but I increased the quantity of butter to make it thicker. This made the buttercream stable enough so I did not have to add too much icing sugar to make it firm.
Egg whites
This recipe uses only egg whites to provide structure and it’s high in moisture. It also has no flavour which ensures that the natural coconut flavour shines through.
Heavy Cream
The frosting uses heavy cream (35% fat content) to make it creamy and fluffy but I did reduce the quantity to make a thicker sauce.
Why did I use all-purpose flour and cornstarch instead of cake flour?
Before I talk about why I decided not to use cake flour, I have to tell you what cake flour is.
Cake flour is a low-gluten flour with a protein content of just 8%. This is much less compared to all-purpose flour.
Flours with low protein content give a softer crumb rather than a firm one which is not ideal for most cake recipes especially when they are paired with a frosting as it is not strong enough to hold the weight of the frosting. It also can make the cake dense if not made correctly.
There are two reasons why I avoided using cake flour in this recipe. Here they are:
- Using a mix of all-purpose flour and cornstarch made the cake firm and delicate without compromising its structure. It also helped in making the flavour of the coconut shine through as I could avoid using egg yolks to provide structure to the cake.
- Sometimes, cake flour is not accessible as compared to other flour. And even if it is, as it’s not commonly used in baking as yet, you might find yourself having a bag of cake flour in your pantry that you have no use for, which in turn means that it goes to waste. So, it just made sense to use all-purpose flour and cornstarch instead as they are readily available and are common baking ingredients.
Why is this the best salted caramel buttercream frosting recipe?
Most caramel frostings are prepared with butter and icing sugar being creamed and then adding a small amount of salted caramel sauce to flavour it. But this makes for a subtle buttercream with a subtle caramel flavour that is comparatively sweeter.
For this reason, I created a recipe that starts with making a rich buttery caramel sauce that is then whipped with icing sugar once cooled. This made the frosting flavourful, creamy and fluffy with minimal sweetness.
The flavour of the frosting is that of a freshly prepared salted caramel sauce that complements the naturally sweet flavours of the coconut. The two flavours go so well together that make it a refreshing and cosy treat to consume.
03 Tips to make the best coconut caramel cake
Always separate cold eggs
As this cake is made with only egg whites, it’s essential to make sure that the egg yolks do not break when you are separating them.
This is much easier to do when the eggs are cold, right out of the refrigerator as the skin of the egg yolk is intact and strong. When the eggs are warm, the skin is fragile making it trickier to separate the eggs.
Make the caramel sauce a day in advance
For the buttercream to be stable without the addition of extra icing sugar, remember to use the caramel when it has thickened overnight and then softened. For this reason, I highly recommend that you make the caramel a day in advance and let it cool completely in the refrigerator.
Once you are ready to prepare the buttercream, all you have to do is use the caramel as soon as it softens like butter. The caramel flavour also develops when it’s allowed to rest.
Use softened butter rather than room-temperature butter
It is important to start making the batter when the butter has the right texture and is at the right temperature. If not, the cake will become dense.
So, when is the butter ready to be used?
Rather than focusing on the temperature of the butter, focus on the texture as the term room temperature is misleading.
The temperature of your kitchen where you live and where I live can be completely different, so bringing it to room temperature is not the right way to go.
I have this easy yet effective method for you to follow that will help you understand butter and use it the right way, making you a baking pro in no time. For this, however, you will need a thermometer. But that does not mean you have to check the butter using a thermometer every time you bake.
- Place a stick or block of butter in its packaging on your kitchen counter away from the sun.
- Now every 10-15 minutes, check the butter.
- When it reaches 18°C, poke the butter with your finger.
You will find that the butter will resist your finger, and you will have to put a bit of pressure to make a dent. The butter will also be a little cool to the touch. This is when your butter is ready to be used for baking. Observe and check how the butter looks and feels at this point.
- Next, check the texture of the butter once it reaches 21°C (follow steps 1 through 3).
When the butter has softened and is anywhere between 18°C to 21°C, it is the right time to prepare the cake batter.
While doing this experiment, note down the time the butter took to soften and reach the right temperature. So now every time you have to bake, you know how much time your butter needs to soften.
Frequently Asked Questions
Can this cake be prepared in a traditional 9×13” cake pan?
Yes, this cake can be easily prepared in a 9×13” cake pan. I have mentioned the recipe in the recipe card below. Follow the instructions exactly as I have mentioned in the recipe card.
How can I prepare a coconut frosting to pair with this cake instead?
This cake is beautifully paired with a creamy coconut frosting and I have just the perfect recipe for that right here. It is a creamy and rich coconut frosting that is flavoured with coconut cream, less sugar and no artificial flavourings. However, I do recommend that you give this flavour combination a try because it’s divine!
Step-by-step instructions
Tender Coconut Caramel Cake
Khushali PatelEquipment
- 01 Weighing Scale
- 01 Wide heavy bottom sauce pan
- Mittens or safety gloves
- Whisk
- Spatula
- Tea Towel Optional
- 01 Glass Jar (for storing the caramel)
- 01 Stand mixer with paddle attachment or handheld mixer
- 01 Chopping Board & Knife
- 01 8 inch square cake pan
- Parchment Paper
- Sifter
- Bowls
Ingredients
For the Caramel Sauce
- 150 grams Castor sugar
- 96 grams Unsalted Butter, chopped softened
- 64 ml Heavy cream 32% - 35% fat content
- 2 grams Salt
For the Coconut Cake
- 118 grams All-Purpose Flour
- 7 grams Corn starch or cornflour
- 4 grams Baking Powder
- 1 gram Baking Soda
- 1 gram Salt
- 80 grams Unsalted Butter, chopped* softened
- 30 grams Yoghurt
- 100 grams Castor Sugar
- 88 ml Unsweetened Coconut Milk*
- 75 ml Egg Whites
- 50 grams Unsweetened shredded coconut*
For the Caramel Buttercream
- 73-105 grams Icing Sugar sifted
- 70 grams Unsalted Butter, chopped softened
- 227 grams Caramel Sauce, thick softened
Instructions
Preparation
- For the caramel sauce
- Bring out the butter and let it soften. Chop the butter into even-sized cubes before using. See notes
- Weigh the castor sugar in a bowl.
- Weigh the cream in another bowl or jug and set aside.
- Weigh the butter in a bowl. Weigh the salt in another bowl and set aside.
- Set aside all the ingredients and the necessary equipment (saucepan, whisk, spatula, next to the stove for easy access.
- For the coconut cake
- Bring out the butter and let it soften. Chop the butter into even-sized cubes before using. See notes
- Weigh the all-purpose flour, cornstarch, baking soda, baking powder and salt. Stir and sift. Set aside.
- Weigh the coconut milk & yoghurt in two other bowls.
- Separate the egg whites and egg yolks of 3-4 cold eggs in two bowls.
- Weigh the egg whites in a bowl and set aside. Make sure there are no egg yolks.
- Weigh the desiccated coconut in another bowl.
- Weigh the butter in a big bowl or bowl of a stand mixer if using.
- Lightly grease a 8 inch square cake pan with butter and then line it with parchment paper
- For the caramel buttercream (after the caramel has thickened overnight)
- Weigh the thick caramel sauce in a bowl or a bowl of a stand mixer (if using) and let it soften.
- Weigh the butter in the same bowl.
- Weigh and sift the icing sugar in another bowl.
Method
- For the caramel sauce (make a day in advance)
- Transfer the castor sugar to the pan gently to prevent it from sticking to the sides.
- Heat the castor sugar on low to medium heat till completely melted. Use a spatula to stir the sugar. To prevent it from sticking to the sides, bring the sugar using the spatula from the side to the centre helping it melt evenly.
- Once the sugar has melted completely, add in the butter. Use a whisk to combine the butter with the melted sugar. The caramel may splatter so be gentle (use gloves if needed).
- Let the butter cook for about 2 mins till nicely combined. If the butter splits, remove it from the heat and whisk vigorously till it comes back together. Do not panic.
- Once the butter has cooked till the mixture bubbles a little, add the cream in a slow and steady motion. Do not stop whisking while adding it in. Be gentle as the caramel will splatter and bubble rapidly.
- Allow the mixture to reach a gentle boil or a thermometer reads 95°C. Do not cook for longer as it will become thicker.
- Take it off the heat and add the salt.
- Whisk it a little to remove the excess heat. Once its warm, transfer it to a clean and dry jar.
- Let it come to room temperature & then chill overnight.
- For the coconut cake
- Preheat the oven to 180°C.
- In a bowl of a stand-mixer fitted with a paddle attachment or using a hand-held mixer, cream the butter till soft and pale.
- Add the castor sugar and cream till soft, pale and fluffy about 2 minutes.
- Scrape the bowl completely from side to side and top to bottom. Cream for 10 seconds to mix well.
- With the mixer running, add the egg whites in three batches, mixing well till the mixture forms peaks before each addition without turning off the mixer. Avoid overmixing.
- Add the yoghurt and coconut milk and mix till just combined
- Turn off the mixer scrape the bowl well and cream for 10 seconds.
- Add the sifted dry ingredients into the cake batter and mix well till just combined on low speed.
- Gently fold in the coconut flakes using a spatula.
- Transfer the cake batter to the cake pan and spread the cake batter evenly.
- Bake the cake for about 40 minutes or till the centre of the cake springs back when touched.
- Allow it to cool in the pan for 30 minutes as its an extremely delicate cake.
- After that transfer it gently to a cooling rack or tray to cool completely before frosting.
- For the caramel buttercream
- Add the caramel and softened butter to a bowl of a stand-mixer fitted with a paddle attachment or using a hand-held mixer.
- Cream till soft, pale and fluffy about 2 minutes.
- Add in 73 grams of icing sugar and cream till combined
- When scooped using a spatula the frosting should be fluffy yet not fall off the spatula when held at an angle. If it does fall, add in the rest of the icing sugar.
- Chill the frosting for about 15 minutes before frosting the cake.
- Decorating the cake
- Place the cake on a platter of your choice.
- You can either pipe the frosting using a pastry tip of your choice or dollop the frosting and swirl as you desire.
- You can top the cake with more caramel and shredded coconut like I have, if you wish.
- Cut and serve immediately
- Enjoy!
Notes
- Homemade Salted Caramel Sauce - this salted caramel sauce recipe has been adapted from my homemade salted caramel sauce recipe for a much thicker and more stable sauce. Read the post here for my special tips & tricks which will guide you to make the best sauce ever!
- Unsalted Butter - As mentioned in the tips section, experiment and observe how long the butter comes to the right temperature and texture. Depending on the time it takes, weigh out the recipe or bring out the butter mid-way through prep.
- Coconut Milk - I used Real Thai coconut milk while making this recipe as it is made with only coconut extract (about 80%) and water. However, I did find that the canned coconut milk thick and creamy as compared to the one in the carton. Both worked in the recipe. But make sure that you use coconut milk without any other additives. Stir it well before using it.
- Coconut Frosting - You can prepare this creamy and rich coconut frosting made with less sugar and no artificial flavourings if you prefer. But I do highly recommend trying out this delicious coconut and caramel combination.
- Storage Instructions
- Homemade salted caramel can be stored in an air-tight container or glass jar for a month.
- Coconut cake with frosting can be stored in the refrigerator especially if the weather is warm for a week. Thaw at room temperature before consuming.
- The prepared cake can be kept at room temperature away from direct heat for about 2 hours. I recommend refrigerating after 2 hours to preserve the freshness.
- Make-ahead - The caramel has to be prepared a day in advance to completely cool down before use. The cake and buttercream can be prepared the next day or a day in advance. Store them under refrigeration overnight if you are making it a day in advance and thaw before using.
- Freezing Instructions
- The unfrosted cake can be frozen for 2 months. Thaw overnight in the refrigerator and then at room temperature till soft.
- Frosting can be stored and frozen in an air-tight container or clean zip-lock bag for 2 months.
- 9x 13 inch cake pan - 16 big slices
For the Caramel Sauce (1/2 for buttercream & half for garnish) Castor sugar 255 Unsalted Butter, softened & chopped 163 Heavy cream (32% - 35% fat content) 109 Salt 3 For the Coconut Cake All-Purpose Flour 235 Cornstarch or cornflour 15 Baking Powder 9 Baking Soda 3 Salt 3 Unsalted Butter, softened & chopped* 160 Yoghurt 60 Castor Sugar 200 Unsweetened Coconut Milk* 175 Egg Whites 150 Unsweetened shredded coconut* 100 For the Caramel Buttercream Icing Sugar, sifted 146 or 210 Unsalted Butter, chopped & soft 140 Caramel Sauce 454
Have you tried this recipe?
I Love To See Your Creations Of My Recipes! Don’t Forget To Tag Me @thelaughingbutter Or Use #thelaughingbutter To Be Featured
Hi! I'm Khushali Patel, a cookie-loving professional pastry chef, recipe developer and content creator whose aim is to guide you to find more happiness in your baking journey every step of the way.
Join my email list and get ✨instant✨ access to the laughing butter community where I will share exclusive content with you that I do not share anywhere else.
JOIN THE COMMUNITY
Begin your baking journey that is full of support and happy vibes ☀︎
Join my email list and get ✨instant✨ access to the laughing butter community where I will share exclusive content with you that I do not share anywhere else.
This recipe has SAVED my life!! I have never been able to make caramel sauce. Your clear instructions and easy-to-follow recipe is a game changer. Thank you!
So glad to hear this! thank you💛