Skip to Content
Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors

Chocolate Gingerbread Cake with Cake Mix

Chocolate gingerbread cake with cake mix or homemade is a yummy Christmas cake idea everyone loves. With this and our Starbucks gingerbread loaf, now you can make these seasonal flavors you love all year long.

Chocolate Gingerbread Cake recipe

Ready for a homemade chocolate gingerbread cake? You should try this one. With whipped cream, powdered sugar or drizzled with frosting it’s always a fun treat. Just one of many quick easy dessert recipes here on our blog. (affiliate links present)

Gingerbread Cake with Cocoa Powder

I mean you can leave out the cocoa but why?? These two flavors actually go together surprisingly well, you’ll have to try it for yourself. We started with the combo of zucchini gingerbread and it was so good we kept going from there.

We’re making this from scratch. Unlike our cake mix gingerbread muffins that uses spice cake mix and tweaking it, we go all out for this one. A Christmas cake is what I like calling it because that is basically the one time I make it. You could enjoy it year round though easily.

homemade brownies

Ok so you’re going to use a lot of the same spices as you would to make homemade gingerbread dough. You’d make cookies with that but this is a lighter, fluffy bite of goodness that takes less prep overall. Below will make a 9×9 cake pan worth, you could make cupcakes with it as well. I will go over that later.

Chocolate Gingerbread Cake Ingredients

  • Cocoa powder, unsweetened
  • 2.5 c all purpose flour
  • 2 tsp baking powder
  • Baking soda
  • 1 tsp ground ginger, cinnamon and cloves (only if you want to add them, 1/8 tsp. works great)
  • 1 stick butter salted, 1/2 cup, softened
  • 1/2 c brown sugar
  • Vanilla
  • Egg
  • 1 c molasses – regular, not blackstrap molasses (totally different)
  • 1 c hot water or boiling is needed

On the top the easiest thing to pretty it up and add a bit of added sweetness is to dust it with powdered sugar. Alternatively you could whisk that with just a bit of water to make a thicker frosting you can pipe or drizzle right over the top.

gingerbread brownies

Easy Chocolate Gingerbread Cake with Cake Mix

  1. 1 box chocolate cake mix
  2. Package instant chocolate pudding mix
  3. 4 eggs
  4. 1 tbsp ground ginger and cinnamon
  5. 1/2 tsp allspice
  6. 1/2 c sour cream
  7. 1/2 c vegetable oil
  8. 1/2 c hot water
  9. 1/2 c molasses
  10. 1 c mini semi-sweet chocolate chips

