Coffee Cake recipe
Be Skinny,Breakfast,By Color,Dessert,Eat,Indigo,Recipes,Red,Snack,Teresa's Favorites,Vegetarian

Clean and Coloruful: Cranberry Crumb Coffee Cake Recipe

I went to brunch last weekend with some friends and the hostess was like “it’s a 30 minute wait….” and I was immediately deflated and bummed. I thought:  a 30 minute wait at 10 a on Sunday morning? I’m already starving…ug! How will I survive?! But before I could even articulate my disappointment she said “we have coffee and coffee cake over there for you while you wait…” And I was like: yahoo! And  I was back to my Sunday-merry-self. How could 2 oz of hot coffee and a little bite of cinnamon coffee cake turn me around so quick? It’s simply brilliant that Beach Plum Kitchen offers that service to their patrons. I’m hooked.

Coffee Cake recipe

Why is coffee cake so delicious?

Well, let’s start with the fact that it’s cake. Just because it’s not covered in frosting and is lacking birthday candles does not change the fact that it’s cake. It’s traditionally made of white flour, white sugar, shortening, salt, milk, eggs and butter. A small slice will run you about 250 calories, 11g fat and 17g of sugar. Not the end of the world, but it can certainly be better.

Skinny Cranberry Coffee Cake

Coffee cake is not always Clean & Colorful.

I promised to share a fresh post with you help you incorporate at least one of the four universal diet truths of my Clean and Colorful Concept every Monday. And just because most coffee cake does not fit the C&C bill (like the one I chowed down on Sunday), does not mean we can’t create one that does. I love that it’s simple to make and uses no processed ingredients, which allows it to abide by the 1st principle of the Clean and Colorful Concept.

  1. Eat Less Processed Food.
  2. Eat all 5 Colors Everyday.
  3. Swap one Snack or Meal per day with a Juice or Smoothie.
  4. Exercise at least 21-Minutes a Day 6 Days a Week.

By adding cranberries, you get to check the red box on your daily meal plan and/or the indigo box if you wanted to add or swap out blueberries for added sweetness and more color. So now we’ve tackled the second of the 4 universal diet truths.

What Skinny Swaps Are Included Here?

  • I used partial oat flour for added fiber
  • I swapped butter and lard for coconut oil
  • I axed almost all of the added sugar and used honey and OJ
  • I added ground flax seeds for texture, fiber and omegas
  • Used nonfat Greek yogurt over milk for density

That’s about it really. And those simple swaps earn these stellar nutrition creds on a per slice basis:

  • 250 calories to 150 (40% fewer)
  • 17g sugar to 6g (63% less)
  • 11g fat to 7g (39% less)
  • .6g fiber to 2g (2.5x more)
  • 3g protein to 4 (18% more)

Coffee cake pin

Skinny Cranberry Crumb Coffee Cake

Crumb Cake Topping Ingredients

  • 1/2 cup raw oats
  • 1 tablespoon coconut oil
  • 2 tablespoons sugar
  • 1 teaspoon cinnamon
  • 1/4 tsp salt
  • 2T ground flax seeds

Cake Ingredients

  • 1 cup pancake mix
  • 1 cup oat flour*
  • 1 teaspoon cinnamon
  • 2T ground flax seed
  • ¼ cup orange juice
  • 1 teaspoon orange zest
  • 3T honey
  • 1/4 cup coconut oil
  • 2 large eggs
  • 1 cup nonfat Greek yogurt
  • 1 teaspoon vanilla extract
  • 1/2 – 1 cup cranberries
  • 1/2 – 1 cup blueberries

*just put 1 cup oats in the blender if you’re not in the mood to buy oat flour. 


  1. Preheat oven to 350 and coat your pan with non-stick cooking spray or oil.
  2. Mix all the topping ingredients together so that it becomes crumbly.
  3. Mix the first 4 cake ingredients together in a large bowl and mix well.
  4. In a smaller bowl, mix remaining wet ingredients (less the cranberries) until well combined.
  5. Add the wet ingredients to the dry and mix well then fold in the berries.
  6. Add to prepared pan and top with crumb mixture.
  7. Bake at 350 for 30-40 minutes (mine was 35, and it could have taken a few more minutes. The centre is pretty gooey, but kind of extra delicious that way too.)

Note on pan size: I used my trusty casserole dish here and I actually had to measure it with a measuring tape.  It turned out to be 9×6…kind of a weird dimension. I bet an 8×8 square pan would be perfect.

coffee cake

For more ideas and recipes like this, be sure to check out my Color Yourself Skinny program which is included as a part of my Simple Secrets Digital Health Coaching Program. The smallest shifts can add up to the largest results.


Subscribe to Blog via Email

Enter your email address to subscribe to this blog and receive notifications of new posts by email.


  • Diana

    This sounds delicious and I love your healthy swaps using coconut oil and greek yogurt!

    • Teresa

      Thank you — it really was! It’s def not on the overly sweet side, but it really grows on you. Especially when you consider the nutrition creds 😉 And I love baking with Greek yogurt and coconut oil. Not only do they have superior nutrition, they both add flavor and texture I love! If you try it out, let me know what you think!

  • Julie Stancato

    Do you have a recipe for the pancake mix or do you use boxed from the store? I would love to try this recipe.

  • triathlonstar

    Well, I guessed wrong on the pan size and used one that was too big. I already greased it though, so I went with it. Definitely a smaller pan would work better. Do you think a 9 x 9 or even a bread loaf pan would work best?

    • Teresa

      Such a good question and I need to update the post with that info. I got another email from a reader with the same question and I had to pull out the casserole dish I use for these things and measure it with a measuring tape. Lol. It turned out to be 9×6…kind of a weird dimension. I bet an 8×8 square pan would be perfect. Let me know if you give it another shot and I’ll go update the post now. Sorry!

This site uses Akismet to reduce spam. Learn how your comment data is processed.