Mary Berry Coffee Fudge Traybake Recipe

Personal Introduction

The first time I made this Mary Berry Coffee Fudge Traybake Recipe, I honestly thought I had messed it up. I pulled the tray out of the oven and the center looked a little softer than I expected, so I stood there poking it with a toothpick for way too long. About an hour later, once it cooled properly, the texture turned into this soft, fudgy cake with a deep coffee flavor that somehow tasted even better the next day.

I started making this recipe during a really rainy weekend when I wanted something cozy but not overly complicated. I love coffee desserts, but a lot of them either taste too sweet or barely taste like coffee at all. This one hits the middle ground nicely. The coffee flavor actually comes through, and the fudgy topping adds just enough richness without feeling heavy.

What I like most about this Mary Berry Coffee Fudge Traybake Recipe is that it feels realistic for a normal home kitchen. No fancy decorating. No complicated layers. Just a simple traybake that works for family gatherings, lazy weekends, potlucks, or honestly just eating with coffee while standing at the kitchen counter.

I noticed the flavor gets deeper after sitting overnight, too. The first time I made it, I sliced into it while it was still slightly warm because I’m impatient. It was good, but the next morning? Way better.

Why This Recipe Works

There are a few practical reasons this recipe turns out so good without needing bakery-level skills.

First, the coffee flavor is balanced instead of overwhelming. Some coffee cakes taste bitter, especially when instant coffee is overused. In this traybake, the coffee mixes with brown sugar and butter, so the flavor stays smooth and slightly caramel-like.

The texture also works really well. The cake itself stays soft and moist because of the butter and milk, while the fudge topping firms up just enough after cooling. You get a little contrast without needing multiple complicated layers.

Another thing I like about this Mary Berry Coffee Fudge Traybake Recipe is how forgiving it is. I’ve accidentally overmixed the batter before and it still turned out decent. Not perfect, but definitely edible. That matters when you’re baking at home and not trying to impress judges on TV.

It also cuts cleanly into squares, which makes it practical for sharing. I’ve brought this to school bake sales and neighborhood get-togethers, and people always ask what gives it that deep coffee flavor.

Equipment Needed

You really do not need fancy baking equipment for this recipe.

• 9×13-inch baking pan or traybake pan
• Mixing bowls
• Hand mixer or wooden spoon
• Medium saucepan
• Measuring cups and spoons
• Rubber spatula
• Whisk
• Cooling rack
• Butter knife
• Cutting board
• Small pot
• Spoon
• Parchment paper

Recipe Card

Mary Berry Coffee Fudge Traybake Recipe Summary

• Prep Time: 20 minutes
• Cook Time: 28 minutes
• Total Time: 48 minutes
• Cooling Time: 1 hour
• Servings: 16 squares
• Cuisine: British-American Inspired
• Course: Dessert
• Calories: Approximately 340 per serving

Ingredients

For the Coffee Traybake Cake

• 1 cup unsalted butter, softened
• 1 cup light brown sugar
• 1/2 cup granulated sugar
• 4 large eggs
• 2 cups all-purpose flour
• 2 teaspoons baking powder
• 1/4 teaspoon salt
• 2 tablespoons instant coffee granules
• 2 tablespoons hot water
• 1/2 cup whole milk
• 1 teaspoon vanilla extract

For the Coffee Fudge Topping

• 1/2 cup unsalted butter
• 1/4 cup whole milk
• 2 tablespoons instant coffee granules
• 2 cups powdered sugar
• 2 ounces semi-sweet chocolate, chopped
• Pinch of salt

Optional Toppings

• Chocolate shavings
• Chopped walnuts
• Dusting of cocoa powder
• Tiny sprinkle of flaky salt

Step-by-Step Instructions

Step 1: Prepare the Baking Pan

Start by preheating your oven to 350°F. Grease a 9×13-inch baking pan and line the bottom with parchment paper. I usually leave a little parchment hanging over the sides because it makes lifting the cake out much easier later.

The first time I made this Mary Berry Coffee Fudge Traybake Recipe, I skipped the parchment paper because I thought buttering the pan was enough. Bad idea. A few pieces stuck in the corners and looked messy. It still tasted good, thankfully.

