
I always make a mini cake for my birthday and this year I decided on a banana coconut cake.
I’ve been loving my 4-inch cake pans and the Cake Pan Converter Spreadsheet I made for myself years ago saves me time and time again because I can hunt for the best recipe — not just one that fits my pan size.
I used to make 6-inch layer cakes but I’ve found that even that’s too much cake for my little family. I would freeze them but at the end of the day, we still have to eat it and sometimes I would rather eat something else for leftovers.
This 4-inch banana coconut cake serves 4 small slices. Although slicing in 2 would be my preferences, haha.
This blog post may include affiliate links, which means I may earn a commission if you make a purchase through these links, at no additional cost to you. Your trust is invaluable to me, and I only recommend products that I genuinely believe will benefit you and would personally buy or have bought myself!
Whether or not I earn a commission, these are products I would still recommend. With your support, I’m able to provide you with free information on my blog that is helpful to you.

Banana Coconut Cake Recipe
This recipe makes two 4-inch cake layers. Based on the Coconut Banana Bread by Sugarologie.
Ingredients
- 186.67g Banana
- 93.85g Brown Sugar
- 51.85g Eggs
- 57.04g Canola Oil
- 31.11g Thai Coconut Cream Powder
- 3.11g Salt
- 124.44g AP Flour
- 5.70g Baking Powder
- 31.11g Sweetened Coconut
- 20.74g Unsweetened Coconut
Method
- Pre-heat oven to 350°F.
- Prepare your two 4″ round cake pans with oil and parchment paper.
- In a mixing bowl, mash the bananas until they reach an applesauce-like texture and set aside.
- With a whisk and a mixing bowl or stand mixer with the paddle attachment, add white sugar, molasses, and eggs. Mix until pale and fluffy.
- Add in canola oil. Mix in until combined.
- Add coconut cream powder and salt. Mix in until completely smooth and slightly paler than before.
- Add in mashed bananas. Mix in until combined. Set aside.
- In another mixing bowl, combine AP flour and baking powder through a fine sieve. Mix until well combined.
- Add in half of the dry ingredients into the wet ingredients until just combined.
- Fold in half of the sweetened and unsweetened coconut into the batter until just combined.
- Alternate adding and mixing in the remaining dry ingredients and the remaining coconut until just combined.
- Add the 300g batter to prepared baking pans.
- Bake at 425°F for 5 minutes.
- Lower the oven temperature to 350°F and bake for another 28-35 minutes, until golden-brown.
- Set aside to cool completely.
- Optional: Wrap in plastic wrap while warm and freeze until ready to frost.
Don’t have the baking pan I’m using?
Fret not! For I am sharing the Google Sheet I created to scale the Banana Coconut Cake free of charge to you 🙂
When I find a recipe I want to try, I can input the original measurements and let the spreadsheet calculate everything for me!
Whipped Cream Cheese Frosting Recipe
This recipe frosts two 4-inch cake rounds. Recipe adapted from Sugarologie.
Ingredients
- 77.78 g Cream Cheese (room temp)
- 15.56 g Heavy Whipping Cream (room temp)
- 67.41 g Heavy Whipping Cream (room temp)
- 20.74 g Powdered Sugar (sifted)
- 2.59 g Lemon Juice
- 2.59 g Vanilla Extract
- 0.52 g Salt
Method
- With a whisk and a mixing bowl or stand mixer with the whisk attachment, cream the cream cheese and the first portion of heavy whipping cream until very smooth.
- Incrementally whisk in the second portion of heavy whipping cream until soft peaks form.
- Incrementally whisk in the sifted powdered sugar until it reaches a spreadable sour cream-like texture.
- Whisk in the lemon juice, vanilla extract, and salt until the desired texture is reached. If the mixture becomes over-whipped and grainy, whisk in a splash of cream.
Frosting a different sized cake?
Whipped White Chocolate Ganache Frosting Recipe
This recipe frosts two 4-inch cake rounds. Recipes adapted from Sugarologie and Scientifically Sweet.
Ingredients
- 54.44 g White Chocolate Bar
- 134.17 g Heavy Whipping Cream
- 0.58 g Salt
- 2.33g Vanilla Extract
Method
- Finely chop the white chocolate, transfer it to a mixing bowl or bowl of a stand mixer. Set aside.
- In a saucepan over medium-low heat, bring the heavy whipping cream and salt to a simmer until the milk starts to steam and tiny bubbles start forming at the edges.
- Pour the scalded milk over the finely chopped white chocolate and let sit for 2 minutes.
- Whisk in the vanilla extract until the white chocolate is fully melted and combined.
- Chill the mixture with a whisk or whisk attachment in the refrigerator for 2 hours.
- Whisk vigorously until the mixture reaches a sour-cream-like texture.
- Continue whisking (or whisk by hand if using a stand mixer) to your desired frosting texture. If the mixture becomes over-whipped and grainy, whisk in a splash of cream .
Frosting a different sized cake?
Which frosting is better?
My birthday is a week before my dad’s so I actually had extra cake to make his the following Friday.
I thought the tangy cream cheese would pair well with the banana coconut cake and it did. But, I did feel the tanginess overpowered the bread.
So, I opted for a vanilla ganache whipped cream frosting, which tastes just like vanilla ice cream!
I believe both Sugarologie and Scientifically Sweet have a recipe for this and they’re both the same — they just have different quantities of white chocolate. I ended up just doing an average of the two.
For this cake, I highly recommend the white chocolate variation. It worked better and tastes AMAZING!
WANT MORE CONVERTED RECIPES?
Check out the Recipe Library to see what other bakes you can make in over 25 baking pan sizes!



