Best Mocha Loaf Cake

Jump to Recipe Jump to Video

Treat yourself to the best mocha loaf cake topped with creamy coffee icing! This super soft cake is a dream for coffee lovers and is so simple to make. It always disappears fast at my parties! For an even more tender bite, add a dollop of my healthier cream cheese frosting alternative.

🍰 Serves 8 | ☕ Coffee Lover's Treat | 🥄 Easy to Make | ⏱ Ready in About 1 Hour

If you're all about creamy-topped desserts, I've got some must-tries for you! First, there's my homemade apple and raisin dessert-perfectly cosy and sweet. Dive into Gooey Biscoff Cinnamon Rolls, a treat that's sticky, warm, and oh-so-comforting. And for a layered delight, easy mascarpone crêpe cake is a show-stopper with smooth layers of berry cream.

In the mood for a fruity favourite? Blueberry Pancakes with Berry Sauce and Chocolate Ganache are decadently rich and satisfying. When tangy meets sweet, Brownies with Berry Cream Frosting come out on top. And if you're looking for a plant-based dessert, Vegan Banana Bread with Cream Cheese Topping delivers all the cosy vibes.

Jump to:

💗 Why This Recipe Works
🥧 Ingredients
💡 Have a specific food allergy?
♻️ Substitutions
👩‍🍳 How to Make The Best Mocha Loaf Cake
💭 Expert Tips
❓Mocha Loaf Cake FAQs
More Chocolatey Desserts
📖 Recipe
💬 Comments

💗 Why This Recipe Works

✅ Perfect coffee-chocolate balance - Not too bitter, not too sweet.
✅ Super moist - Stays fresh for days.
✅ Easy one-bowl recipe - No fancy techniques needed.
✅ Low competition, high satisfaction - A hidden gem for coffee & chocolate lovers!

🥧 Ingredients

*See the recipe card for full information on ingredients and quantities.

Butter: Use unsalted butter at room temperature.
All-purpose Flour: Regular plain flour works well; sift it for a lighter cake.
Cocoa Powder: Use high-quality cocoa powder for a rich chocolate taste.
Baking Powder: Use baking powder, not baking soda (bi-carb), for better rising. It provides the extra lift needed for a perfect cake.
Natural Yoghurt: Adds moisture and a slight tang, making the cake tender. Use full-fat for the best results.
Milk: Helps to thin the batter slightly; use whole milk for a richer taste.
Coffee Granules: Dissolved in boiling water to bring out the deep coffee taste, enriching the mocha taste.

💡 Have a specific food allergy?

Click the buttons below to ask AI how to alter it for your diet!

♻️ Substitutions

Butter: Substitute with margarine or coconut oil for a dairy-free option. Make sure they are at room temperature.
Light Brown Soft Sugar: Use granulated white sugar or coconut sugar.
Free Range Eggs: Replace with flax eggs (1 tablespoon flaxseed meal + 3 tablespoon water per egg) or applesauce (¼ cup per egg) for a vegan option.
Plain Flour: Substitute whole wheat flour for a nuttier flavour or gluten-free flour blend for a gluten-free version.
Cocoa Powder: Use Dutch-processed cocoa powder for a darker, richer taste.
Baking Powder: Ensure it's gluten-free if needed, or use a mix of ¼ teaspoon baking soda and ½ teaspoon cream of tartar per teaspoon of baking powder.
Natural Yoghurt: Substitute with plant-based yoghurt (such as almond or soy) for a dairy-free option.
Milk: Use almond milk, soy milk, or any other plant-based milk for a dairy-free version.
Coffee Granules: Replace with espresso powder or instant coffee for a stronger taste.
Icing Sugar: Use powdered coconut sugar or a sugar substitute like erythritol for a lower-sugar option.
Coffee Granules: Substitute with espresso powder or strong brewed coffee for a more intense coffee flavour.

👩‍🍳 How to Make The Best Mocha Loaf Cake

You're going to love how simple this mocha cake is! It's rich, moist, and has just the right coffee kick-made with basic ingredients you probably already have. We'll guide you through every step, including the creamy coffee icing. Your kitchen's going to smell incredible!

Follow the step-by-step photos to make it super easy!

Creamed butter and sugar in a bowl with eggs being added one by one.

Step 1: Cream butter and sugar until fluffy. Add eggs one at a time, mixing well after each.

Sifting flour, baking powder, and cocoa powder into a bowl, then gently mixing half into creamed butter mixture.

Step 2: Sift flour, baking powder, and cocoa. Add half to the butter mix and blend gently-don't overmix.

Adding yoghurt, milk, and cooled coffee to the batter and mixing gently until smooth.

Step 3: Add yoghurt, milk, and cooled coffee. Mix on low until smooth and well combined.

Pour batter into the loaf tin and smooth the top for even baking.

Step 4: Spoon the batter into the loaf tin and smooth the top for even baking.

Loaf cake baked and icing being spread on top for a smooth, glossy finish.

Step 5: Place the tin on the middle rack and bake. Check with a skewer-if it comes out clean, it's done. Add 5-10 more minutes if needed.

Step 6: While the cake is still a bit warm, spread the icing on top so it gently drips over the sides. Once set, dust with cocoa powder for a simple, pretty finish.

*See the recipe card for detailed instructions.

Dairy-Free? Swap butter for coconut oil and use plant-based yogurt/milk.
Can I make this gluten-free? Yes! Use a 1:1 gluten-free flour blend.

💭 Expert Tips

Room Temperature Ingredients: Use room temperature butter and eggs for a smoother batter texture.
Creaming Method: Cream butter and sugar until light and fluffy to aerate the batter.
Baking Precision: Bake at 160°C (325°F) for optimal texture; test doneness with a skewer for best results.

❓Mocha Loaf Cake FAQs

What's the difference between a loaf cake and a regular cake?

Loaf cakes are baked in loaf pans, while regular cakes use round or square tins. Although they use similar ingredients, the proportions and mixing methods vary, which affects the texture and shape of the final cake.

How should I store the leftovers of the mocha loaf cake?

Store it in an airtight container at room temperature for up to 3 days or refrigerate for up to a week. You can also freeze it for up to 3 months-just thaw before serving. For the best texture, bring it to room temperature or warm slices slightly before enjoying.

What frosting works best with mocha cake?

American chocolate buttercream with coffee is a classic choice, adding rich mocha flavour. If you prefer less sweet options, try Italian buttercream or chocolate cream cheese frosting-just mix in 2 to 3 teaspoons of instant coffee powder for that perfect coffee kick.

What kind of coffee is best for mocha cake?

Instant coffee works best because it dissolves fully and has a clean, strong flavour. You can also use strong-brewed regular coffee if you don't have instant on hand, but instant is usually the easiest and most reliable for baking.