Step 2: Dissolve the Coffee

In a small bowl, stir the instant coffee granules with hot water until dissolved. Let it cool for a minute or two.

You want the coffee mixture smooth and dark without any dry granules left behind. If the coffee is too hot when added later, it can slightly affect the butter mixture.

Step 3: Cream the Butter and Sugars

In a large mixing bowl, beat the softened butter, brown sugar, and granulated sugar together until the mixture looks pale and fluffy. This usually takes about 3 to 4 minutes with a hand mixer.

Do not rush this step. The air you beat into the butter helps give the cake a lighter texture. I noticed when I only mixed for a minute, the traybake came out denser.

The mixture should look creamy and almost whipped when it’s ready.

Step 4: Add the Eggs

Add the eggs one at a time, mixing after each addition. If the batter looks slightly curdled, don’t panic. Mine does that half the time.

What worked better for me was adding one spoonful of flour between eggs if the mixture started looking separated. That helps stabilize everything.

Step 5: Combine the Dry Ingredients

In another bowl, whisk together the flour, baking powder, and salt.

Gradually add the dry ingredients into the butter mixture, alternating with the milk. Stir gently after each addition.

Pour in the dissolved coffee mixture and vanilla extract. Mix until everything is fully combined, but stop once the batter looks smooth. Overmixing can make the cake slightly tough.

The batter should look thick but spreadable.

Step 6: Bake the Traybake

Spread the batter evenly into the prepared pan. Use a spatula to smooth the top.

Bake for about 26 to 30 minutes. Every oven runs a little differently, so start checking around the 25-minute mark.

The cake should look lightly golden around the edges and spring back gently when touched. A toothpick inserted in the center should come out with a few moist crumbs but not wet batter.

The smell at this point is honestly one of the best parts. The kitchen starts smelling like coffee, brown sugar, and warm butter.

Let the cake cool completely before adding the topping.

Step 7: Make the Coffee Fudge Topping

In a medium saucepan, melt the butter over low heat. Stir in the milk and instant coffee granules until dissolved.

Add the chopped chocolate and stir until melted and smooth.

Remove the pan from the heat and gradually whisk in the powdered sugar and pinch of salt. The mixture should become glossy and thick but still pourable.

If the frosting looks too thick, add a tiny splash of milk. If it seems too thin, let it sit for a couple minutes before spreading.

The first time I made the topping, I added all the powdered sugar too quickly and ended up with lumps. Slow and steady actually matters here.

Step 8: Frost the Cake

Pour the warm fudge topping over the cooled traybake and spread it evenly with a spatula or butter knife.

You can leave the top plain or add chocolate shavings, chopped nuts, or cocoa powder.

Let the topping set for about 30 minutes before slicing. It firms up into this soft fudge-like layer that cuts nicely without becoming hard.

Step 9: Slice and Serve

Cut the traybake into squares or rectangles.

I usually wipe the knife between cuts because the fudge topping can get a little sticky. If you want cleaner slices, chill the traybake for about 20 minutes before cutting.

This Mary Berry Coffee Fudge Traybake Recipe tastes really good slightly chilled, but I personally like it best at room temperature with hot coffee.

Common Mistakes to Avoid

Using Hot Coffee Mixture Too Early

If the dissolved coffee is still steaming hot when added to the butter mixture, it can affect the texture of the batter. Let it cool slightly first.

Overbaking the Cake

This traybake should stay soft and moist. Baking too long dries it out quickly. Pull it from the oven once the center is just set.

Frosting a Warm Cake

I made this mistake once while rushing before guests arrived. The topping melted everywhere and turned into a glaze instead of a fudge layer.

Adding Powdered Sugar Too Fast

The fudge topping mixes better when powdered sugar is added gradually.

Skipping the Salt

Even a tiny pinch of salt helps balance the sweetness and coffee flavor.

Pro Tips

