Ugly Duckling Cake with Coconut Pecan Topping

Ugly duckling cake is proof that delicious desserts don’t always have to be beautiful. It comes out of the oven a little lumpy, a little craggy, with a coconut-pecan topping that bubbles and slumps wherever it likes. Cut it into squares, though, and you get a tender golden cake under a chewy, caramel-ish crust that people go back for twice.

This version uses a simple one-bowl vanilla cake and a stovetop topping you spread over the cake while it’s still warm. It serves 12 to 15, travels well, and doesn’t need a mixer if you don’t feel like dragging one out.

Why This Ugly Duckling Cake Works

• The cake is plain on purpose. A soft, buttery vanilla crumb is the right backdrop for a rich topping, so nothing competes.
• The topping soaks in. Spreading it over a warm cake lets some of the buttery sugar sink into the top layer, which keeps every square moist.
• It’s a one-pan dessert. A 9×13 dish, one saucepan and a bowl are all you need.
• It’s forgiving. If the topping looks uneven or the edges brown unevenly, nobody will mind. That’s kind of the point.

Ingredients for Ugly Duckling Cake

Everything here is pantry-friendly. Take the butter and eggs out of the fridge about 30 minutes ahead so the batter mixes smoothly.

For the Cake

• 2 cups (250 g) all-purpose flour
• 1 1/4 cups (250 g) granulated sugar
• 2 teaspoons baking powder
• 1/2 teaspoon fine salt
• 3 large eggs, at room temperature
• 1/2 cup (115 g) unsalted butter, melted and slightly cooled
• 1 cup (240 ml) whole milk, at room temperature
• 2 teaspoons pure vanilla extract

For the Coconut Pecan Topping

• 1/2 cup (115 g) unsalted butter
• 3/4 cup (150 g) packed light brown sugar
• 1/3 cup (80 ml) evaporated milk
• 1 teaspoon pure vanilla extract
• 1/4 teaspoon fine salt
• 1 1/2 cups (130 g) sweetened shredded coconut
• 1 cup (115 g) pecans, roughly chopped

How to Make Ugly Duckling Cake

Bake the Cake

1. Heat the oven and prep the pan. Set the rack in the middle and preheat to 350°F (175°C). Grease a 9×13-inch baking dish well, then line the bottom with parchment if you’d like easier squares later.
2. Mix the dry ingredients. Whisk the flour, sugar, baking powder and salt together in a large bowl.
3. Mix the wet ingredients. In a second bowl, whisk the eggs until smooth, then whisk in the melted butter, milk and vanilla.
4. Combine. Pour the wet mixture into the dry and stir with a spatula just until no dry flour remains. A few small lumps are fine. Overmixing makes the cake tough.
5. Bake. Scrape the batter into the dish, smooth the top and bake for 28 to 32 minutes, until the top is lightly golden and a toothpick in the center comes out clean or with a few dry crumbs.

Make and Add the Topping

6. Start the topping while the cake bakes. In a medium saucepan over medium heat, melt the butter. Stir in the brown sugar, evaporated milk and salt, and bring to a gentle bubble. Cook for about 2 minutes, stirring, until the sugar dissolves and the mixture looks smooth.
7. Add the rest. Take the pan off the heat and stir in the vanilla, coconut and pecans until everything is evenly coated. It will look thick and spoonable.
8. Switch the oven to broil. When the cake comes out, move the rack so the dish will sit about 6 inches from the heating element and turn the broiler to high.



ADVERTISEMENT

9. Spread the topping. While the cake is still hot, dot the topping over the surface in spoonfuls and spread it gently to the edges with a spatula. Don’t worry about perfect coverage; it will spread a little more as it heats.
10. Broil until golden. Slide the dish under the broiler for 2 to 4 minutes, watching closely. You want the coconut tips toasted and the topping bubbling. Coconut goes from golden to burnt quickly, so don’t walk away.
11. Cool and cut. Let the cake cool in the dish for at least 30 minutes so the topping sets. Cut into 12 to 15 squares and serve warm or at room temperature.

Tips for the Best Ugly Duckling Cake

• Toast the pecans first if you have time. Five to seven minutes in a 350°F oven deepens their flavor. It’s optional, but you’ll taste the difference.
• Use sweetened shredded coconut. Unsweetened coconut is drier and the topping will taste less rich unless you add a couple of extra tablespoons of brown sugar.
• Check your broiler. Some run hot, and some are weak. If yours is weak, bake the topped cake at 350°F for 10 to 12 minutes instead and look for bubbling around the edges.
• Don’t skip the cooling time. Cutting too soon leaves you with a messy slab. Thirty minutes lets the topping firm up so the squares hold together.
• Wipe the knife between cuts. The sticky topping drags crumbs. A damp paper towel keeps the squares neat.
• Measure the flour carefully. Spoon it into the cup and level it off, or use a scale. Scooping packs in extra flour and makes the cake dry.

Make-Ahead and Storage

Make ahead: You can bake the plain cake a day ahead, cover it and keep it at room temperature. Make the topping fresh, spread it on the cake (warm it in a 300°F oven for 10 minutes first) and broil as directed. You can also make the full cake in the morning and serve it that evening.

Storing: Cover the cooled cake and keep it at room temperature for up to 2 days. After that, refrigerate for up to 5 days. Bring squares back to room temperature or warm them for 10 seconds in the microwave before serving.

Freezing: Wrap individual squares well in plastic and foil and freeze for up to 2 months. Thaw them overnight in the refrigerator.

Ugly Duckling Cake Variations

• Walnut or almond. Swap the pecans for chopped walnuts or sliced almonds.
• Chocolate chip. Fold 1/2 cup of mini chocolate chips into the topping once it cools for a minute.
• Oil-based cake. Replace the melted butter in the cake with 1/2 cup of neutral oil for a slightly softer crumb that stays moist longer.
• Spiced version. Add 1/2 teaspoon cinnamon to the cake batter and a pinch of nutmeg to the topping.
• Citrus lift. Add the zest of one orange to the cake batter. It brightens the whole thing.
• Nut-free. Leave out the pecans and use 2 1/2 cups of coconut total, or swap in toasted pumpkin seeds.

Frequently Asked Questions

Why is it called ugly duckling cake?

The name refers to how it looks. The topping bakes into a rough, bumpy layer, so the cake isn’t pretty, but the flavor makes up for it.

Can I bake it in a different pan?

Yes. Two 8-inch square pans work; reduce the baking time to 22 to 26 minutes and halve the topping per pan. A 9×13 dish is best if you want a single large cake with room for the topping to spread.

Can I make the topping without evaporated milk?

You can use heavy cream or half-and-half in the same amount. The topping will be slightly less caramel-like with cream, but it works well.

How do I keep the coconut from burning?

Keep the rack about 6 inches from the broiler, stay by the oven, and pull the cake as soon as the tips of the coconut turn golden. If the top browns before the topping bubbles, tent with foil and bake a few minutes longer.

Final Thoughts

Ugly duckling cake isn’t fancy, and it doesn’t need to be. It’s an easy one-pan dessert for potlucks, family dinners and bake sales, and the squares disappear fast. Bake it once and it will probably land in your regular rotation.