Illustration of a smiling grandma in a chef hat and apron, holding a wooden spoon, with the text GrandmaRecipe.com below her.Search

dessert

Chocolate Coconut Cake

By Grandma Millie

Be the first to rate this recipe

A two-layer chocolate coconut cake with chocolate frosting and shredded coconut on top, set on a wooden table.

Chocolate coconut cake combines rich chocolate flavor with the light, tropical sweetness of coconut in one irresistibly moist dessert. Tender cake layers made with coconut milk create a soft texture, while a smooth chocolate frosting adds deep, indulgent flavor. A sprinkle of coconut flakes on top brings gentle crunch and extra coconut aroma, balanced by warm notes of vanilla. Simple ingredients and easy steps make chocolate coconut cake perfect for celebrations or everyday treats when you want something comforting, flavorful, and a little special.

Prep: 20 mins
Cook: 35 mins
Total: 1 hr 5 mins
Serves: 12 servings
Calories: 350

Recipe card

Print / PDF

Chocolate Coconut Cake

Rate this recipe

Be the first to rate

Prep Time
20 mins
Cook Time
35 mins
cooling
10 mins
Total Time
1 hr 5 mins
Servings: 12 servings
Course: Dessert
Cuisine: American
Calories: 350

Ingredients

  • 2 cups all-purpose flour (for the cake's structure)
  • 1.75 cups granulated sugar (to add sweetness)
  • 0.75 cups unsweetened cocoa powder (for rich chocolate flavor)
  • 1.5 teaspoons baking powder (helps the cake rise)
  • 1.5 teaspoons baking soda (adds leavening power)
  • 1 teaspoon salt (enhances flavors)
  • 2 large eggs (binds the ingredients)
  • 1 cup buttermilk (keeps the cake moist)
  • 0.5 cups vegetable oil (adds moisture and richness)
  • 2 teaspoons vanilla extract (for a hint of flavor)
  • 1 cup hot coffee or hot water (intensifies chocolate flavor)
  • 1 cup sweetened shredded coconut (adds texture and flavor)
  • 1 can (13.5 oz) coconut milk (for creamy coconut richness)

Equipment

  • 2 9-inch round cake pansGreased and floured for easy removal
  • 1 Large mixing bowlFor mixing dry ingredients
  • 1 whiskFor combining wet ingredients
  • 1 SpatulaFor folding in coconut

Method

  1. 1

    Preheat your oven to 350°F (175°C). Grease and flour two 9-inch round cake pans to ensure your cake comes out easily.

  2. 2

    In a large bowl, sift together the flour, sugar, cocoa powder, baking powder, baking soda, and salt. This will help create a light and fluffy cake.

  3. 3

    In another bowl, whisk together the eggs, buttermilk, oil, vanilla, and coconut milk until everything is well blended and smooth.

  4. 4

    Gradually add the wet ingredients to the dry ingredients. Mix until the batter is smooth and well combined.

  5. 5

    Stir in the hot coffee (or hot water) until the batter is thin and well combined. This will enhance the chocolate flavor.

  6. 6

    Gently fold in the shredded coconut, making sure it’s evenly distributed throughout the batter.

  7. 7

    Divide the batter evenly between the prepared pans. Bake for 30–35 minutes or until a toothpick inserted into the center comes out clean.

  8. 8

    Allow the cakes to cool in the pans for 10 minutes. Then, transfer them to wire racks to cool completely.

  9. 9

    Frost with your favorite chocolate or coconut frosting. Sprinkle extra coconut on top if desired. Enjoy your delicious chocolate coconut cake!

Notes

NutrientAmount per Serving
Calories350
Fat15g
Protein5g
Carbs50g
Sugar30g

Why You’ll Love This chocolate coconut cake

  • Indulge in a rich, moist texture that melts in your mouth.
  • Enjoy the delightful combination of chocolate and coconut flavors.
  • Perfect for any occasion, from birthdays to casual get-togethers.
  • Easy to make, even for beginner bakers!
  • Impress your friends and family with this decadent dessert.

Ingredients

Gather these delightful ingredients to create a moist and delicious chocolate coconut cake!

A variety of ingredients for chocolate coconut cake displayed on a kitchen table, including flour, sugar, cocoa powder, eggs, and coconut milk.
  • 2 cups all-purpose flour – for the cake’s structure
  • 1¾ cups granulated sugar – to add sweetness
  • ¾ cup unsweetened cocoa powder – for rich chocolate flavor
  • 1½ teaspoons baking powder – helps the cake rise
  • 1½ teaspoons baking soda – adds leavening power
  • 1 teaspoon salt – enhances flavors
  • 2 large eggs – binds the ingredients
  • 1 cup buttermilk – keeps the cake moist
  • ½ cup vegetable oil – adds moisture and richness
  • 2 teaspoons vanilla extract – for a hint of flavor
  • 1 cup hot coffee or hot water – intensifies chocolate flavor
  • 1 cup sweetened shredded coconut – adds texture and flavor
  • 1 can (13.5 oz) coconut milk – for creamy coconut richness

How to Make chocolate coconut cake

This delightful chocolate coconut cake is a treat for any occasion! With a preparation time of 20 minutes, a cooking time of 30–35 minutes, and a cooling time of about 10 minutes, you’ll have a moist and decadent dessert ready to impress your friends and family.

Step-by-step process of making chocolate coconut cake, including preheating the oven, mixing dry and wet ingredients, and folding in coconut.

Step 1: Preheat the Oven

Preheat your oven to 350°F (175°C). Grease and flour two 9-inch round cake pans to ensure your cake comes out easily.

Step 2: Mix Dry Ingredients

In a large bowl, sift together the flour, sugar, cocoa powder, baking powder, baking soda, and salt. This will help create a light and fluffy cake.

Step 3: Combine Wet Ingredients

In another bowl, whisk together the eggs, buttermilk, oil, vanilla, and coconut milk until everything is well blended and smooth.

Step 4: Mix Wet and Dry Ingredients

Gradually add the wet ingredients to the dry ingredients. Mix until the batter is smooth and well combined.

Step 5: Add Coffee

Stir in the hot coffee (or hot water) until the batter is thin and well combined. This will enhance the chocolate flavor.

Step 6: Fold in Coconut

Gently fold in the shredded coconut, making sure it’s evenly distributed throughout the batter.

Step 7: Divide and Bake

Divide the batter evenly between the prepared pans. Bake for 30–35 minutes or until a toothpick inserted into the center comes out clean.

Step 8: Cool the Cakes

Allow the cakes to cool in the pans for 10 minutes. Then, transfer them to wire racks to cool completely.

Step 9: Frost and Serve

Frost with your favorite chocolate or coconut frosting. Sprinkle extra coconut on top if desired. Enjoy your delicious chocolate coconut cake!

Recipe Snapshot

FeatureDetails
CategoryDessert
CuisineAmerican
Prep Time20 minutes
Cook Time35 minutes
Extra Time10 minutes (cooling)
Total Time65 minutes
DietaryVegetarian
Serves12
Best ServedWith chocolate or coconut frosting

Pro Tips for Making chocolate coconut cake

  • Use unsweetened coconut for a rich flavor.
  • Let the cake cool completely before frosting.
  • Incorporate coconut milk for added moisture.
  • Experiment with dark chocolate for a deeper taste.
  • Store leftovers in an airtight container to keep it fresh.

How to Serve this chocolate coconut cake

  • Top with a dollop of whipped coconut cream for extra richness.
  • Serve alongside fresh berries for a fruity contrast.
  • Pair with a scoop of vanilla or coconut ice cream for a delightful treat.
  • Drizzle with chocolate sauce for an indulgent finish.
  • Enjoy with a cup of hot cocoa or a creamy coconut latte.

Make Ahead and Storage

You can make this cake ahead and store it easily:

Storing Leftovers

  • Allow the cake to cool completely.
  • Wrap it tightly in plastic wrap.
  • Store in an airtight container at room temperature for up to 3 days.
  • For longer storage, refrigerate for up to a week.

Freezing

  • Wrap the cooled cake in plastic wrap and then in aluminum foil.
  • Label with the date and type of cake.
  • Freeze for up to 3 months for best quality.
  • Thaw in the refrigerator overnight before serving.

Reheating

  • Preheat your oven to 350°F (175°C).
  • Place the cake on a baking sheet.
  • Cover loosely with aluminum foil to prevent drying.
  • Heat for about 10-15 minutes or until warmed through.

Explore more easy breakfast recipes, quick lunch ideas, cozy dinner meals, tasty snacks, and delightful dessert.

Final Thoughts

We hope you’re as excited to bake this chocolate coconut cake as we are! It’s a delightful treat that’s simple to whip up and oh-so-rewarding. Picture the rich chocolate mingling with the sweet coconut—pure bliss! So gather your ingredients, get baking, and enjoy every delicious bite. Happy baking, friend!

Quick answers

Frequently asked questions

Straight answers from the kitchen — storage, swaps, and common sticking points for this recipe.

What coconut cake does Tom Cruise order?
Tom Cruise is known to enjoy a classic coconut cake, particularly a version that features layers of fluffy coconut frosting and moist cake. While he may not have a specific favorite, many fans speculate that he appreciates cakes that highlight the rich flavor of coconut, similar to a chocolate coconut cake!
Why does German chocolate cake have coconut?
German chocolate cake is famous for its rich chocolate layers and sweet coconut frosting. The addition of coconut is a nod to the cake’s origins, as it was named after an American named Samuel German, who created a dark-baking chocolate. The coconut adds a delightful texture and flavor that complements the chocolate beautifully, making it a beloved dessert!
What is the 1234 cake rule?
The 1234 cake rule is a simple guideline for baking a basic cake. It refers to the ratio of ingredients: 1 cup of butter, 2 cups of sugar, 3 cups of flour, and 4 eggs. This rule can be a great starting point for creating various cakes, including a chocolate coconut cake, by simply adding cocoa powder and shredded coconut to the mix!

Kitchen notes

Nutrition & sources

Calorie and nutrition figures on this page are estimates meant for general home-cooking guidance. Actual values vary with brands, portion size, and how the recipe is prepared.

Estimates draw on typical ingredient data from public nutrition databases such as the USDA FoodData Central. They are not a substitute for professional medical or dietary advice.

For how recipes are tested and when pages are updated, see How we test recipes. Full legal context lives in our disclaimers and affiliate disclosure.

Comments

Made this recipe? Share how it turned out for your family.

No comments yet — be the first to leave a note.

More to cook

Related Dessert recipes

More cozy favorites from the same kitchen shelf.

Browse all dessert
A plate of golden-brown fruit pastries filled with mixed fruits, garnished with sugar.

dessert

Fruit Pastry

Fruit pastry shines with golden, flaky layers wrapped around a colorful mix of ripe berries and tender fruit slices. Sweet strawberries, tart raspberries, and juicy peaches blend with a touch of vanilla and a splash of fresh orange juice for a filling that’s vibrant and naturally sweet. As it bakes, the buttery crust turns crisp and fragrant, filling your kitchen with warm, bakery-style aromas. Simple to prepare just roll, fill, and bake this easy fresh fruit pastry is perfect for brunch spreads, afternoon treats, or last-minute desserts. Every slice delivers bright fruit flavor, delicate crunch, and pure homemade comfort.

Continue reading →

A star-shaped cake on a white stand, decorated with colorful sprinkles.

dessert

Star Cake

Star cake brings a touch of magic to any dessert table with its soft vanilla crumb and bright hint of lemon zest. Fresh from the oven, star cake fills the kitchen with warm, sweet aromas that draw everyone in for a slice. A swirl of smooth buttercream frosting adds creamy richness, while the light, moist texture makes each bite feel special. Perfect for celebrations or simple family moments, star cake is an easy yet eye-catching treat that turns everyday baking into something memorable.

Continue reading →