Part 1: The Sweetest Kind of Nostalgia – And Why You Need This Traybake in Your Life
There are a few treats that just hit the sweet spot—literally and emotionally—and this Chocolate & Coconut Traybake is one of them. Think buttery oats, a golden coconut-studded base, and a silky smooth layer of rich chocolate on top. Yep, it’s that good.
I remember the first time I made something like this—it was a rainy weekend, and I was craving something chocolatey, but also simple. Nothing too fussy, just something you could whip up quickly with pantry staples. I stumbled across a version of this recipe, gave it a go with my own tweaks, and let me tell you… this one disappeared fast. Like, “did someone eat the whole tray?” fast. That’s when I knew I had to share it.
Whether you’re baking for the family, prepping something sweet for lunchboxes, or just treating yourself (you deserve it!), this traybake totally delivers. It’s chewy, golden, full of texture from the oats and coconut, and topped with the kind of chocolate finish that makes you want just one more square.
Ingredients You’ll Need:
For the base:
-
175g unsalted butter
-
125g light brown sugar
-
2 tbsp golden syrup
-
200g porridge oats
-
100g desiccated coconut
-
100g self-raising flour
For the topping:
-
200g milk or dark chocolate (or a mix of both!)
-
2 tbsp unsalted butter (optional – makes the topping glossy and smooth)
Step 1: Get Things Ready
Start by preheating your oven to 180°C (fan). Grab a 20x30cm traybake tin and line it with baking paper—this will make removing and slicing the bars so much easier later on.
Step 2: Make That Buttery Base
In a saucepan, gently melt 175g butter, 125g brown sugar, and 2 tablespoons of golden syrup over low heat. Stir until the mixture is smooth and the sugar has dissolved. It should smell rich, buttery, and a little toffee-like—so good already.
Step 3: Combine the Dry Ingredients
In a large mixing bowl, combine:
-
200g porridge oats
-
100g desiccated coconut
-
100g self-raising flour
Once the melted mixture is ready, pour it over your dry ingredients. Stir everything together until it’s all well coated and evenly mixed. The oats and coconut will soak up the buttery syrup in the most satisfying way.
Step 4: Press and Bake
Spoon the mixture into your prepared tin and press it down evenly with the back of a spoon. Make sure to get it into all the corners—it’ll help your bars bake evenly.
Pop the tray into your preheated oven and bake for 20 to 25 minutes, or until it’s a lovely golden brown. You want it baked through but still soft enough to stay chewy.
Once baked, let the traybake cool completely in the tin. Don’t rush this part—if it’s warm, the chocolate topping won’t set properly later.
Coming up in Part 2, we’ll melt the chocolate, top this beauty, and chat about all the fun ways you can make this recipe your own (because who doesn’t love a good twist?). Spoiler: nuts, dried fruit, and layered chocolate are just the beginning…
Part 2: Topping It Off and Traybake Twists You’ll Want to Try
Let’s be honest—when it comes to traybakes, the topping is where the magic happens. And in this recipe? We’re going full-on chocolate dream mode.
Once your base has completely cooled (yes, completely—no shortcuts here!), it’s time to move on to the final, glorious layer.
Step 5: Melt That Chocolate
In a heatproof bowl, add 200g chopped chocolate—you can use milk chocolate for a sweeter treat, dark chocolate for a richer flavour, or a 50/50 mix for the best of both worlds. I’m personally team “bit of both.”
You can melt it over a pan of simmering water (a makeshift double boiler) or in the microwave in 15-20 second bursts, stirring in between each zap. If you’re using 2 tablespoons of butter, stir it in now for an extra silky, glossy finish.
Step 6: Pour and Set
Once melted, pour the chocolate over the cooled base. Spread it out with the back of a spoon or a palette knife so it covers every inch. The contrast between the chewy base and smooth chocolate layer? Chef’s kiss.
Now, let it set. You can leave it at room temperature for a few hours, or pop it in the fridge for about 30 minutes to an hour if you’re impatient (we’ve all been there).
Step 7: Slice Into Squares
When the chocolate has fully set, it’s time for the most satisfying part—slicing! Use a sharp knife and cut it into 16 squares (or more if you prefer bite-sized pieces). Pro tip: warm your knife slightly for cleaner cuts, especially if you’ve used dark chocolate.
Add-Ons and Variations
This traybake is a fab base for getting a little creative. Here are a few ideas if you want to mix it up:
-
Nuts: Add a handful of chopped pecans, almonds, or hazelnuts to the oat mixture for a crunchier bite.
-
Dried fruit: Chopped dates, cranberries, or dried apricots work beautifully with the coconut.
-
Flavour twist: Add a splash of vanilla or a pinch of sea salt to the base for an extra flavour boost.
-
Chocolate mix-up: Swirl white chocolate into the topping, or drizzle some on after the base layer has set for a pretty finish.
Storage Tips
Once cut, these bars store beautifully. Just pop them in an airtight tin and keep them at room temperature for up to 5 days. They rarely last that long in our house—but hey, it’s nice to know they could if they had to!
In Part 3, we’ll cover some frequently asked questions and wrap it all up with some final thoughts (and maybe a nudge to go make a batch ASAP).
Part 3: Your Questions Answered + Final Thoughts
You’ve got the base, the topping, and maybe even a few fun twists in mind—but if you’re like me, you probably still have a few questions. Let’s clear those up!
FAQ: Chocolate & Coconut Traybake
1. Can I use rolled oats instead of porridge oats?
Yes! Rolled oats will give the traybake a slightly chunkier texture, but they’ll still work just fine. Avoid steel-cut oats—they’re too tough for this recipe.
2. What if I don’t have self-raising flour?
No problem! You can use plain flour and add 1 tsp of baking powder for every 100g of flour.
3. Can I freeze this traybake?
Absolutely. Slice it into squares, place a layer of parchment between them, and freeze in an airtight container for up to 2 months. Just thaw at room temp before eating.
4. Is golden syrup essential?
It adds that signature chewy texture and a rich, caramel-like flavour. If you can’t find it, light corn syrup or honey can be used, but the taste may be slightly different.
5. How do I make the chocolate layer extra shiny?
That’s where the butter comes in! Adding 2 tablespoons of butter while melting the chocolate gives it a smooth, glossy finish.
6. Can I double the recipe for a larger crowd?
Yes, just use a larger baking tin and adjust the baking time slightly—add about 5-10 more minutes, but keep an eye on it.
7. How do I stop the chocolate from cracking when slicing?
Make sure the traybake is at room temperature and use a sharp knife. Warming the blade slightly under hot water (and drying it) before cutting helps too.
Final Thoughts
If you’re looking for an easy, crowd-pleasing treat that’s rich, chewy, and packed with comforting flavours, this Chocolate & Coconut Traybake is a total winner. It’s the kind of bake that doesn’t stick around for long—and once you try it, you’ll see why.
So grab those oats, melt that chocolate, and make a batch. Then come back and let me know—did you go full dark chocolate? Did you sneak in some chopped hazelnuts? I’d love to hear how you made it your own.
And don’t forget to share a square (or not—we don’t judge here). Happy baking! 🍫🥥
Print
Chocolate Coconut Oat Traybake – Easy, Chewy & Irresistibly Chocolatey!
- Total Time: 1 hour 40 minutes – 2 hours
Description
This Chocolate Coconut Traybake is a chewy, buttery treat loaded with oats and coconut, then topped with a smooth, rich chocolate layer. It’s incredibly easy to make, uses everyday ingredients, and slices perfectly into squares for sharing (or not!). Ideal for bake sales, afternoon tea, or a quick lunchbox filler, this classic traybake is always a crowd-pleaser. Add your own twist with nuts, dried fruit, or a mix of chocolates!
Ingredients
For the Base:
-
175g unsalted butter
-
125g light brown sugar
-
2 tbsp golden syrup
-
200g porridge oats
-
100g desiccated coconut
-
100g self-raising flour
For the Topping:
-
200g milk or dark chocolate, chopped
-
2 tbsp unsalted butter (optional, for a smoother finish)
Instructions
-
Preheat oven to 180°C (fan) and line a 20x30cm traybake tin with baking paper.
-
In a saucepan, melt the butter, brown sugar, and golden syrup over low heat until smooth and combined.
-
In a large bowl, mix together the porridge oats, desiccated coconut, and self-raising flour.
-
Pour the melted mixture over the dry ingredients and stir until well combined.
-
Press the mixture evenly into the prepared tin using the back of a spoon.
-
Bake for 20–25 minutes or until golden brown. Let cool completely in the tin.
-
Melt the chopped chocolate (with butter, if using) in a heatproof bowl over simmering water or in the microwave in short bursts, stirring until smooth.
-
Pour the melted chocolate over the cooled base and spread evenly.
-
Allow to set at room temperature or chill in the fridge until firm.
-
Once set, slice into 16 squares and enjoy!
Notes
-
Store in an airtight container at room temperature for up to 5 days.
-
For added texture, mix in chopped nuts or dried fruit to the base mixture.
-
Use a mix of milk and dark chocolate for a balanced flavour.
-
Warming your knife slightly makes slicing through the chocolate layer easier and neater.
-
To make this recipe gluten-free, substitute self-raising flour with a gluten-free self-raising blend and check that your oats are certified gluten-free.
- Prep Time: 15 minutes
- Cooling & Setting Time: ~1–2 hours
- Cook Time: 25 minutes











