Indulge in the Rich Flavor of Chocolate Coffee Cake

Dear coffee and chocolate lovers,

I’m thrilled to share with you my recipe for an utterly decadent chocolate coffee cake with coffee icing. If you’re a fan of mocha, this cake will absolutely delight your taste buds.

As a barista, I am passionate about both coffee and baking, and combining these two flavors is one of my favorite things to do. This recipe is perfect for impressing guests at a dinner party or indulging in a delightful treat after a long day.

The texture of this cake is moist and fluffy, and the combination of rich chocolate with a hint of coffee makes it truly irresistible. The ingredients are simple and easy to find in most grocery stores.

This recipe is also very versatile, as it can be baked into layers for a beautiful layer cake or put into a bundt pan for an elegant presentation. I guarantee that this chocolate coffee cake will become a true favorite that you’ll want to make again and again.

So come on, take out your apron, your utensils, and let’s make some magic in the kitchen!


Your Barista

Why You’ll Love This Recipe

Chocolate Coffee Cake with Coffee Icing
Chocolate Coffee Cake with Coffee Icing

Indulging in the Chocolate Coffee Cake with Coffee Icing recipe is an experience unlike any other. This recipe will take your taste buds on a delectable journey filled with rich chocolate undertones and the warm aroma of freshly brewed coffee. Not only is this recipe a treat for your taste buds, but it’s also incredibly versatile, making it perfect for any occasion.

What’s not to love about a luscious chocolate cake infused with subtle notes of coffee? This recipe is a flavorful combination of chocolate and coffee that will leave you craving more with each bite. With its moist and fluffy texture, this cake is the perfect indulgence to satisfy your sweet tooth.

One of the things that make this recipe stand out is its array of delicious and wholesome ingredients. The cake made from all-purpose flour crumbles in your mouth, while the raisins and walnuts provide a delightful crunch. The cream cheese and unsalted butter in the icing gives it a creamy delightfulness that pairs perfectly with the chocolatey goodness.

This outstanding recipe provides endless substitutions and variations, allowing you to get creative with flavors to suit your preferences. Whether you want to add some cinnamon to complement the coffee notes even further or swap raisins for chocolate chips, this recipe can accommodate your every desire.

With this recipe, you not only get everything you want in a dessert but also additional health benefits from substitutions like swapping plain yogurt for butter and reducing the sugar content without losing the great taste.

Whether you prefer elegant layer cakes or are looking for something fun to bake with your kids, this cake will hit all the right spots. So why don’t you treat yourself today by trying out this fantastic Chocolate Coffee Cake with Coffee Icing recipe; trust me – you won’t regret it!

Ingredient List

“Satisfy your sweet and caffeine cravings with this chocolate coffee cake!”

Here are all the ingredients you’ll need to make this decadent chocolate coffee cake with coffee icing:

For The Cake:

  • 2 cups all-purpose flour
  • 1 cup granulated sugar
  • 3/4 cup unsweetened cocoa powder
  • 2 teaspoons baking powder
  • 1 teaspoon baking soda
  • 1/2 teaspoon salt
  • 1 teaspoon ground cinnamon (optional)
  • 2 large eggs, at room temperature
  • 1 cup plain yogurt or sour cream
  • 1/2 cup brewed coffee, at room temperature
  • 1/2 cup unsalted butter, melted and slightly cooled
  • 1 teaspoon vanilla extract
  • 1/2 cup raisins (optional)
  • 1/2 cup chopped walnuts (optional)

For The Coffee Buttercream Icing:

  • 3/4 cup unsalted butter, softened to room temperature
  • 3 cups icing sugar
  • 3 tablespoons strong brewed hot coffee or espresso, cooled to room temperature
    (Or substitute instant coffee powder dissolved in hot water)
  • pinch of salt

The ingredient list may seem lengthy but they’re quite common pantry staples, so you probably have most of it on hand already. Now, let’s get started!

The Recipe How-To

“The perfect treat for coffee lovers and chocoholics alike.”

Step 1: Preheat the oven and prepare the pans

Begin by preheating your oven at 350°F, then grease your pans using unsalted butter and lightly dust with all-purpose flour. You can also use parchment paper at the bottom of the pan to prevent the cake from sticking.

