• Skip to main content
  • Skip to primary sidebar
  • Skip to footer

Bake It With Love

  • Easter
  • Recipe Index
  • About
  • Cookbooks
  • Subscribe
menu icon
go to homepage
subscribe
search icon
Homepage link
  • Easter
  • Recipe Index
  • About
  • Cookbooks
  • Subscribe
×
Home » Recipes » Cake Recipes

Last Updated: Mar 11, 2023 by Angela Latimer · 3 Comments

Coconut Loaf Cake

Jump to Recipe
Best coconut loaf cake recipe pin with sliced cake on plate and text title overlay.

This coconut loaf cake is an airy, tender, moist springtime cake topped with a sweet coconut glaze! It's an easy-to-make one-bowl loaf cake recipe that's completely holiday-worthy! Enjoy it for brunch, Easter Sunday, or any other day when you are craving some tropical flavors!

Tender coconut loaf cake is an easy dessert that's holiday worthy for serving up tasty slices like these iced slices.
This coconut loaf cake is ridiculously moist, tender, and oh-so-delicious!
Jump to:
  • Best Coconut Cake Recipe
  • 🥘 Ingredients
  • 🔪 How To Make A Coconut Loaf Cake
  • Top With the Coconut Glaze
  • 💭 Angela's Pro Tips & Recipe Notes
  • 🥡 Storing
  • ❓ Recipe FAQs
  • 🍰 More Delicious Cake Recipes
  • 📖 Recipe Card
  • 💬 Comments & Reviews

Best Coconut Cake Recipe

Something about the warmer weather makes me want to indulge in light tropical flavors, and this coconut cake definitely fits the bill! It is unbelievably soft and tender and full of sweet coconut flavor!

I would even go as far as to say that this delicious cake should really be added to your holiday dessert tables (yes, it is that good)! In fact, I'm planning to serve it this Easter in my home and I know your family would love it, too!

🥘 Ingredients

In addition to staple household baking ingredients, you'll need some shredded coconut and coconut milk for this yummy cake! Both can be found in the baking aisle of your grocery store.

Coconut Loaf Cake

  • Butter - 1 cup of room temperature butter. Having butter that is softened to room temperature will help it to cream together with the sugar properly!
  • Sugar - 1½ cups of white granulated sugar.
  • Eggs - 3 large room-temperature eggs. Having your eggs at room temperature will help the loaf cake bake quickly and evenly.
  • Vanilla - 1 teaspoon of pure vanilla extract. Pure vanilla extract just adds so much more flavor than the imitation version!
  • Almond Extract - ½ teaspoon of pure almond extract. If you have coconut extract, you can use that instead.
  • Salt - 1 teaspoon of salt. This will balance the flavors as well as enhance the sweetness!
  • Baking Powder - ½ teaspoon of baking powder as a leavening agent.
  • Flour - 1¾ cups of all-purpose flour, spooned and leveled. You can also use cake flour for an even more tender, moist cake crumb.
  • Coconut Milk - ½ cup of unsweetened coconut milk. You'll want the canned kind, as it is thicker and richer (rather than the kind from a carton).
  • Shredded Coconut - 1 cup of sweetened shredded coconut.

Coconut Glaze

  • Confectioners' Sugar - 1 cup of confectioners' sugar (or powdered sugar).
  • Coconut Milk - ⅓ cup of canned, unsweetened coconut milk. This is the same kind of coconut milk that was used in the cake itself.
  • Vanilla - 1 teaspoon of pure vanilla extract.
  • Shredded Coconut (optional) - ½ cup of sweetened shredded coconut for topping.

*Be sure to see the free printable recipe card below for ingredients, exact amounts & instructions with tips!*

🔪 How To Make A Coconut Loaf Cake

The hardest part of this cake is waiting for it to come out of the oven! Of course, I highly recommend adding the optional shredded coconut on top of the cake for the best experience!

