Coconut Chia Oatmeal Cake

Photo of author

By Gianna Poulef

A slice of coconut chia cake with a chia-speckled crumb, a light glaze, and toasted coconut and almond slices on parchment paper

If you grew up with an old-fashioned oatmeal cake on the dessert table, this coconut chia oatmeal cake will feel like a warm, familiar hug with a modern twist. Rolled oats are soaked in hot water until soft, then baked into a tender, spiced cake with a little chia for texture and fiber. While the cake is still warm, it gets a bubbling topping of brown sugar, coconut, and pecans that is broiled until golden, a lot like the frosting on a German chocolate cake.

This is the kind of recipe that has been passed from kitchen to kitchen for generations because it is simple, forgiving, and so good. It uses everyday pantry ingredients, comes together in one bowl, and bakes in a 9×13 pan, which makes it ideal for church suppers, potlucks, family gatherings, and cozy weeknights. The oats keep the crumb moist for days, and the coconut topping makes it feel special.

Why You’ll Love This Recipe

  • A moist, tender oatmeal cake that stays soft for days
  • Chia seeds add a little extra fiber and a subtle, pleasing texture
  • A warm, chewy brown sugar coconut and pecan topping
  • One bowl, one pan, and no special equipment
  • Feeds a crowd with 15 generous squares
  • Made with simple pantry ingredients
  • Great warm or at room temperature, plain or with ice cream

It also travels well, so it is a reliable choice for parties and potlucks.

What Does Coconut Chia Oatmeal Cake Taste Like?

This cake tastes warmly spiced and sweet, with cinnamon and brown sugar notes and a toasty, nutty depth from the oats. The crumb is soft, moist, and slightly chewy, with tiny chia seeds that melt into the batter. The topping is the star: buttery and caramel-like, with chewy coconut and crunchy pecans. It is the perfect combination of cake and candy-like frosting.

Recipe Overview

  • Prep time: 20 minutes, plus 20 minutes soaking
  • Bake time: 30 to 35 minutes, plus 2 to 3 minutes under the broiler
  • Yield: 15 squares from a 9×13-inch pan
  • Difficulty: Easy
  • Method: Soaked oats, one-bowl cake with a broiled topping

Ingredients

This Now, Make It Later!

For the cake:

  • 1 cup (80 g) old-fashioned rolled oats
  • 1 1/4 cups (300 ml) boiling water
  • 2 tablespoons (24 g) chia seeds
  • 1/2 cup (113 g) unsalted butter, softened
  • 1 cup (200 g) packed brown sugar
  • 1/2 cup (100 g) granulated sugar
  • 2 large eggs
  • 1 teaspoon vanilla extract
  • 1 1/3 cups (165 g) all-purpose flour
  • 1 teaspoon baking soda
  • 1 teaspoon ground cinnamon
  • 1/2 teaspoon salt

For the topping:

  • 1/4 cup (57 g) unsalted butter
  • 1/2 cup (100 g) packed brown sugar
  • 1/4 cup (60 ml) evaporated milk
  • 1 cup (80 g) sweetened shredded coconut
  • 1/2 cup (50 g) chopped pecans
  • 1/2 teaspoon vanilla extract

Ingredient Notes

Rolled oats: Use old-fashioned rolled oats rather than instant, which turn mushy, or steel-cut, which stay too firm. Soaking in boiling water softens them so they melt into the crumb.

Chia seeds: They soak up some of the hot water along with the oats and become gel-like, adding moisture and fiber without changing the flavor. Black or white chia seeds both work.

Brown sugar: It gives the cake its molasses depth and keeps it moist. Light brown sugar is classic, while dark brown sugar makes the cake more caramel-like.

Evaporated milk: It makes the topping rich and creamy without watering it down. Do not substitute sweetened condensed milk.

Coconut: Sweetened shredded coconut browns beautifully and gives the topping its chewy texture. Unsweetened coconut also works, and you can add a tablespoon of extra sugar to compensate.

Pecans: They add crunch and a buttery flavor. Walnuts or almonds are good substitutes, or leave them out for a nut-free cake.

Kitchen Tools You’ll Need

  • 9×13-inch baking pan
  • Large mixing bowl and electric mixer
  • Medium saucepan for the topping
  • Whisk and rubber spatula
  • Wire cooling rack
  • Oven rack positioned for broiling

Substitutions and Variations

  • Nut-free: Leave out the pecans or replace them with extra coconut.
  • Raisins: Fold 1/2 cup of raisins into the batter for a classic oatmeal raisin cake.
  • Spice: Add 1/4 teaspoon of nutmeg or ginger to the batter.
  • Coconut milk: Use full-fat coconut milk in place of evaporated milk in the topping for a more tropical flavor.
  • Whole wheat: Replace up to half of the flour with whole wheat flour for a heartier cake.
  • Dairy-free: Use dairy-free butter and coconut milk in the topping.

