• Skip to primary navigation
  • Skip to footer navigation
  • Skip to privacy navigation
  • Skip to main content
  • Skip to primary sidebar

Fit Mitten Kitchen

balanced baking and real food recipes

Subscribe to receive my FREE Healthy Nut Butter eBook!
Free eBook!
  • Recipes
    • Course
      • Breakfast
        • Egg Dishes
        • Oatmeal & Granola
        • Pancakes & Waffles
        • Scones
        • Smoothies
      • Desserts
        • Bars & Brownies
        • Cakes & Cupcakes
        • Candy
        • Cookies
        • Ice Cream & Frozen Desserts
        • PIes, Tarts & Crisps
        • Cinnamon Rolls
      • Healthy Drinks
      • Lunch & Dinner
        • Appetizers
        • Bowls
        • Salads
        • Sandwiches & Wraps
        • Sides
        • Soups & Chili
      • Snacks
        • Bars & Balls
        • Muffins & Breads
        • Nut & Seed Butters
    • Dietary
      • Dairy Free
      • Gluten-Free
      • No Added Sugar
      • Nut-Free
      • Oil-Free
      • Paleo
      • Vegan
      • Vegetarian
      • Whole30
    • Method
      • Food Processor & Blender
      • Freezer
      • Grill
      • Instant Pot
      • No-Bake
      • Oven
      • Slow Cooker
      • Stovetop
    • Protein
      • Chicken
      • Plant Based
      • Pork
      • Seafood
      • Turkey
    • Recipe Videos
  • About
    • Meet Ashley
    • Work with Me
      • Partnerships
    • Contact
  • Lifestyle
    • Real Talk
    • Travel
    • Workouts
  • Shop
Home Recipes Course Desserts Cakes & Cupcakes Healthier Chocolate Layer Cake
DF Dairy Free VG Vegetarian

Healthier Chocolate Layer Cake

Jump to Recipe Rate Recipe
Posted:10/14/19
Updated:1/30/23
healthier chocolate cake pinterest
chocolate cake pin

Chocolate lovers rejoice! This Chocolate Layer Cake is lightened up with whole grain flour and dairy-free friendly. Deliciously moist and full of flavor. Oh, and chocolate peanut butter frosting is involved.

Because everyone needs to know how to bake a chocolate cake from scratch. And I want it to be this one.

Because it is GOOD, my friends.

Well, better than good. It’s freaking amazing.

A little healthier, but still so much flavor.

Just trust.

The Best Healthier Chocolate Cake

I’ve made this chocolate cake recipe several times now and it is officially my go-to! It’s adapted from a traditional recipe, and if you’ve made a chocolate cake with hot coffee before this recipe may look somewhat familiar to you.

layered chocolate cake on cake stand

I’ve made some (healthier) adaptations like:

  • cutting back on sugar
  • reducing oil
  • using whole grain flour

Even with these changes, no one knows this easy chocolate cake recipe has been lightened up!

The chocolate peanut butter frosting may or may not have something to do with it.

fork on plate cutting into chocolate layer cake

Ingredients needed for a healthier chocolate cake recipe

  • whole wheat pastry flour – When baking cakes with whole grain flour I prefer using whole wheat pastry flour as the texture of the cake will come out lighter and not as dense. If you have both all purpose and whole wheat flour on hand, you can use 1 cup all purpose flour and 3/4 cup of the whole wheat flour.
  • unsweetened cocoa powder – make sure it’s plain unsweetened cocoa and not dutch process.
  • baking soda, baking powder – both needed to get the right rise for this chocolate cake.
  • salt – always needed for a little flavor balancing and enhancing
  • eggs – help maintain the structure of the cake. I did not text this recipe with a vegan alternative but I do have a Vegan Carrot Cake that uses flaxseed “eggs” so it may work here.
  • oil – keeps this chocolate layer cake super moist and extra delicious.
  • maple syrup – I decided to reduce some of the granulated sugar in the original recipe with maple syrup. I don’t recommend omitting this as it accounts for some of the liquid needed in this cake recipe.
  • vanilla – flavor!
  • granulated sugar – This cake still needs some additional granulated sugar for the best flavor. If you try to reduce the granulated sugar too much, your cake will turn out bitter.
  • milk and coffee – we’re using a mix of milk (I used non-dairy but whatever you have on hand is fine) as well as hot coffee. The coffee will enhance the chocolate flavor, but you won’t taste the actual coffee. If you don’t have coffee on hand, sub with hot water.

