coconut chocolate chip oatmeal cake

  • Author: My Heart Beets


This decadent dairy-free coconut chocolate chip oatmeal cake is perfect for dessert or for a special brunch! Top it with an optional coconut butter glaze or frosting!

This is one of the few cakes on my site calling for a gluten-free flour mix (I have tested this cake using both King Arthur Gluten Free Flour and Pillsbury Gluten Free Flour and am fairly certain any brand will work), however if you’d prefer to stick to individual paleo-friendly flours, try my coconut tres leches instead.


  • 1 cup boiling water
  • 1 cup rolled oats
  • 8 tablespoons ghee or butter or coconut oil*
  • 1 can condensed coconut milk
  • 2 large eggs
  • 2 teaspoons vanilla extract
  • 1 cup gluten-free all purpose flour
  • ½ teaspoon baking soda
  • ½ teaspoon salt
  • ½ cup unsweetened shredded coconut flakes
  • ½ cup mini chocolate chips plus extra to top
  • Coconut butter or frosting, optional 


  1. Preheat oven to 350F.
  2. Add the oats, ghee/coconut oil and boiling water to a large bowl and let this sit for 5 minutes.
  3. Then add condensed coconut milk, eggs and vanilla extract and mix well.
  4. Pour the flour, baking soda and salt into the bowl and mix well.
  5. Finally, stir the coconut flakes and chocolate chips into the bowl, mix well, and pour the whole mixture into a well-greased 7×11 pan/glass dish.
  6. Sprinkle the top of the cake with more chocolate chips if desired.
  7. Bake for 1 hour, making sure to cover the cake with foil at the 30 minute mark to prevent the top from getting too brown. You will know the cake is done once the middle is set.
  8. You can top the cake with a coconut butter drizzle by melting a few tablespoons of coconut butter in a small saucepan, then drizzling it on top of the cake. Or you can use frosting!


  • *When using gluten-free flour in this recipe, use the scoop and level method to measure.
  •  *I have tried this with ghee and coconut oil – both turn out well, but I prefer ghee.