How to Make Coconut Chia Oatmeal Cake

The method is straightforward. Soak the oats and chia in boiling water, cream the butter and sugars, mix in the eggs and oat mixture, add the dry ingredients, and bake. While the cake bakes, you make the topping on the stove, then spread it on the warm cake and broil.

Step-by-Step Instructions

  1. Prepare the pan. Preheat the oven to 350°F (175°C). Grease a 9×13-inch baking pan.
  2. Soak the oats. Stir the oats and chia seeds into the boiling water. Cover and let stand for 20 minutes.
  3. Cream the butter and sugars. In a large bowl, beat the butter, brown sugar, and granulated sugar until creamy. Beat in the eggs one at a time, then the vanilla.
  4. Add the oats. Stir in the oat and chia mixture.
  5. Add the dry ingredients. Whisk the flour, baking soda, cinnamon, and salt. Add to the batter and mix until just combined.
  6. Bake. Pour the batter into the pan and bake for 30 to 35 minutes, until a toothpick inserted in the center comes out clean.
  7. Make the topping. While the cake bakes, melt the topping butter in a saucepan. Stir in the brown sugar and evaporated milk and simmer for 2 minutes, then remove from the heat and stir in the coconut, pecans, and vanilla.
  8. Broil. Spread the topping over the warm cake. Broil on a rack 6 inches from the heat for 2 to 3 minutes, watching closely, until bubbly and golden.
  9. Cool and cut. Cool for 20 minutes before cutting into 15 squares.

Tips for Success

  • Do not skip the 20-minute soak, which softens the oats so the cake is tender.
  • Let the oat mixture cool slightly if it is still very hot, so it does not scramble the eggs.
  • Stay by the oven during broiling, since coconut goes from golden to burnt in seconds.
  • Spread the topping while the cake is warm so it sticks.
  • Do not overmix once the flour is added, which can make the cake dense.
  • Rotate the pan if your broiler heats unevenly.
  • Let the cake cool before cutting, so the topping sets.

How to Know It’s Done

The cake is done when the top is lightly golden, the edges pull away from the pan, and a toothpick inserted in the center comes out clean. The topping is done when it is bubbling and the coconut is a deep golden brown at the edges.

What to Serve With Coconut Chia Oatmeal Cake

This cake is wonderful on its own, and it also pairs nicely with:

  • Vanilla ice cream or whipped cream
  • Fresh berries or sliced bananas
  • Hot coffee, tea, or chai
  • A glass of cold milk

For a cozy, wholesome dessert spread, pair it with Healthy Chia Pudding 4 Ways and Flourless Chai Spice Cake.

Storage Instructions

Cover the cake and store it at room temperature for up to 3 days. Because of the moist oats, it keeps very well. For longer storage, refrigerate it for up to 5 days. Let chilled squares sit at room temperature for 15 minutes, or warm them briefly in the microwave to soften the topping.

Freezing Instructions

Wrap cooled individual squares tightly in plastic wrap and then foil, and freeze for up to 2 months. Thaw them overnight in the refrigerator or on the counter for a couple of hours, and warm gently before serving. The topping may soften slightly but still tastes great.

Common Mistakes

  • Skipping the soak. The oats stay chewy and the cake turns out dry.
  • Walking away from the broiler. The topping can burn in under a minute.
  • Using instant oats. They turn the batter mushy and gluey.
  • Overbaking. It dries out the crumb, so pull the cake when a toothpick comes out clean.
  • Adding hot oats to the eggs. Very hot oats can scramble the eggs. Let the mixture cool a few minutes.
  • Spreading topping on a cold cake. It does not stick as well and may slide off.

Frequently Asked Questions

Do I have to use chia seeds?

No. The chia seeds are optional and add fiber and texture. Leave them out if you prefer a classic oatmeal cake.

Can I use quick oats?

Old-fashioned rolled oats work best. Quick oats can be used but give a softer, less textured cake.

Can I skip the broiling step?

Yes. You can spread the topping and bake the cake for 5 more minutes at 350°F, though the broiler gives the best golden crust.

Can I make it ahead?

Yes. The cake keeps well for a few days, and it tastes just as good the next day.

Is this cake gluten-free?

It contains all-purpose flour. A gluten-free flour blend and certified gluten-free oats could be substituted, but this has not been tested here.

Can I use unsweetened coconut?

Yes, but add a little extra brown sugar to the topping to make up for the missing sweetness.

Recipe Background

Oatmeal cake is a classic American home-baking recipe, popular in mid-twentieth century church cookbooks and community recipe collections. It uses simple pantry staples and is known for staying moist for days, thanks to the soaked oats. The broiled brown sugar, coconut, and nut topping is a hallmark of the dessert and is similar to the coconut-pecan frosting of a German chocolate cake. Published versions vary in their sugars, spices, and toppings, and this Poulef version adds chia seeds to the batter for a bit of extra fiber and texture.

