Gluten Free German Chocolate Cake with Coconut Pecan Frosting

This gluten-free German chocolate cake features layers of moist chocolate cake and a rich coconut-pecan frosting that tastes indulgent and satisfying.

A three-layer gluten-free German chocolate cake on a round wooden board with white flowers beside it, with a milk jug and a jar with forks inside in the background.

This recipe was first published on June 16, 2021 and updated on February 23, 2024 with improved notes and tips.

Why You’ll Love This Gluten-Free German Chocolate Cake Recipe

  • Decadent but balanced. The chocolate layers carry a deep cocoa flavor that isn’t overly sweet, which pairs perfectly with the sweet, nutty frosting.
  • Great texture. The cake bakes up moist and tender — you won’t miss the gluten. The frosting adds a silky, slightly crunchy contrast from the coconut and pecans.
  • Allergen-friendly. This version is gluten-free and made without dairy or soy when you use non-dairy substitutions.
  • Impressive but approachable. The assembled cake looks stunning without complicated decorating techniques, so it’s great for special occasions.

Ingredients

The ingredient list is thorough but straightforward. Use quality ingredients for the best flavor and texture.

  • Gluten-free all-purpose flour: Use a 1-to-1 blend that contains xanthan gum.
  • Dutch-processed cocoa powder: Unsweetened.
  • Fine salt: A small amount enhances the chocolate flavor.
  • Baking soda and baking powder: Both help the cake rise and stay tender.
  • Eggs: Use large eggs for the batter and additional yolks for the frosting.
  • Granulated and brown sugar: Both add sweetness and depth.
  • Neutral oil: Avocado or light olive oil works well to keep the cake moist.
  • Non-dairy milk: Almond, oat, or soy milk. A tablespoon is reserved to make a buttermilk substitute with vinegar.
  • Apple cider vinegar: Creates a non-dairy buttermilk when combined with the milk.
  • Hot brewed coffee: Intensifies the chocolate notes without adding a coffee taste.
  • Vanilla extract: Use pure extract or vanilla paste.
  • Vegan butter: Adds richness to the frosting; can be swapped for dairy butter if you prefer.
  • Non-dairy evaporated milk (or canned coconut milk): Adds body to the frosting.
  • Unsweetened coconut: Shredded or desiccated for texture.
  • Pecans: Toast them lightly and chop for the best flavor.
Gluten-free German chocolate cake ingredients measured out into bowls with text overlay.
German chocolate frosting ingredients measured out into bowls and placed on a grey surface with text overlay.

Substitutions

  • If you’re not dairy-free: Use regular buttermilk in place of the non-dairy milk and vinegar method, or mix plain yogurt with whole milk (1:1) to make a buttermilk substitute.
  • Swap vegan butter: Use regular unsalted butter if you prefer dairy.
  • Evaporated milk alternatives: Make your own by gently reducing 1 1/3 cups of non-dairy milk to 1 cup, or use canned coconut milk from a can (not carton).
  • Omit coffee: Replace brewed coffee with hot water; the cake will still be delicious.
  • Egg-free option: For the cake, try a commercial egg replacer designed for baking. For the frosting, add about 1 tablespoon of cornstarch to help thicken if you omit the yolks.
A gluten-free German chocolate cake with a slice being taken out.

How To Make Gluten-Free German Chocolate Cake

Step 1: In a small bowl, combine the non-dairy milk and apple cider vinegar and allow it to curdle to form a buttermilk substitute.

Step 2: In a medium bowl, sift or whisk together the gluten-free flour, Dutch-processed cocoa, salt, baking soda, and baking powder. Set aside.

Step 3: In a large bowl, whisk the eggs with granulated sugar, brown sugar, oil, the non-dairy milk mixture, and vanilla until well combined.

Step 4: Fold the dry ingredients into the wet ingredients until just combined. Stir in the hot brewed coffee until the batter is smooth. Cover and let the batter rest for 30 minutes.

Step 5: Preheat the oven to 340°F (170°C). Grease and line three 6-inch round pans (or two 8-inch pans) with parchment.

Step 6: Divide the batter evenly and bake 32–35 minutes, or until a toothpick inserted in the center comes out clean. Let the cakes cool in the pans for 10 minutes, then transfer to a rack to cool completely.

Step 7: Once cooled, wrap each layer in plastic and chill in the refrigerator or freezer for about an hour to make leveling easier.

Gluten-free German chocolate cake batter in a glass bowl with a whisk inside.
German chocolate cake batter in three 6 inch round cake pans.

Make the German Chocolate Frosting

Step 1: In a saucepan, whisk together the egg yolks and evaporated milk. Add the vegan butter, granulated sugar, brown sugar, vanilla, and a pinch of salt.

Step 2: Cook over medium heat, whisking constantly. When the mixture comes to a boil, continue to whisk and simmer for 5 minutes to thicken.

Step 3: Remove from heat and stir in the shredded coconut and chopped pecans. Allow the frosting to cool completely, then refrigerate for about 30 minutes so it firms up for spreading.

German chocolate frosting mixture being cooked in a saucepan with a bowl of shredded coconut and a bowl of chopped pecans next to it.
Dairy-free German chocolate cake frosting in a saucepan.

Assemble the German Chocolate Cake

Step 1: Trim the domes off the chilled cake layers so each layer is flat and even; aim for roughly 1-inch tall layers.

Step 2: Place the first layer on a cake stand or plate and spread one third of the frosting evenly to the edges.

Step 3: Add the second layer, spread another third of the frosting, then top with the final layer and finish with the remaining frosting. The frosting is rustic by design — no need to smooth the sides perfectly.

A slice of gluten-free German chocolate cake on a white dessert plate with a fork next to it.