Preheat oven to 350. Mix all ingredients with mixer on low except chips. Fold in chips at the end. Spray bundt pan with non stick spray and bake for 50 minutes or until top springs back when touched or toothpick comes out with moist crumbs attached.

    How to Make Chocolate Gingerbread Cake in 9×9 Pan

    • In a large bowl with a hand or stand electric mixer mix wet ingredients together; butter, brown sugar, molasses and vanilla until creamed and smooth, then add the egg and mix.
    • Use a separate medium bowl to whisk together dry ingredients like flour, baking soda, etc . Then slowly add 1/3 of the flour mixture into the wet with 1/3 of the boiling water, mixing all along.
    • Preheat oven to 350 degrees F. Line your 9×9″ baking dish with parchment paper. Pour the batter in the prepared pan and bake for 32-38 minutes
      • until toothpick inserted in center comes out mostly clean with crumbs attached
      • or when touched in center it springs back
    • Remove, set on cooling rack and let cool before slicing.

    I would suggest that you either line the inside of it with parchment paper or spray with non stick spray. That will make it easier to get clean pretty squares when served. Use a 8×10″ baking dish or 9×9″ for the one below. You could double this batter and make in a 1/2 sheet pan instead.

    Biggest tip of all is you don’t want to over bake this, or any cake for that matter. I like to use my finger to test it really. If you gently touch the very center and it springs back then it is ready. Immediately remove, it at this time and set on cooling wire rack. To get nice clean squares when cut, allow to cool before slicing.

    You literally can make this year round, and not wait for the boxes to be on the shelves. That is what is great for all good things homemade right?? I mean we are such fans of this and pumpkin that in the middle of the summertime I’ll make our gingerbread pumpkin bundt cake to satisfy my holiday cravings!

    gingerbread cake

    Chocolate Gingerbread Cupcakes

    Ok so how could you use this same batter into your favorite version of mini chocolate cupcakes?? It’s easy. Just use a muffin pan and liners. Fill each one 3/4 of the way full and I like 350 F. Regular size usually runs 18-21 minutes or so, mini at 11. Lightly touch the center of one and if it springs back they are done.

    Remove, transfer to a cooling rack out of the pan so they don’t continue baking and get dry. This is how long to bake mini muffins of all kinds. And if you want to bake jumbo chocolate muffins you could do that too.

    How to Save Leftover Cake

    You may not finish this in one sitting after dinner. You want to keep it nice and moist so cover the pan with plastic wrap once cooled. Wrap the end that has been cut inside the pan instead of around it trapping air inside. Leave on your countertop, not the fridge. It will last about 4 days.

    When served you could add 1/2 cup of vanilla ice cream to the top to add a bit of moisture too if desired. Another idea is to do like we do when making a poke cake and poke the top with a straw or knife. Then warm some chocolate syrup and pour a bit on top so it soaks thru to the center.

    homemade-gingerbread-cake

    Other Gingerbread Recipes You’ll Love

    Got it?? Super easy and we have a printable recipe with all of the directions and ingredients for you below. You can print it out and keep it inside your recipe box once you fall in love with it, or come back year after year.

    Serve this with a cup of coffee with some gingerbread spice sprinkled on top for the best holiday treat. Want to make a small batch? Try our air fryer gingerbread men recipes next.

    Before you go I want you to sign up for my free newsletter!! You will get all my new recipes emailed to you a few times a week that will help with meal planning for the week.

    Want to see a few of my favorite things that I am totally obsessed with?? Take a peek and see how many you might already have…twinsies!

    Looking for more easy family recipes and tips? LIKE The Typical Mom Facebook page because we share all our new creations there every single day. And follow me on Pinterest for more inspirations! 😉

    ***** If you LOVED this recipe give it 5 Stars below and let everyone know what you thought about it. 😉

    the typical mom
    homemade-gingerbread-cake
    Print Pin
    No ratings yet

    Chocolate Gingerbread Cake

    Chocolate gingerbread cake with cake mix or homemade is a yummy Christmas dessert idea everyone loves. Now you can make the flavors you love all year long.
    Course Dessert
    Cuisine American
    Keyword brownies, cake, chocolate, gingerbread
    Prep Time 15 minutes
    Cook Time 30 minutes
    Servings 12
    Calories 292kcal
    Author The Typical Mom

    Equipment

    Ingredients

    Instructions

    • In a bowl with a hand or stand mixer mix wet ingredients together; butter, brown sugar, molasses and vanilla until creamed and smooth, then add the egg and mix. In separate bowl whisk together dry ingredients. Then slowly add 1/3 of the flour mixture into the wet with 1/3 of the boiling water, mixing all along.
    • Preheat oven to 350 degrees F. Line your 9×9" baking dish with parchment paper. Pour in pan and bake for 32-38 minutes or until toothpick in center comes out mostly clean with crumbs attached.
    • Remove, set on cooling rack and let cool before slicing.

    Video

    Notes

    with Cake Mix

      1. 1 box chocolate cake mix
      1. Package instant chocolate pudding mix
      1. 4 eggs
      1. 1 tbsp ground ginger and cinnamon
      1. 1/2 tsp allspice
      1. 1/2 c sour cream
      1. 1/2 c vegetable oil
      1. 1/2 c hot water
      1. 1/2 c molasses
      1. 1 c mini semi-sweet chocolate chips
    Preheat oven to 350. Mix all ingredients with mixer on low except chips. Fold in chips at the end. Spray bundt pan with non stick spray and bake for 50 minutes or until top springs back when touched or toothpick comes out with moist crumbs attache
    Nutrition Facts
    Chocolate Gingerbread Cake
    Amount Per Serving (2 oz)
    Calories 292 Calories from Fat 81
    % Daily Value*
    Fat 9g14%
    Saturated Fat 5g31%
    Trans Fat 0.3g
    Polyunsaturated Fat 0.5g
    Monounsaturated Fat 2g
    Cholesterol 34mg11%
    Sodium 173mg8%
    Potassium 564mg16%
    Carbohydrates 52g17%
    Fiber 2g8%
    Sugar 30g33%
    Protein 4g8%
    Vitamin A 256IU5%
    Vitamin C 0.01mg0%
    Calcium 108mg11%
    Iron 3mg17%
    * Percent Daily Values are based on a 2000 calorie diet.
    Recipe Rating




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

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