Conclusion

Coconut chia oatmeal cake is a comforting, old-fashioned dessert with a thoughtful modern touch. It is soft, spiced, and topped with a warm, chewy coconut and pecan layer that makes every square feel like a treat. Bake it for your next gathering, or just because, and keep the recipe close for whenever you need a reliable crowd-pleaser.

More Delicious Recipes You’ll Love

Follow Poulef on Pinterest

Loved this recipe? Save it for later and follow @PoulefRecipe on Pinterest for more cozy, comforting bakes: https://www.pinterest.com/poulefrecipe/

Nutritional Information

Nutrition is an approximate estimate per square with topping (15 squares), calculated from standard ingredient values. Actual numbers will vary with the brands you use.

NutrientAmount per Serving
Calories316
Carbohydrates42g
Protein4g
Fat15g
Saturated Fat8g
Cholesterol50mg
Sodium182mg
Fiber2g
Sugar29g
Print
clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon

Coconut Chia Oatmeal Cake


5 Stars 4 Stars 3 Stars 2 Stars 1 Star

No reviews

  • Author: Gianna Poulef
  • Total Time: 0 hours
  • Yield: 1 9×13-inch cake (15 squares) 1x

Description

A soft, moist oatmeal cake made with soaked oats, chia seeds, brown sugar, and cinnamon, topped with a warm, broiled brown sugar, coconut, and pecan topping.


Ingredients

Scale

For the cake: 1 cup (80 g) old-fashioned rolled oats

1 1/4 cups (300 ml) boiling water

2 tablespoons (24 g) chia seeds

1/2 cup (113 g) unsalted butter, softened

1 cup (200 g) packed brown sugar

1/2 cup (100 g) granulated sugar

2 large eggs

1 teaspoon vanilla extract

1 1/3 cups (165 g) all-purpose flour

1 teaspoon baking soda

1 teaspoon ground cinnamon

1/2 teaspoon salt

For the topping: 1/4 cup (57 g) unsalted butter

1/2 cup (100 g) packed brown sugar

1/4 cup (60 ml) evaporated milk

1 cup (80 g) sweetened shredded coconut

1/2 cup (50 g) chopped pecans

1/2 teaspoon vanilla extract


Instructions

1. Preheat the oven to 350°F (175°C). Grease a 9×13-inch baking pan.

2. Stir the oats and chia seeds into the boiling water. Cover and let stand for 20 minutes.

3. In a large bowl, beat the butter, brown sugar, and granulated sugar until creamy. Beat in the eggs one at a time, then the vanilla.

4. Stir in the oat and chia mixture.

5. Whisk the flour, baking soda, cinnamon, and salt. Add to the batter and mix until just combined.

6. Pour the batter into the pan and bake for 30 to 35 minutes, until a toothpick inserted in the center comes out clean.

7. While the cake bakes, melt the topping butter in a saucepan. Stir in the brown sugar and evaporated milk and simmer for 2 minutes, then remove from the heat and stir in the coconut, pecans, and vanilla.

8. Spread the topping over the warm cake. Broil on a rack 6 inches from the heat for 2 to 3 minutes, watching closely, until bubbly and golden.

9. Cool for 20 minutes before cutting into 15 squares.

Notes

Original Poulef recipe adapted from published baked coconut oatmeal cakes (Food Network, Two Peas & Their Pod, and A Taste of Madness) that soak oats in boiling water, bake in a 9×13 pan, and finish with a broiled brown sugar and coconut topping, with chia seeds added to the batter. The exact amounts and times were not readable from the sources, so they are estimates based on the classic formula, and the recipe has not been tested.

The chia seeds absorb liquid and add a gentle texture and fiber.

Watch the topping closely under the broiler, since coconut burns quickly.

Nutrition is an approximate estimate per square with topping (15 squares).

  • Prep Time: 20 minutes plus 20 minutes soaking
  • Cook Time: 40 minutes
  • Category: Dessert
  • Method: Baking
  • Cuisine: American

Nutrition

  • Serving Size: 1 square
  • Calories: 316
  • Sugar: 29g
  • Sodium: 182mg
  • Fat: 15g
  • Saturated Fat: 8g
  • Carbohydrates: 42g
  • Fiber: 2g
  • Protein: 4g
  • Cholesterol: 50mg
Coconut Chia Oatmeal Cake
Gianna Poulef
CEO, Chef & Recipe Creator at  | Website

I’m Gianna Poulef from Poulef Recipes. I love sharing perfected dishes from my kitchen. I’m sure they’ll earn a spot in your heart. Let’s savor this journey together!.

Let’s be friends!

0 Shares
Get Your FREE eBook Now!

You might also like these recipes

Leave a Comment

Recipe rating 5 Stars 4 Stars 3 Stars 2 Stars 1 Star