Step 2: Mix Dry Ingredients

In a mixing bowl, sift together 2 cups of all-purpose flour, 3/4 cup unsweetened cocoa powder, 1 teaspoon baking powder, 1 teaspoon baking soda, and 1 teaspoon salt. Set aside.

Step 3: Mix Wet Ingredients

In a separate mixing bowl, cream together 1 1/2 cups of unsalted butter softened and 1 1/4 cups of granulated sugar until it becomes pale in colour and texture. Add in four large eggs (room temperature), one egg at a time allowing each to incorporate into the mixture. Then add two teaspoons of vanilla extract.

Step 4: Mix with Dry Ingredients

Slowly combine the dry ingredients with the bowl of wet ingredients. Alternate adding dry ingredients mixture and adding 2/3 cup plain yogurt + 1/3 hot water + 1 tablespoon instant coffee powder to create an even mix. Make sure you end up with dry ingredient mixture as the last addition. Stir until well blended but don’t overmix it.

Step 5: Fold-in Any Extras

Add in 1 ½ cups of raisins, walnuts or chocolate chips, or even both raisins and walnuts altogether any extras that you want. Mix everything with a spatula uniformly.

Place this mixture on prepared pans and make level from top to distribute batter evenly in all parts of the pan.

Step 6: Bake The Cake

Bake cakes for around 30-35 minutes or until toothpick insert in the centre comes out clean.

Step 7: Release Cakes from Pans and Cool

Remove the pans from the oven and place on a cooling rack. Let cool for 10-15 minutes before removing the cake from the pan to avoid them breaking apart.

Allow all layers of chocolate coffee cake to cool completely at room temperature, then you’re ready to frost them with coffee buttercream or coffee icing, or simply dust with some powdered sugar. You can also add some chopped walnuts or chocolate shavings on top of the frosting for an extra touch of flavour.

Now you have created a heavenly delicious chocolate coffee cake that is perfect for any occasion!

Substitutions and Variations

“Make your mornings even better with a slice of this delicious cake.”

The beauty of this chocolate coffee cake recipe is that it leaves room for plenty of customization. Here are some ideas for substitutions and variations to make the recipe uniquely yours:

– Instead of walnuts and raisins, try adding other mix-ins like chopped pecans or dried cherries.

– For a mocha twist, swap out the instant coffee in the cake batter for teaspoons of espresso powder.

– If you don’t have plain yogurt on hand, sour cream or buttermilk would make great substitutes.

– Want a richer frosting? Swap out half the butter in the icing recipe for cream cheese.

– For a bundt cake version of this recipe, simply pour the batter into a greased bundt pan instead of two round cake pans. Bake at 350°F for 45 to 50 minutes, or until a toothpick inserted in the center comes out clean. Top with a dusting of cocoa powder or a drizzle of dark chocolate ganache.

– Make this recipe gluten-free by substituting all-purpose flour with a gluten-free flour blend.

– If you prefer a sweeter frosting, add an additional cup of icing sugar to the coffee buttercream frosting recipe.

– For a chocolate chip variation, fold in about 1 cup of mini chocolate chips into the batter before pouring it into the cake pans.

Let your imagination run wild with these ideas and create your own flavored cake.

Serving and Pairing

“This cake is so good, you’ll want to lick the plate clean.”

Once you’ve finished baking your delectable chocolate coffee cake with coffee icing, it’s time to think about how to serve and pair it. This rich and flavorful cake is perfect to serve at special events or for a family gathering. Here are some great ideas on how to serve and pair your chocolate coffee cake.

Firstly, you can opt for serving plain slices of cake with a dollop of whipped cream or vanilla ice cream on top. This will balance out the rich flavor of the cake and provide a creamy sweetness.

You can also add some creativity by pairing the cake with a glass of cold milk or dark roast coffee. The creamy texture of the milk pairs perfectly with the rich chocolate taste, while the bitterness of the coffee complements the coffee undertones in the frosting.

If you want to go all out, consider adding a scoop of your favorite ice cream flavor on top of each slice of cake. Vanilla bean or mocha flavored ice cream works wonders as it adds an extra level of sweetness and texture to each bite.