You'll need a loaf pan, stand mixer, silicone spatula, and a mixing bowl to get started. This recipe will yield one loaf cake, which can be cut into 12 servings!

Make the Coconut Loaf Cake

Coconut loaf cake process photo 1 add softened butter and sugar to mixing bowl.
Coconut loaf cake process photo 2 creamed butter and sugar.
Coconut loaf cake process photo 3 add the eggs one at a time.
Coconut loaf cake process photo 5 add the salt, vanilla extract, almond extract, and baking powder.
Coconut loaf cake process photo 7 add flour and unsweetened coconut milk gradually.
Coconut loaf cake process photo 8 mix until combined.
Coconut loaf cake process photo 9 add shredded sweetened coconut.
Coconut loaf cake process photo 10 fold into the cake batter.
  1. Preheat. Preheat your oven to 350°F (175°C) and prepare a loaf pan by lining it with a strip of parchment paper and some butter.
  2. Cream. Use a stand mixer to cream together 1 cup of butter and 1½ cups of granulated sugar at medium-high speed until light and fluffy, about 3 minutes.
  3. Mix. Add 3 eggs, one at a time, mixing well between each. Then, add 1 teaspoon of vanilla extract, ½ teaspoon of almond extract, ½ teaspoon of baking powder, and 1 teaspoon of salt and mix well. *Stop to scrape down the bottom and sides of the mixing bowl with a spatula as needed.
  4. Finish the dough. Reduce the speed to low, and gradually alternate between adding small amounts of the flour (1¾ cups total) and coconut milk (½ cup total) until they both have been fully incorporated. Then, stir in 1 cup of shredded coconut.
  5. Bake. Pour the batter into the prepared loaf pan and use a silicone spatula to spread the top evenly. Bake in the oven at 350°F (175°C) for 1-1½ hours, or until the top has turned golden and a toothpick inserted into the middle comes out almost clean.

Top With the Coconut Glaze

Coconut loaf cake process photo 11 transfer the coconut cake batter into your prepared loaf pan.
Coconut loaf cake process photo 12 bake until golden and allow to cool.
Coconut loaf cake process photo 13 mix the icing then top the cake.
Coconut loaf cake process photo 14 add more shredded sweetened coconut for the best coconut loaf cake.
  1. Whisk. In a small mixing bowl, whisk together 1 cup of confectioners' sugar, ⅓ cup of coconut milk, and 1 teaspoon of vanilla extract until well combined.
  2. Pour. Pour the glaze over the loaf cake when it has been out of the oven for 10-15 minutes.
  3. Top and cool. Sprinkle ½ cup of shredded coconut over the top, if desired. Allow the cake to cool before slicing and serving.

This amazing coconut loaf cake is perfect, just how it is! Serve it alongside a Bahama Mama, Bay Breeze cocktail, or a Pina Colada mocktail, and then get ready to relax! Enjoy!

💭 Angela's Pro Tips & Recipe Notes

  • The cooking time for this loaf cake can vary based on the material of the loaf pan you are using! Don't worry if your cake is not done at the 1½ hour mark, as it could take up to 2 hours to finish baking, depending on your oven and pan! Just check it with a toothpick to see if it is done. 
  • If the top of your cake is browning too much but isn't done baking, you can cover the top with some foil and finish baking. 
  • Leave some excess parchment paper hanging out of your loaf pan for easy removal!
  • Choose canned coconut milk (as opposed to the kind in the carton) since it has a higher fat content and is thicker. 
  • You can serve your loaf cake by either removing it from the pan, placing it onto a serving platter, and pouring the glaze over the top, or by keeping it in the loaf pan, pouring on the glaze, and serving it straight from the pan itself. 
Coconut loaf cake slices served on a blue floral plate with a fork on the side.

🥡 Storing

Keep any leftover coconut loaf cake in an airtight container at room temperature for up to 3 days. 

