You know that moment when you take your first bite of coconut cake and it just melts in your mouth? That’s exactly what I was chasing when I first tried recreating my aunt’s legendary coconut cake recipe. After years of tweaking (and maybe a few failed attempts), I finally nailed it—a cake so moist, so packed with coconut flavor, it’s like biting into a tropical cloud. The secret? A perfect balance of coconut milk in the batter and flakes folded right in, plus that dreamy cream cheese frosting that’s just sweet enough without overpowering the star of the show. Trust me, this isn’t just any coconut cake—it’s the kind that disappears before you can even say “seconds, please!”
Why You’ll Love This Coconut Cake
This isn’t just another cake recipe—it’s the one you’ll keep coming back to. Here’s why:
Perfect for Any Occasion
I’ve served this cake at everything from backyard BBQs to fancy dinner parties, and it always steals the show. The fluffy texture and tropical flavor make it special enough for birthdays and holidays, yet simple enough for Sunday dessert. Last Easter, my neighbor actually asked if I’d cater her daughter’s wedding after tasting it!
Simple Ingredients, Big Flavor
What blows my mind is how basic pantry items transform into something extraordinary. That carton of coconut milk you forgot about in the fridge? The leftover yogurt? They’re about to become cake magic. The almond extract (my sneaky addition) isn’t mandatory, but it adds this incredible depth that makes people ask, “What IS that amazing flavor?”
Coconut Cake Ingredients
Gathering the right ingredients is half the battle with this cake – and trust me, every single one plays a crucial role. I learned the hard way that cold butter or lumpy flour can make or break your results, so let’s get this right!
For the Cake
- 2 ½ cups 1:1 GF flour or all-purpose flour (sift it first – I swear it makes a difference!)
- 1 ¾ cups sugar (regular granulated works perfect)
- 6 egg whites (room temp – just leave them out while you prep everything else)
- 5 oz unsweetened yogurt or sour cream (either works, but yogurt makes it extra moist)
- 1 cup coconut milk (shake the can well before measuring)
- ¾ cup butter (REAL butter, softened – not melted! Should dent when you press it)
- 1 tsp coconut extract (don’t skip this – it’s the flavor booster)
- ½ tsp almond extract (my secret weapon – optional but highly recommended)
- 1 tbsp baking powder for GF flour (use 2 ½ tsp if using all-purpose)
- ½ tsp baking soda
- 1 tsp kosher salt
- 1 ½ cups sweetened coconut flakes (the kind in the baking aisle)
For the Frosting
- 1 ½ cups butter (again, room temp – patience pays off here)
- 4-5 cups powdered sugar (start with 4, you can always add more)
- 1 tsp coconut extract
- 1 tsp vanilla extract
- 8 oz cream cheese (full-fat, softened – low-fat will make runny frosting)
- ⅛ cup milk (any kind works, I use whatever’s in my fridge)
- Coconut flakes for garnishing (about ½ cup should do it)
Pro tip: Measure everything before you start mixing – it makes the whole process so much smoother. And don’t worry if your kitchen looks like a coconut bomb went off halfway through – that’s just part of the fun!
How to Make Coconut Cake
Okay, let’s get to the fun part – turning all those beautiful ingredients into the most heavenly coconut cake you’ve ever tasted! I’ll walk you through each step like we’re baking together in my kitchen (don’t mind the flour on my nose).
Preparing the Batter
First things first – preheat that oven to 350°F (175°C) and grease your pans really well. Now, grab your trusty mixer and beat the butter, coconut extract, and sugar together for a good 3 minutes. You want it light and fluffy – this is where the magic starts! Add those egg whites one at a time, then the yogurt and coconut milk. It’ll look a bit weird and separated at first, but keep mixing – it’ll come together beautifully.
Here’s my favorite part: gently fold in the dry ingredients. I sift them right into the bowl because lumps are the enemy of perfect cake texture! Once just combined (don’t overmix!), toss in those coconut flakes. The batter should be thick but pourable – if it seems too stiff, a splash more coconut milk will fix it.
Baking and Cooling
Divide the batter evenly between your pans – I use a kitchen scale to be precise, but eyeballing works too. Bake for 25-30 minutes until the tops are golden and a toothpick comes out clean. The smell in your kitchen right now? Absolute heaven!
Resist the urge to frost immediately! Let the cakes cool in their pans for 10 minutes, then transfer to wire racks. I know it’s tempting, but frosting warm cakes is a disaster waiting to happen – trust me, I’ve learned this the messy way.
Making the Frosting
While the cakes cool, whip up that dreamy frosting. Beat the butter and cream cheese until they’re best friends – smooth and creamy with no lumps. Add the extracts, then gradually mix in the powdered sugar. Start with 4 cups, then add more until it’s spreadable but still holds its shape. Too thick? A teaspoon of milk at a time will loosen it up.
Assembling the Cake
Place your first layer on a cake stand (or plate if you’re like me and own too many cake stands already). Spread a generous amount of frosting – I use about 1 cup for this layer. Carefully add the second cake, then frost the top and sides. Here’s my pro tip: do a thin “crumb coat” first, chill for 15 minutes, then add the final layer of frosting for super smooth results.
Finally, the best part – press coconut flakes all over! I use my hands to gently pat them onto the sides. Step back and admire your masterpiece before slicing into that cloud of coconutty goodness!
Tips for the Best Coconut Cake
After dozens of coconut cakes (and a few hilarious failures), I’ve learned some tricks that’ll take yours from good to “oh-my-gosh-can-I-get-the-recipe” amazing:
Storage and Reheating
This cake stays moist for days if you store it right! Pop it in an airtight container in the fridge – the frosting helps keep it fresh. For the best texture, let slices sit at room temperature for about 20 minutes before serving. That cream cheese frosting needs to wake up a bit, you know? I’ve kept it for 3 days max (though honestly, it never lasts that long in my house).
Extra pro tip: Toast your coconut flakes before adding them to the batter – just 5 minutes in a 350°F oven until golden. The nutty depth it adds is unbelievable! And whatever you do, don’t overmix that batter – a few flour streaks are totally fine. Overworking it makes tough cakes, and we want clouds, not bricks!
Coconut Cake Variations
Oh, the fun part—playing with flavors! Try stirring a tablespoon of lime zest into the frosting for a tropical twist. My adventurous cousin swears by swapping half the coconut milk with mango puree—sounds weird, tastes amazing!
Nutritional Information
Just so you know, these numbers are estimates – your exact slice might vary depending on how generous you are with that frosting! Per serving (about 1/12 of the cake): roughly 450 calories, 25g fat (15g saturated), 50g carbs, and 5g protein. Not exactly health food, but totally worth every delicious bite!
Frequently Asked Questions
Can I use canned coconut milk in this recipe?
Absolutely! Just shake the can really well before measuring – that creamy coconut goodness needs to be evenly mixed. I always use full-fat canned coconut milk for the richest flavor, but the lighter versions work in a pinch too (your cake might be slightly less moist).
How can I make this cake dairy-free?
You’ll need a few swaps, but it’s totally doable! Use dairy-free butter and cream cheese (I like the Miyoko’s brand), and swap the yogurt for coconut yogurt. The coconut milk is already dairy-free, so you’re golden there. Just double-check all your extracts to make sure they don’t contain alcohol derived from dairy.
Can I freeze coconut cake?
Yes! I do it all the time. Wrap unfrosted cake layers tightly in plastic, then foil, and freeze for up to 3 months. Thaw overnight in the fridge before frosting. You can freeze frosted cakes too, but the texture might change slightly – still delicious though!
Why did my cake sink in the middle?
Oh no! Usually this means either the batter was overmixed (developing too much gluten) or the oven temperature was off. An oven thermometer is your best friend here – I learned that the hard way after two sunken cakes in a row!
Share Your Coconut Cake
Now I want to see YOUR coconut cake masterpiece! Snap a photo of that glorious creation and tag me – I live for those crumb shots and frosting swirls. Did you add your own twist? Found a brilliant shortcut? Leave a comment below (I read every single one) or share your baking wins on social media. Nothing makes me happier than seeing this recipe become part of your family traditions too!
For more baking inspiration, check out BestAllTop on Pinterest.
Print
Irresistible Coconut Cake Recipe That Will Steal the Show
- Total Time: 45 minutes
- Yield: 12 slices 1x
- Diet: Vegetarian
Description
A moist and fluffy coconut cake with a rich coconut frosting, perfect for any occasion.
Ingredients
- 2 ½ cups 1:1 GF flour or all-purpose flour
- 1 ¾ cups sugar
- 6 egg whites
- 5 oz unsweetened yogurt or sour cream
- 1 cup coconut milk
- ¾ cup butter, room temperature
- 1 tsp coconut extract
- ½ tsp almond extract (optional)
- 1 tbsp baking powder for GF flour (2 ½ tsp for all-purpose flour)
- ½ tsp baking soda
- 1 tsp kosher salt
- 1 ½ cups sweetened coconut flakes
- 1 ½ cups butter, room temperature (for frosting)
- 4–5 cups powdered sugar (for frosting)
- 1 tsp coconut extract (for frosting)
- 1 tsp vanilla extract (for frosting)
- 8 oz cream cheese, room temperature (for frosting)
- ⅛ cup milk (for frosting)
- Coconut flakes for garnishing
Instructions
- Preheat oven to 350°F (175°C). Grease two 8-inch round cake pans with nonstick spray.
- In a large bowl, beat butter, coconut extract, almond extract (if using), and sugar on high until light and fluffy, about 3 minutes.
- Add egg whites, yogurt, and coconut milk; beat until combined.
- Sift together flour, baking powder, baking soda, and salt in a separate bowl. Add dry ingredients to wet ingredients and mix gently until just combined. Fold in sweetened coconut flakes.
- Divide batter evenly between prepared pans. Bake for 25–30 minutes, or until the tops are golden brown and a toothpick inserted in the center comes out clean.
- Remove from oven and cool cakes completely on wire racks before frosting.
- To make frosting, beat butter, cream cheese, coconut extract, vanilla extract, and milk in a bowl until smooth. Gradually add powdered sugar, starting with 4 cups, adding more as needed to reach desired consistency, and beat until creamy.
- Assemble cake by placing one layer on a cake stand or plate. Spread frosting evenly on top, then place second cake layer on top. Frost top and sides of cake.
- Garnish with additional coconut flakes. Slice and serve.
Notes
- For a stronger coconut flavor, toast the coconut flakes before adding them to the batter.
- Store leftovers in an airtight container in the refrigerator for up to 3 days.
- Prep Time: 15 minutes
- Cook Time: 25–30 minutes
- Category: Dessert
- Method: Baking
- Cuisine: American
Nutrition
- Serving Size: 1 slice
- Calories: 450
- Sugar: 35g
- Sodium: 300mg
- Fat: 25g
- Saturated Fat: 15g
- Unsaturated Fat: 8g
- Trans Fat: 0g
- Carbohydrates: 50g
- Fiber: 2g
- Protein: 5g
- Cholesterol: 60mg