Magnolia Bakery's Devil's Food Cake With Fluffy Coconut Icing Recipe

Indulge in the decadent magic of Magnolia Bakery's famous Devil's Food Cake, now with a dreamy, fluffy coconut icing! This recipe recreates the bakery's beloved cake, resulting in a moist, intensely chocolatey masterpiece topped with a cloud-like coconut frosting. Get ready for a taste of pure heaven!

Prep Time 30 mins
Cook Time 60 mins
Calories 998.8 kcal
Protein 29g
Rating Be the first
Magnolia Bakery's Devil's Food Cake With Fluffy Coconut Icing 26

Recipe Actions

Share this recipe:

Recipe Author

Forktionary editorial kitchen team

The Forktionary Kitchen Team

Adapted from Food.com, then tested & standardized by Forktionary.

Ingredients for Magnolia Bakery's Devil's Food Cake With Fluffy Coconut Icing

Cook Smarter with Sous, Your Kitchen Companion

Missing an ingredient for this Magnolia Bakery's Devil's Food Cake With Fluffy Coconut Icing? Need a perfect wine pairing or a healthy side dish idea? Don't guess—ask Sous! Your AI-powered sous-chef is ready to help you swap ingredients, adjust serving sizes, and discover flavor tips in seconds.

How to Make Magnolia Bakery's Devil's Food Cake With Fluffy Coconut Icing

  1. Preheat oven to 350°F (175°C). Grease and flour two 9-inch round cake pans.
  2. In a large bowl, whisk together the flour, sugar, cocoa powder, baking soda, baking powder, and salt.
  3. In a separate bowl, whisk together the eggs, buttermilk, oil, and vanilla extract.
  4. Gradually add the wet ingredients to the dry ingredients, mixing on low speed until just combined. Do not overmix.
  5. Divide the batter evenly between the prepared cake pans.
  6. Bake for 30-35 minutes, or until a wooden skewer inserted into the center comes out clean.
  7. Let the cakes cool in the pans for 10 minutes before inverting them onto a wire rack to cool completely.
  8. While the cakes are cooling, prepare the coconut icing:
  9. In a large bowl, beat the butter until light and fluffy.
  10. Gradually add the powdered sugar, beating until smooth.
  11. Add the coconut milk and coconut extract, and beat until light and fluffy.
  12. Once the cakes are completely cool, frost the top of one layer with half of the icing.
  13. Top with the second cake layer and frost the entire cake with the remaining icing.

Nutrition Information (Approximate per serving)

Sodium

21 g

Sugar

445g

Fat

116g

Carbs

54g

Recipe Categories (Choose a category and find related recipes!)

Frequently Asked Questions

How long does it take to make Magnolia Bakery's Devil's Food Cake With Fluffy Coconut Icing?

Magnolia Bakery's Devil's Food Cake With Fluffy Coconut Icing takes about 90 minutes from start to finish — roughly 30 minutes to prepare and 60 minutes to cook.

How many calories are in Magnolia Bakery's Devil's Food Cake With Fluffy Coconut Icing?

Magnolia Bakery's Devil's Food Cake With Fluffy Coconut Icing has approximately 998.8 calories per serving, with about 29 g protein, 54 g carbohydrates and 59 g fat.

What ingredients do I need for Magnolia Bakery's Devil's Food Cake With Fluffy Coconut Icing?

The key ingredients for Magnolia Bakery's Devil's Food Cake With Fluffy Coconut Icing are Flour, Baking Powder, Baking Soda, Salt, Unsalted Butter, Light Brown Sugar. See the full list with measurements above.

Reviews

No reviews yet — be the first to share your thoughts on this recipe!

Write a Review