You can also freeze this cake before adding the glaze. Let it cool completely before wrapping it in a double layer of plastic wrap and then one layer of heavy-duty aluminum foil. Then, it can be frozen for up to 3 months.

>>>>See all of my recipes here<<<<

❓ Recipe FAQs

What Is The Difference Between A Loaf Cake And A Regular Cake?

As the name implies, a loaf cake is baked in a loaf pan while a traditional cake can be baked in a sheet pan, a baking dish, or in round cake pans. However, the recipes vary as well! While they share a lot of common ingredients, the ratios of fat, sugar, and flour are different.

Why Did My Loaf Cake Sink In The Middle?

If you pulled your loaf cake out of the oven only to return and find that the center had sunk while it cooled, your cake was underbaked. Make sure you test your cake for doneness using a toothpick or knife. Insert it into the center of the cake and when removed, it should only have a few crumbs on it (and no raw batter).

When Can I Take My Loaf Cake Out Of The Pan?

If you want to remove your coconut loaf cake from the pan for serving, make sure you let it sit for at least 10 minutes before doing so. If you try to remove it from the pan as soon as it comes out of the oven, it could fall apart because it is extra tender.

Coconut loaf cake overhead image with slices cut away and one laid down on wooden cutting board with scattered shredded sweetened coconut around the cake.

🍰 More Delicious Cake Recipes

  • Sweet Potato Coffee Cake - A sweet and delicious cake that can be enjoyed any time of the day!
  • Dutch Apple Cake - Tender vanilla cake is topped with cinnamon-coated apples and then baked!
  • Mandarin Orange Cake - A fluffy cake that is loaded with citrus flavor and is super easy to make!
  • Pineapple Upside Down Bundt Cake - Yellow cake is infused with pineapple juice and then baked on top of pineapple slices and maraschino cherries!
  • Pineapple Sunshine Cake - This cake is packed with crushed pineapple and topped with a light whipped topping!
  • Carrot Cake - Another Easter favorite, this classic cake is coated with homemade cream cheese frosting!

Do you love a recipe you tried? Please leave a 5-star 🌟rating in the recipe card below and/or a review in the comments section further down the page.
Stay in touch with me through social media @ Pinterest, Facebook, Instagram, or Twitter! Subscribe to the newsletter today (no spam, I promise)! Don't forget to tag me when you try one of my recipes!

📖 Recipe Card

Coconut loaf cake slices served on a blue floral plate with a fork on the side.
Print Recipe Leave A Comment
Love This Recipe?Click On A Star To Rate It!
5 from 34 reviews

Coconut Loaf Cake

This coconut loaf cake is an airy, tender, moist springtime cake topped with a sweet coconut glaze! It's an easy-to-make one-bowl loaf cake recipe that's completely holiday-worthy! Enjoy it for brunch, Easter Sunday, or any other day when you are craving some tropical flavors!
Author | Angela Latimer
Servings: 12 servings
Calories: 426kcal
Prep 10 minutes minutes
Cooking 1 hour hour 30 minutes minutes
Total Time 1 hour hour 40 minutes minutes
Pin Recipe Share on Facebook

Ingredients
 

Coconut Loaf Cake

  • 1 cup butter (room temperature)
  • 1½ cups sugar
  • 3 large eggs (at room temperature)
  • 1 teaspoon vanilla extract
  • ½ teaspoon almond extract
  • 1 teaspoon salt
  • ½ teaspoon baking powder
  • 1¾ cups all-purpose flour (spooned and leveled)
  • ½ cup coconut milk (unsweetened)
  • 1 cup shredded coconut (sweetened)

Coconut Glaze

  • 1 cup confectioners sugar
  • ⅓ cup coconut milk (unsweetened)
  • 1 teaspoon vanilla extract
  • ½ cup shredded coconut (sweetened, optional for topping)

(Note: 2x or 3x only changes the ingredient list)