Note: I’ve had people ask if they can make this a vanilla cake instead, and you cannot without changing the recipe entirely. Thankfully, my friend Erin has a delicious Gluten-Free Vanilla Cake you can try!

How to Make a Double Layer Chocolate Cake from Scratch

If you’re thinking, “I can’t bake a cake from scratch, let alone a layered one!”

YES. YOU. CAN.

It seems daunting but I promise it’s truly not that difficult. With this chocolate layer cake, you can mix the ingredients all by hand.

As with any recipe, you’ll want to read through the entire recipe first, then gather your ingredients and read through it again as you begin the first steps.

how to make a chocolate cake recipe from scratch

Step 1

Mix together all of your dry ingredients in a medium separate bowl and set aside.

Step 2

Whisk together the wet ingredients in a large bowl – eggs, oil, maple syrup, vanilla and sugar, then stir in milk.

Step 3

Add the bowl of dry ingredients into the wet, then slowly begin to pour in the hot coffee and gently mix until combined. The batter will be very thin. It will seem odd but just trust me, this is correct.

Step 4

Evenly distribute the batter into two lined 9″ round cake pans and bake for about 20 minutes, until inserted toothpick comes out clean. Make sure to let the cakes cool completely before frosting. You can place in fridge for about 45 minutes, or make a day in advance.

fork on plate cutting into chocolate layer cake

The Chocolate Peanut Butter Frosting

Realistically you can use whichever frosting recipe you’d like. If dealing with a nut allergy, I’d recommend a plain chocolate frosting.

But the chocolate-peanut butter combo is just too delicious to pass up, IMHO. (Yes, you could sub cashew butter or almond butter too!)

All you need is butter (can be plant-based) or palm shortening, peanut butter, powdered sugar, unsweetened cocoa powder, vanilla and milk (I used cashew).

While you didn’t need an electric mixer for the cake recipe, it is best to use an electric mixer for whipping the frosting ingredients together.

Chill the cake for at least 1 hour before slicing into so it’s easier to cut and the frosting holds up better as well.

layered chocolate cake with chocolate peanut butter frosting

If you make this recipe, don’t forget to comment and rate below! I love hearing from you and it helps others learn more about the recipe too!

Print

Chocolate Layer Cake {healthier}

ç
Print Recipe
Pin Recipe

★★★★★

5 from 2 reviews

The Best Chocolate Layer Cake that just so happens to be made with whole grains and dairy-free friendly. Made healthier* using less sugar and oil compared to a traditional chocolate cake recipe, but no one will know the difference!

  • Author: Ashley
  • Prep Time: 10 minutes
  • Cook Time: 20 minutes
  • Total Time: 30 minutes
  • Yield: 9” double layer cake 1x
  • Category: Dessert
  • Method: Oven
  • Cuisine: American

Ingredients

Scale

Dry Ingredients

  • 1 3/4 cups whole wheat pastry flour
  • 3/4 cup unsweetened cocoa powder
  • 2 tsp baking soda
  • 1 tsp baking powder
  • 1/2 tsp salt

Wet Ingredients

  • 2 large eggs
  • 1/3 cup oil
  • 1/2 cup maple syrup
  • 1 TBSP vanilla
  • 3/4 cup granulated sugar* (coconut or cane both work)
  • 1 cup non-dairy milk (or milk of choice)
  • 3/4 cup hot strong coffee (or hot water)

Chocolate Peanut Butter Frosting

  • 3/4 cup (1 1/2 sticks) butter or shortening, softened (plant-based works here)
  • 3/4 cup all-natural peanut butter
  • 1/2 cup unsweetened cocoa powder
  • 2 cups powdered sugar*
  • 1/4 cup – 1/2 cup milk