• Use room temperature butter and eggs for smoother batter.
• Instant espresso powder gives a slightly stronger coffee flavor than regular instant coffee.
• Chill the traybake briefly before slicing for cleaner edges.
• Store slices in a sealed container so the cake stays moist.
• I noticed the coffee flavor gets deeper after about 12 hours.
• If your frosting thickens too much, microwave it for 5 to 10 seconds and stir again.

Variations

Chocolate Coffee Traybake

Add 1/3 cup cocoa powder to the batter for a mocha-style version. You may need an extra splash of milk because cocoa powder absorbs moisture.

Walnut Coffee Fudge Traybake

Fold 3/4 cup chopped walnuts into the batter for extra texture.

Caramel Coffee Version

Drizzle caramel sauce over the fudge topping before it sets.

Cinnamon Coffee Traybake

Add 1 teaspoon ground cinnamon to the batter. It gives the cake a warm coffee-shop flavor.

Extra Strong Coffee Flavor

Use espresso powder instead of instant coffee granules if you like bold coffee desserts.

Serving Ideas

• Serve with vanilla ice cream for a richer dessert.
• Pair with hot drip coffee or cold brew.
• Add whipped cream and cocoa powder on top.
• Serve with fresh strawberries for contrast.
• Warm a slice for 10 seconds in the microwave.
• Pack squares into lunch boxes or picnic baskets.

Make-Ahead Tips

This Mary Berry Coffee Fudge Traybake Recipe actually works really well for making ahead.

You can bake the traybake one full day before serving. In fact, I think the flavor improves overnight because the coffee settles deeper into the cake.

If making ahead, wait to slice the traybake until the next day. Keeping it whole helps prevent the cake from drying out.

You can also prepare the fudge topping a few hours early. Just warm it slightly before spreading if it thickens too much.

For parties, I usually bake the cake at night, frost it the next morning, and slice it a couple hours before serving.

Storage & Reheating Tips

Store leftover traybake in an airtight container at room temperature for up to 3 days.

If your kitchen is very warm, refrigerate it instead so the fudge topping stays firm.

Refrigerator Storage

• Store for up to 5 days
• Bring to room temperature before serving for softer texture
• Cover tightly so it does not dry out

Freezer Storage

• Wrap individual slices in plastic wrap
• Freeze up to 2 months
• Thaw overnight in the refrigerator

Reheating Tips

This cake does not need reheating, but sometimes I microwave a slice for about 8 seconds. The fudge topping gets slightly softer and tastes almost brownie-like.

Do not overheat it or the frosting can melt too much.

FAQs

Can I use brewed coffee instead of instant coffee?

You can, but the flavor will usually be weaker because brewed coffee adds more liquid without enough concentrated flavor. Espresso powder or instant coffee works better for this Mary Berry Coffee Fudge Traybake Recipe.

Can I make this traybake ahead of time?

Yes. It actually tastes even better the next day. Just store it covered at room temperature or in the refrigerator.

Why is my traybake dry?

Most likely it baked too long. Start checking early because ovens vary. Also make sure flour is measured correctly.

Can I freeze the traybake?

Yes. Wrap slices individually and freeze for up to 2 months.

What type of chocolate works best in the fudge topping?

Semi-sweet chocolate gives the best balance. Milk chocolate can make the topping overly sweet.

Can I make this without chocolate in the frosting?

You can. The topping becomes more like a coffee icing instead of fudge, but it still tastes really good.

Final Thoughts

I keep coming back to this Mary Berry Coffee Fudge Traybake Recipe because it feels simple in the best possible way. It is not flashy or overly decorated, but it always disappears quickly whenever I serve it.

The combination of soft coffee cake and smooth fudge topping just works. It feels cozy and homemade without requiring complicated baking skills.

I also like that the recipe is flexible. You can make it stronger, sweeter, more chocolatey, or add nuts depending on what you have around the kitchen.

The first time I made this recipe, I honestly expected leftovers for days. That did not happen. My family kept sneaking pieces from the pan until only crumbs were left by the next morning.

If you enjoy coffee desserts that actually taste like coffee, this traybake is worth trying. And if the frosting looks a little messy the first time, don’t worry. Mine usually does too.