Why You’ll Love This Recipe
- Crispy golden crust with a soft, fluffy center
- Rich coconut flavor
- Easy to make with everyday ingredients
- Perfect for breakfast, dessert, or afternoon tea
- Freezer-friendly
- Great for parties and bake sales
- Delicious served warm or at room temperature
Preparation Time
- Prep Time: 20 minutes
- Bake Time: 35–40 minutes
- Cooling Time: 20 minutes
- Total Time: About 1 hour 20 minutes
Ingredients
For the Cake
- 2 cups (250 g) all-purpose flour
- 1 cup (200 g) granulated sugar
- 1 cup (100 g) unsweetened shredded coconut
- 2 teaspoons baking powder
- ½ teaspoon salt
- 3 large eggs, room temperature
- 1 cup (240 ml) whole milk
- ½ cup (115 g) unsalted butter, melted
- 1 teaspoon vanilla extract
- ½ teaspoon coconut extract (optional)
- Zest of 1 lemon (optional)
For the Crispy Coconut Topping
- ½ cup (50 g) shredded coconut
- ¼ cup (50 g) granulated sugar
- 2 tablespoons melted butter
Optional Dusting
- Powdered sugar
- Cinnamon sugar
Equipment
- 8×8-inch (20×20 cm) baking pan
- Mixing bowls
- Electric mixer or whisk
- Rubber spatula
- Cooling rack
- Sharp knife
Step 1: Prepare the Oven
Preheat your oven to 350°F (175°C).
Grease the baking pan with butter or line it with parchment paper for easy removal.
Step 2: Mix the Dry Ingredients
In a large bowl, whisk together:
- Flour
- Baking powder
- Salt
- Sugar
- Shredded coconut
Mix until evenly combined.
Step 3: Combine the Wet Ingredients
In another bowl, whisk together:
- Eggs
- Milk
- Melted butter
- Vanilla extract
- Coconut extract (if using)
- Lemon zest (optional)
Whisk until smooth.
Step 4: Make the Batter
Gradually pour the wet ingredients into the dry ingredients.
Fold gently with a spatula until just combined.
Do not overmix, as this can make the cake dense.
The batter should be thick but pourable.
Step 5: Fill the Pan
Pour the batter into the prepared baking pan.
Spread it evenly with a spatula.
Tap the pan gently on the counter to remove any large air bubbles.
Step 6: Add the Coconut Topping
In a small bowl, combine:
- Shredded coconut
- Sugar
- Melted butter
Mix until the coconut is evenly coated.
Sprinkle the mixture evenly over the batter.
This topping will toast beautifully during baking, creating the golden, crunchy finish seen in the image.
Step 7: Bake
Bake for 35–40 minutes, or until the top is deep golden brown.
Insert a toothpick into the center—it should come out clean or with just a few moist crumbs.
If the top browns too quickly, loosely cover it with foil during the final 10 minutes.
Step 8: Cool
Allow the cake to cool in the pan for 15–20 minutes.
Transfer it to a wire rack to cool completely.
Cooling helps the cake set, making it easier to cut into neat squares.
Step 9: Slice
Using a sharp knife, cut the cake into 16 equal squares.
For the cleanest cuts, wipe the knife between slices.
Step 10: Serve
Enjoy the squares:
- Warm from the oven
- At room temperature
- With coffee or tea
- Topped with whipped cream
- Served alongside fresh berries
- With a scoop of vanilla ice cream for dessert
Flavor Variations
Lemon Coconut
Add extra lemon zest and 1 tablespoon of fresh lemon juice to the batter for a bright citrus flavor.
Chocolate Coconut
Fold ½ cup of mini chocolate chips into the batter before baking.
Tropical Coconut
Mix in ½ cup of finely diced pineapple (well-drained) and a pinch of nutmeg.
Almond Coconut
Replace the coconut extract with almond extract and sprinkle sliced almonds over the top before baking.
Cinnamon Coconut
Add 1 teaspoon of ground cinnamon to the batter and dust the finished cake with cinnamon sugar.
Tips for Success
- Use room-temperature eggs and milk for a smoother batter.
- Measure the flour accurately by spooning it into the measuring cup and leveling it off.
- Do not overmix the batter.
- Toasted coconut adds even more flavor if you have a few extra minutes.
- Allow the cake to cool before slicing to prevent crumbling.
Storage
Store the coconut cake squares in an airtight container:
- At room temperature: Up to 3 days
- In the refrigerator: Up to 1 week
Bring chilled squares to room temperature before serving for the best texture.
Freezing
Wrap individual squares tightly in plastic wrap, then place them in a freezer-safe bag.
Freeze for up to 3 months.
Thaw at room temperature for about an hour before serving.
Nutritional Information (Approximate Per Square)
- Calories: 220
- Protein: 4 g
- Carbohydrates: 28 g
- Fat: 10 g
- Saturated Fat: 7 g
- Fiber: 2 g
- Sugar: 14 g
- Sodium: 140 mg
Frequently Asked Questions
Can I use sweetened coconut?
Yes, but reduce the sugar in the batter by about 2 tablespoons to keep the cake from becoming overly sweet.
Can I make this gluten-free?
Yes. Substitute the all-purpose flour with a high-quality 1:1 gluten-free baking flour blend.
Can I use coconut milk instead of whole milk?
Absolutely. Full-fat coconut milk will enhance the coconut flavor and produce an even richer, moister cake.
Why is my cake dry?
Overbaking is the most common cause. Check the cake a few minutes before the suggested baking time ends, as oven temperatures can vary.
Final Thoughts
These Crispy Coconut Cake Squares are a simple yet irresistible treat that combines the rich flavor of coconut with the soft texture of a classic butter cake. The toasted coconut topping forms a lightly caramelized crust that contrasts beautifully with the moist interior, making every bite satisfying. Whether you’re baking them for a family gathering, an afternoon tea, a holiday dessert table, or simply to satisfy a sweet craving, this recipe is reliable, easy to customize, and sure to impress. Serve the squares warm with coffee, or enjoy them chilled as a refreshing snack—they’re delicious any time of day and guaranteed to disappear quickly.