Instructions

  1. Preheat oven to 350ºF and line two round 9″ baking pans with parchment paper; set aside.
  2. Mix together the dry ingredients in a medium bowl and set aside.
  3. In a large bowl, whisk together eggs, oil, maple syrup, vanilla and granulated sugar. Whisk until sugar has just about dissolved, then slowly stir in milk. 
  4. Begin to add dry ingredients into large bowl of wet ingredients, whisking until almost combined. Then stir in hot coffee. Note: The batter will be very thin, this is correct. Evenly distribute cake batter into two lined pans and place on middle rack. Bake cakes for 18-24 minutes. I checked my cakes at 18 minutes and they were done at 20. Every oven is different so just be sure to watch. Cakes are done when inserted toothpick into the center of cakes comes out clean. Allow cakes to cool completely, about 45 minutes before inverting onto wire racks and peeling off parchment paper.
  5. Make the frosting: In a large bowl using electric mixer (or stand mixer fitted with paddle attachment), beat together butter and peanut butter until smooth. Add cocoa powder and begin to mix on low speed while adding a couple of tablespoons of the milk. With the mixer running on low speed, add in powdered sugar about 1/2 cup at a time, adding in the milk one tablespoon at a time until desired consistency of frosting is reached. Once you’ve added all of the powdered sugar, beat the frosting on medium-high speed for about 30 seconds, scraping down the sides of the bowl as needed. 
  6. Frost the layered cake: Spread a couple of tablespoons of frosting at base of cake plate or cake stand (this will help hold the cake in place). Place one cake upside down onto the frosting. Spread an even layer of frosting on top of layer, about 1/2″ thick. Top other cake onto frosting (you can place layer upside down or bottom side down and shave off any extra round height from top if you’d like) and frost rest of cake. I’ve been using an off-set spatula for frosting cakes and love it. 
  7. Chill cake in fridge for at least one hour before slicing. This cake can also be made a day in advance!

Notes

*Use coconut or date sugar for an unrefined granulated sugar option. 

*You can also make powdered sugar with coconut sugar by combining 1 cup coconut sugar with 1 TBSP arrowroot and processing in a blender until super fine.

If looking for a plain dairy-free chocolate frosting, double this recipe – only use as much milk is needed for desired consistency.

Cake can likely be made in a 9×13 pan though I haven’t tried this yet myself. Bake at 350ºF and watch baking time after 25 minutes. Checking every few minutes until inserted toothpick into the center of cake comes out clean.

Cake recipe adapted from: Ina Garten

Nutrition

  • Serving Size: 1/12th
  • Calories: 495
  • Sugar: 39g
  • Sodium: 450mg
  • Fat: 29g
  • Saturated Fat: 10
  • Unsaturated Fat: 10g
  • Trans Fat: 0g
  • Carbohydrates: 64g
  • Fiber: 6g
  • Protein: 9g
  • Cholesterol: 62mg

Keywords: chocolate cake from scratch, healthy chocolate cake, chocolate layer cake

Did you make this recipe?

Tag @fitmittenkitchen on Instagram and hashtag it #fitmittenkitchen

About Ashley

"Ashley Walterhouse is the founder of Fit Mitten Kitchen, based in the Greater Lansing Area of Michigan, AKA “the Mitten.” Ashley grew up as a picky eater but later discovered that eating healthy was actually easy and fun. She started FMK in 2015 as a way to share her newfound love of developing healthier recipes for all to enjoy."

up close image of roasted acorn squash with chickpeas and dressing in bowl
Previous Post
Roasted Acorn Squash Nourish Bowls
walking along Myrtle Beach in coverup
Next Post
Myrtle Beach Girls Getaway: things to do and where to eat

Reader Interactions

Rate this Recipe Cancel reply