Recipe Pro-Tips

  • Chill before leveling: Cold cake layers slice more cleanly. Chill in the fridge or freezer for easier trimming.
  • Level precisely: Use a cake leveler or ruler for even layers; this improves the finished presentation.
  • Add frosting ingredients carefully: When making the frosting, add the egg yolks and sugar into the pan gently to prevent the yolks from forming dry clumps.
  • Fix curdled yolks: If you get browned bits from overcooked yolks, blend the mixture briefly with an immersion blender to smooth it before adding coconut and pecans.
  • Timing: Make the frosting while the cakes cool so both can be chilled and firm before assembly.
  • Even frosting portions: Use an ice cream scoop or measuring cup to portion equal amounts of frosting for between each layer.
An overhead shot of three small white plates with a slice of gluten free German chocolate cake placed on each one.

Storage Directions

  • Refrigerator: Store the assembled cake in the refrigerator for 3–4 days. Cover the cake with plastic wrap or place individual slices in an airtight container.
  • Freezer: Wrap individual slices tightly in plastic wrap or foil and place them in a freezer bag. Freeze for up to 3 months. Thaw in the fridge before serving.
A slice of gluten-free dairy-free German chocolate cake on a white plate with a bite taken out.

FAQs

What is different about German chocolate cake?

German chocolate cake is layered chocolate cake paired with a sweet, textured frosting made from egg yolks, sugar, evaporated milk, coconut, and pecans. The combination is rich, nutty, and distinctly Southern in origin.

What is the frosting on German chocolate cake made of?

Traditional German chocolate frosting combines butter, evaporated milk, granulated and brown sugar, egg yolks, shredded coconut, and chopped pecans. It’s thick and chunky rather than smooth and piped, giving the cake a rustic finish.

Is German chocolate cake a German dessert?

No — the name comes from German’s Sweet Chocolate, a brand created by Samuel German. The cake became popular in the United States and is considered a classic Southern dessert.

A three-layer German chocolate cake on a round white wooden board next to white flowers.

More Chocolate Cakes to Try

  • Try other moist chocolate layer cakes or chocolate-based cupcakes when you want variety.
  • If you prefer brownies or cookies, fudgy gluten-free brownies and double chocolate cookies are excellent alternatives.

I hope you enjoy this Gluten-Free German Chocolate Cake recipe. If you make it, take a photo and share it on social media with your preferred tag.

Gluten-free German chocolate cake on a round white board on a neutral linen.
4.87 from 37 votes

Gluten-Free German Chocolate Cake Recipe

Course: Dessert
Cuisine: American
Prep Time: 1 hour
Cook Time: 35 minutes
Decorating Time: 1 hour
Total Time: 2 hours 35 minutes
Servings: 10 slices
Calories: 656kcal
Author: Ai Willis
A gluten-free German chocolate cake with moist chocolate layers and a classic coconut-pecan frosting.

Ingredients

Chocolate cake

  • 2 cups gluten-free 1-to-1 flour
  • ¾ cup Dutch-processed cocoa powder
  • 1 teaspoon fine salt
  • 2 teaspoons baking soda
  • 1 teaspoon baking powder
  • 2 large eggs
  • 1 cup granulated sugar
  • 1 cup brown sugar
  • ½ cup oil
  • 1 cup non-dairy milk (reserve 1 tablespoon)
  • 1 tablespoon apple cider vinegar
  • 1 cup brewed coffee
  • 2 teaspoons vanilla extract

Frosting

  • 1 stick vegan butter
  • ½ cup granulated sugar
  • ½ cup brown sugar
  • 3 egg yolks
  • 1 cup non-dairy evaporated milk
  • 2 teaspoons vanilla extract
  • 1½ cups unsweetened coconut
  • 1 cup chopped pecans
  • ⅛ teaspoon fine salt

Instructions

Chocolate cake

  1. Stir non-dairy milk and apple cider vinegar in a small bowl and let it curdle.
  2. Sift together flour, cocoa powder, salt, baking soda, and baking powder and set aside.
  3. Whisk eggs, granulated sugar, brown sugar, oil, the milk mixture, and vanilla in a large bowl.
  4. Add the dry ingredients and mix until just combined. Stir in the hot coffee until smooth. Cover and rest for 30 minutes.
  5. Preheat oven to 340°F (170°C). Grease and line three 6-inch pans (or two 8-inch pans).
  6. Divide batter and bake 32–35 minutes. Cool 10 minutes in pans, then transfer to a rack to cool completely.
  7. Wrap layers and chill for about an hour before trimming and assembling.

Frosting

  1. Whisk egg yolks and evaporated milk in a saucepan. Add butter, granulated sugar, brown sugar, vanilla, and salt.
  2. Cook over medium heat, whisking constantly. After it boils, continue whisking for 5 minutes to thicken.
  3. Remove from heat and stir in coconut and pecans. Cool completely, then chill for 30 minutes before using.

Assembly

  1. Trim the domes from the chilled layers so they are flat and even.
  2. Place a layer on a plate, spread one third of the frosting to the edges.
  3. Repeat with the remaining layers and frost the top. Leave the sides rustic for a classic look.

Notes

How to make homemade evaporated milk: Simmer 1⅓ cups of non-dairy milk in a small pot until reduced to about 1 cup, stirring occasionally to prevent scorching.

Evaporated milk substitute: Canned coconut milk from a can makes a thick, rich alternative to evaporated milk.



Love this recipe?
Snap a photo and share your results on social media with your preferred tag.

Nutrition

Serving: 1slice
|
Calories: 656kcal
|
Carbohydrates: 91g
|
Protein: 8g
|
Fat: 33g
|
Sodium: 583mg