Help Us Out!If you love a recipe, be sure to come back and share your ratings. This helps future users, and allows me to continue sharing free recipes! Angela

Instructions
 

Make the Coconut Loaf Cake

  • Preheat your oven to 350°F (175°C) and prepare a loaf pan by lining it with a strip of parchment paper and some butter.
  • Use a stand mixer to cream together the butter and granulated sugar at medium-high speed until light and fluffy, about 3 minutes.
  • Add the eggs, one at a time, mixing well in between each one. Then, add the vanilla extract, almond extract, baking powder, and salt and mix well. *Stop to scrape down the bottom and sides of the mixing bowl as needed.
  • Reduce the speed to low, and gradually alternate between adding small amounts of the flour and coconut milk until they both have been fully incorporated. Then, stir in the shredded coconut.
  • Pour the batter into the prepared loaf pan and use a silicone spatula to evenly spread out the top. Bake in the oven at 350°F (175°C) for 1-1½ hours, or until the top has turned a golden color and a toothpick inserted into the middle comes out almost clean.

Top With the Coconut Glaze

  • In a small mixing bowl, whisk together the confectioners' sugar, coconut milk, and vanilla extract until well combined.
  • Pour the glaze over the loaf cake when it has been out of the oven for 10-15 minutes.
  • Sprinkle more shredded coconut over top, if desired. Allow the cake to cool before slicing and serving.

Notes

  • The cooking time for this loaf cake can vary based on the material of the loaf pan you are using! Don't worry if your cake is not done at the 1½ hour mark, as it could take up to 2 hours to finish baking depending on your oven and pan! Just make sure to check it with a toothpick to see if it is done. 
  • If the top of your cake is browning too much, but it isn't done baking, you can cover the top with some foil and finish baking. 
  • Leave some excess parchment paper hanging out of your loaf pan for easy removal!
  • Choose canned coconut milk (as opposed to the kind in the carton) since it has a higher fat content and is thicker. 
  • You can serve your loaf cake by either removing it from the pan, placing it onto a serving platter, and pouring the glaze over top, or by keeping it in the loaf pan, pouring on the glaze, and serving it straight from the pan itself. 
  • To store: Keep any leftover coconut loaf cake in an airtight container at room temperature for up to 3 days. 
  • To freeze: You can freeze this cake before adding the glaze. Simply let it cool completely before wrapping it in a double layer of Saran wrap and then one layer of foil. It can be frozen for up to 3 months. 

Nutrition

Calories: 426kcal (21%) | Carbohydrates: 53g (18%) | Protein: 4g (8%) | Fat: 23g (35%) | Saturated Fat: 15g (94%) | Polyunsaturated Fat: 1g | Monounsaturated Fat: 5g | Trans Fat: 1g | Cholesterol: 87mg (29%) | Sodium: 356mg (15%) | Potassium: 120mg (3%) | Fiber: 1g (4%) | Sugar: 38g (42%) | Vitamin A: 540IU (11%) | Vitamin C: 0.2mg | Calcium: 26mg (3%) | Iron: 2mg (11%)
Did you try this recipe? Rate it below!I can’t wait to see your results! Mention @bake_it_with_love or tag #bake_it_with_love!
Course Brunch Recipes, Cake Recipes, Dessert, Dessert Recipes, Loaf Cakes
Cuisine American
« Types Of Ham
Porketta Seasoning »

Share This Recipe!

  • Share
  • X
  • Flipboard
  • Threads
  • WhatsApp
  • Email

Reader Interactions