If you’re feeling adventurous, try pairing the cake with a glass of red wine. A deep and fruity Shiraz will complement the bitter notes in the coffee icing while accentuating the richness of the dark chocolate flavor in the cake.

Ultimately, there’s no right or wrong way to serve and pair your chocolate coffee cake—just have fun exploring different flavor combinations until you find your perfect match!

Make-Ahead, Storing and Reheating

“Elevate your coffee game with this indulgent dessert.”

It’s always a good idea to plan ahead when it comes to making delicious chocolate coffee cake with coffee icing. This recipe can be made ahead of time and stored for later use, ensuring that you always have a sweet treat on hand.

To make things easier, you can prepare the cake batter in advance and store it in the refrigerator until ready to bake. You can also bake the cake ahead of time and freeze it for up to three months. When you’re ready to enjoy your homemade dessert, simply thaw it overnight in the refrigerator and then bring it to room temperature before serving.

If you find yourself with leftover cake, don’t worry! Chocolate coffee cake with coffee icing can be stored for up to five days when wrapped tightly in plastic wrap or stored in an airtight container. For best results, keep the cake at room temperature away from direct sunlight.

Reheating your chocolate coffee cake is easy and can be done in just a few minutes. Simply preheat your oven to 300°F (150°C), cover the cake with foil, and bake for about ten minutes. This will help restore the moistness of the cake while keeping it warm and fresh-tasting.

In conclusion, making and storing chocolate coffee cake with coffee icing couldn’t be easier! With some preparation, you can have this delectable treat whenever you want. Whether you’re making it for a special occasion or just as an everyday indulgence, this recipe is sure to wow your taste buds.

Tips for Perfect Results

“A slice of heaven in every bite.”

To ensure that your chocolate coffee cake with coffee icing turns out perfectly, here are some tips and tricks to help you out:

Firstly, make sure all your ingredients are at room temperature, especially the butter. Room-temperature butter is easier to incorporate evenly into the batter and will also result in a lighter texture for the cake.

When adding the flour mixture to the wet ingredients, be sure not to overmix. Overmixing can cause your cake to be dense and heavy instead of light and fluffy. Mix just until the ingredients are combined.

To add an extra kick of coffee flavor to the cake, use brewed coffee instead of hot water when dissolving the instant coffee powder. It will give your cake a richer taste and aroma.

If you want to vary the nuts and dried fruit within the recipe, be sure not to go overboard with your substitutions. Stick with 1-2 types of nuts (such as walnuts and almonds) or dried fruit (raisins or cranberries) so that they do not overpower each other or the chocolate and coffee flavors.

When making the buttercream frosting, start by beating the unsalted butter until it’s light and creamy before gradually adding in the icing sugar in small increments. This will help ensure you have a smooth and fluffy frosting.

To prevent any lumps in your icing sugar, sift it before adding it to your frosting. This step may seem small but can make all the difference in achieving a smooth texture.

Lastly, make sure you follow each step of this recipe carefully to yield delicious results like a pro barista!


As a barista and lover of coffee, I understand how important it can be to have some clarification on certain ingredients, measurements or baking techniques. So, in order to ensure that you get the most out of this chocolate coffee cake recipe and achieve the best results imaginable, I have gathered some frequently asked questions and their answers in this section. Without further ado, let’s delve into the FAQ section!

What does coffee do to chocolate cake?

The addition of coffee to chocolate can immensely intensify the taste of the chocolate cake. However, for those who have reservations about using coffee, it can be substituted with water. One can also opt for adding a teaspoon of espresso powder to the water to replace the coffee.

Can you add coffee to box cake mix?

A little tip for those who love chocolate: consider substituting hot water with a robust brewed coffee when making your cake mix. The combination of coffee and chocolate is simply divine and will enhance the chocolate taste to a whole new level.

What makes a coffee cake a coffee cake?

Coffee cake is a type of cake that’s often decorated with a crumbly streusel topping. Interestingly, the cake itself doesn’t actually contain any coffee flavoring – the name simply suggests that it’s a great accompaniment to a hot cup of coffee.