Recipe rating ★☆ ★☆ ★☆ ★☆ ★☆

  1. Rachel says

    4/12/2020 at 4:40 pm

    This cake was really good! Will for sure be my new go to chocolate cake recipe. Love that it is a slightly healthier alternative but you would never notice the difference. I used unsweetened vanilla almond milk and it added a great flavour. thank you!

    Reply
  2. amber says

    6/4/2020 at 8:56 pm

    The cake turned out really good! very moist and flavorful. I feel like i dont even need the frosting, its so good just by itself =)

    ★★★★★

    Reply
    • Ashley says

      6/15/2020 at 2:59 pm

      So glad you like it! Thanks for sharing!

      Reply
  3. Ester Leal says

    6/10/2020 at 4:20 am

    Hi! How many teaspoons of coffee powder should I add to make the strong coffee?

    Thank you in advance!

    Reply
    • Ashley says

      6/29/2020 at 12:19 pm

      You’d have to look at what the coffee powder instructions suggest for making a cup of coffee, then probably add another teaspoon +

      Reply
  4. Ester says

    6/11/2020 at 7:41 pm

    Hi! How many teaspoons of coffee powder would I need to make the coffee? Thanks!

    Reply
    • Ashley says

      6/15/2020 at 2:58 pm

      I would follow instructions for the instant coffee – however many tsp per cup

      Reply
  5. Dena says

    11/23/2020 at 10:25 am

    I’d really love to make this cake for my daughter’s first birthday. I was wondering if I must use pastry flour or if I could just use whole wheat or a combo of whole wheat and all purpose?

    Reply
    • Ashley says

      11/23/2020 at 10:34 am

      Hi there! Your best bet is to use a combo of whole wheat and all-purpose. I usually suggest about half of each. In this case, you could likely do 1 cup all purpose, 3/4 cup whole wheat. Would love to hear how it goes!

      Reply
      • Ashley says

        3/10/2021 at 11:23 am

        If you have another liquid sweetener that would be best – Agave syrup or honey is what I would recommend. If you have date syrup, I am sure that would also work. Hope that helps!

        Reply
  6. zaineh masoud says

    3/10/2021 at 1:51 am

    Hey, I’m planning to make this cake recipe but I don’t have maple syrup, is there any substitute I can use?

    Reply
    • bridge says

      7/20/2021 at 9:34 am

      honey should work inplsc of maple syrup

      Reply
      • Ashley says

        7/22/2021 at 11:35 am

        Honey would likely work okay but I haven’t tried that myself.

        Reply
  7. Michelle says

    1/23/2022 at 12:38 am

    Could you use gluten free flour??

    Reply
    • Ashley says

      1/24/2022 at 8:37 am

      Yes you can use a GF flour, as long as it’s a gluten-free 1:1 baking flour (like Bob’s Red Mill, the light blue bag).

      Reply
  8. Pauline says

    1/23/2022 at 8:08 pm

    I made this cake for my daughters Birthday. After making lot of healthier cakes the past years, with almond flour, coconut milk and oil etc, that she never really liked, she loved this cake. I had to find a ‘regular flour cake’ I guessed, and this one did the trick.

    ★★★★★

    Reply

Primary Sidebar

More...

31 Holiday Cookies for Your Cookie Exchange

baked gingerbread bundt cake

Gingerbread Bundt Cake

bowl of pear salad with fresh pomegranates and candied pecans and orange poppyseed dressing jar

Pomegranate Pear Salad

Butternut Squash Mac and Cheese

overhead view of honey glazed carrots on rectangle baking dish with fresh thyme

Honey Glazed Carrots

stacked gingerbread truffles on green plate next to red gingerbread cookie cutter and red towel in background

Easy Gingerbread Truffles

pieces of cranberry orange baked oatmeal on oval plate

Cranberry Orange Baked Oatmeal

mocha mini cheesecake with whipped topping on black plate and dessert forks

Mini Mocha Cheesecakes

Free recipe ebook!

Subscribe and get a FREE healthy nut butter ebook!

Thank you for subscribing!
Trending Now
butternut squash, feta and kale salad in bowl Lunch & Dinner
chai latte in mug with cinnamon and star anise Cozy Drinks
banana peanut butter cinnamon rolls on small white plates with banana slices Cinnamon Rolls
As Featured On
  • Browse by Diet
  • Gluten-Free
  • Dairy Free
  • Vegan
  • Paleo
  • Disclaimer
  • Privacy Policy
Exclusive Member of Mediavine· © 2023 · All Rights Reserved · Site Credits Designed by Melissa Rose Design Developed by Once Coupled Back to Top

Subscribe & receive a free nut butter ebook!

Thank you for subscribing!