Comments

    5 from 34 votes (32 ratings without comment)

    Thanks for coming! Ask anything - or let me know what you think: Cancel reply

    Your email address will not be published. Required fields are marked *

    Recipe Rating




    This site uses Akismet to reduce spam. Learn how your comment data is processed.

  1. Angie says

    December 19, 2023 at 10:47 am

    5 stars
    This was so delicious and easy that I made it for the holiday baking season as a change to the usual cookies. Can't say enough good things about how this coconut cake turns out. Thanks.

    Reply
  2. Edwin says

    March 18, 2023 at 2:57 pm

    5 stars
    Will try your coco loaf cake.Also, explore, Try experimenting coconut pie.
    Same ingredients, but if you can buy a fresh coconut imported from Thailand, in Asian Store the better. Or you can use canned also sold in Asian store.

    Reply
  3. Pamela Stanley says

    March 11, 2023 at 11:45 am

    This sounds delicious. It’s only my husband and I and coconut cake is one of our favorites and this will be ideal. I will be making this real soon.

    Reply

Primary Sidebar

Best coconut loaf cake recipe pin with sliced cake on plate and text title overlay.
Author bio photo with cake.

Hi there, I'm Angela

I am an avid vintage cookbook collector, cook, baker, and total foodie. I love sharing new, fun, creative recipes and great classic recipes, just like my Grandma used to make! Every recipe on BIWL is tested to ensure that cooks of any experience level can succeed.

Welcome to Bake It With Love. Enjoy!

More About Me ->

Cinco De Mayo Recipes

  • Best homemade CRUMBL churro cookies baked and decorated and served on a plate with some cinnamon sticks next to them.
    CRUMBL Churro Cookies
  • Flavorful guacamole seasoning is best when homemade like this easy DIY spice blend in white bowl.
    Guacamole Seasoning
  • Square image of prime rib quesaritos.
    Prime Rib Quesaritos
  • Best albondigas tacos recipe using hearty Mexican meatballs in a savory tomato and chipotle chili sauce.
    Albondigas Tacos
  • Square image of sliced Arrachera steak on a cutting board.
    Arrachera (Mexican Steak for Tacos)
  • Square split image showing different Mexican casserole recipes to make.
    Mexican Casseroles
See more Cinco De Mayo →

Tasty Dinner Ideas

  • A square collage of four images showing easy summer crockpot meals including tender London broil pot roast, green beans and potatoes, grape jelly meatballs, and pork carnitas tacos.
    Summer Crockpot Meal Ideas
  • Panda Express honey sesame chicken copycat recipe plated with rice and garnished with more white sesame seeds.
    Panda Express Honey Sesame Chicken
  • A square image showing a bowl of tender wok fried marinated chicken with celery, onions, and black pepper sauce.
    Panda Express Black Pepper Chicken
  • Best leftover lobster recipes page image featuring four favorite dishes in a square collage.
    Leftover Lobster Recipes
  • Square collage image featuring 4 tasty recipes using leftover hard boiled eggs.
    Leftover Hard Boiled Eggs Recipes
  • Spider taco ring on baking sheet with taco toppings in the body and sliced olives for eyes.
    Spider Taco Crescent Ring
See more Main Dish →

Footer

Best coconut loaf cake recipe pin with sliced cake on plate and text title overlay.

As Seen On

As seen on these popular sites: Mashed, Tasting Table, Parade, MSN, Yahoo, Delish, The Pioneer Woman, Today, Taste of Home, and more.

↑ back to top

About

  • Meet The Team
  • Photo Sharing
  • Privacy Policy
  • Work With Me
  • Accessibility Statement

Recipes

  • Dinners
  • Desserts
  • Breakfasts
  • Cookies & Bars
  • Videos
  • Articles

AI-Free

Everything on Bake It With Love is created by me, where I share my experiences, with help from my team members and family.

I promise that BIWL is 100% free of AI content.

Get Social

Visit us on your favorite social media platforms!

Copyright © 2016-2025 Bake It With Love

Rate This Recipe

Your vote:




Let us know what you thought of this recipe:

This worked exactly as written, thanks!
My family loved this!
Thank you for sharing this recipe

Or write in your own words:

A rating is required
A name is required
An email is required

Recipe Ratings without Comment

Something went wrong. Please try again.