Is coffee cake supposed to be dipped in coffee?

Coffee cake is not a dessert that is filled with coffee. Even though some earlier versions of the cake contained actual coffee, the current version of the snack cake is intended to complement coffee rather than contain it.

Bottom Line

In conclusion, this recipe for Chocolate Coffee Cake with Coffee Icing is a guaranteed crowd-pleaser. The perfect combination of rich chocolate and bold coffee flavors will leave your taste buds craving more. It’s ideal for serving at any special occasion or holiday gathering. Plus, the recipe’s flexibility makes it easy to modify and create variations that suit your personal taste.

By using high-quality ingredients and following the recipe’s detailed instructions, you’ll be rewarded with a show-stopping dessert that’s sure to impress even the most discerning palate. So why wait? Head to your local grocery store and pick up the ingredients today! Your family and friends will thank you for treating them to the ultimate coffee-chocolate indulgence. Trust me, you won’t be disappointed. Enjoy!

Chocolate Coffee Cake with Coffee Icing

Chocolate Coffee Cake with Coffee Icing Recipe

Dazzle your guests with this "show stopper" coffee cake. Rich enough for dessert, it makes an ideal brunch cake.
No ratings yet
Prep Time 15 mins
Cook Time 1 hr
Course Dessert
Cuisine American
Calories 565.9 kcal


  • 1/2 cup packed dark brown sugar
  • 1/2 cup raisins
  • 1/2 cup chopped walnuts
  • 2 tablespoons cocoa
  • 1 tablespoon cinnamon
  • 2 teaspoons instant coffee powder
  • 3/4 cup unsalted butter, room temperature
  • 1 1/2 cups sugar
  • 2 teaspoons vanilla
  • 3 eggs
  • 3 cups all-purpose flour
  • 1 1/2 teaspoons baking powder
  • 1 1/2 teaspoons baking soda
  • 1/2 teaspoon salt
  • 2 cups plain yogurt
  • chopped walnuts (to garnish)
  • raisins (to garnish)

Coffee Icing

  • 1 teaspoon instant coffee powder
  • 1 tablespoon hot water
  • 6 tablespoons unsalted butter, room temperature
  • 4 ounces cream cheese, room temperature
  • 1/2 cup sifted icing sugar, plus
  • 2 tablespoons sifted icing sugar
  • 1/2 teaspoon vanilla
  • 1/2 teaspoon orange juice
  • 1 pinch salt


  • Combine brown sugar, raisins,walnuts,cocoa, cinnamon and instant coffee in a bowl.
  • Set aside.
  • Cream butter in a large bowl and gradually beat in sugar until mixture is light and fluffy.
  • Stir in vanilla.
  • Add eggs, one at a time, beating well after each addition.
  • Sift flour, baking powder, soda and salt together twice.
  • Stir flour mixture, 1/3 cup at a time,into butter mixture, alternating with the yogurt.
  • Beat until just well mixed.
  • Do not overmix.
  • (batter will be thick) Grease and flour a 10 inch tube pan or bundt pan.
  • Spoon in one fourth of the batter.
  • Sprinkle with one third of the raisin-walnut mixture.
  • Repeat layering twice, ending with batter.
  • Bake 1 hour at 350*F.
  • Cool on rack.
  • Unmold coffee cake and set on serving plate.
  • Frost sides and top with Coffee Icing.
  • Sprinkle with raisins and walnuts and chill until ready to serve.
  • For Icing, mix coffee with water until completely dissolved.
  • Cool.
  • Cream butter and cream cheese until light.
  • Gradually beat in sugar.
  • Beat in vanilla, orange juice,salt and coffee mixture.
  • Whip until double in volume, about 4 minutes.

Add Your Own Notes


Serving: 138gCalories: 565.9kcalCarbohydrates: 75.8gProtein: 8.3gFat: 26.8gSaturated Fat: 14.7gCholesterol: 114.3mgSodium: 384.7mgFiber: 2gSugar: 48.6g
Keyword < 4 Hours, Breads, Brunch, Oven, Weeknight
Tried this recipe?Let us know how it was!

Recommended Recipes Just For You

None found