Decadent Mocha Cake Recipe for Coffee Lovers

If you love coffee and chocolate but are tired of cakes that offer only a whisper of espresso, this mocha cake will satisfy your craving. The mocha buttercream is adjustable—you dissolve instant espresso or instant coffee into warm milk or coffee and add it to taste—so you can make the coffee flavor as subtle or bold as you like. Pair that frosting with a rich chocolate cake base that produces a tender crumb and you get a dependable layer cake that tastes great from the first slice to the last.

The Best Mocha Cake (Rich Chocolate Layers + Mocha Buttercream)

I developed this layered mocha cake using a tested chocolate cake base converted into round pans and stacked with a mocha buttercream. The frosting relies on instant espresso or instant coffee granules for real coffee flavor without an espresso machine. I prefer this combination of deep chocolate and true coffee notes—it’s one of my favorite desserts to make and share.

The chocolate cake is flexible: bake 2 layers for a classic cake, 3 layers for height, or split layers to create a 4-layer showstopper. For the frosting, start with about 2 teaspoons of instant espresso dissolved in warm milk and increase based on your taste until you reach a mocha-forward frosting rather than plain chocolate buttercream.

Key Ingredients & What They Do

Quick overview of the most important ingredients and why they matter. See the recipe card below for full quantities and the step-by-step instructions.

• Bittersweet chocolate and cocoa powder: Using both melted bittersweet chocolate and natural cocoa powder deepens the chocolate flavor beyond what cocoa alone provides.
• Hot coffee: Dissolving cocoa into hot coffee intensifies chocolate flavor and gives the cake a bakery-quality depth. If necessary, you can use hot water, but coffee contributes real flavor.
• Buttermilk: Adds a slight tang and keeps crumb moist for days—helpful when baking ahead. If you don’t have buttermilk, you can make a quick substitute with milk and an acid.
• Vegetable oil: Keeps the cake tender and moist. Any neutral oil like canola or light olive oil works.
• Room-temperature butter: For the buttercream, beat butter on high for several minutes to make it light and spreadable rather than dense.
• Instant coffee or espresso granules: Dissolve these in warm milk or coffee before adding to buttercream so they blend smoothly; adjust the amount to taste.

You Pick the Number of Layers

Choose how many layers you want depending on the occasion. Bake two 8-inch layers for a simple cake, three layers for a taller celebration cake, or bake two and split each to make a four-layer cake. For a 2-layer cake plan about 1 cup of frosting between layers; for a 3-layer cake plan about ¾ cup between layers.

How to Make Mocha Cake

Begin by whisking all dry ingredients (flour, cocoa powder, sugar, baking powder, baking soda, salt) in one bowl. In another bowl combine melted and cooled bittersweet chocolate with oil, eggs, buttermilk, hot coffee, and vanilla.

Add the dry ingredients to the wet in batches and mix just until combined—overmixing creates a dense, tough crumb. Divide the batter evenly between pans; a kitchen scale helps keep layers the same thickness. Bake at 350°F (175°C) and test for doneness with a toothpick.

Let layers cool in the pans for 20–30 minutes, then remove and cool completely on a rack. Frosting warm cakes will melt the buttercream and cause slipping, so be patient.

For the mocha buttercream, beat room-temperature butter on high for 3 minutes until light. Dissolve instant coffee or espresso granules in warm milk or coffee, add to the butter, then add salt and powdered sugar one cup at a time, mixing on low until incorporated. Taste the frosting and add more instant coffee granules a teaspoon at a time until you reach the mocha intensity you prefer. If the frosting is too soft, add more powdered sugar to reach a spreadable consistency.

Assemble the cake by placing a small dab of frosting on the serving plate to hold the bottom layer in place. Spread the recommended amount of frosting between each layer—about 1 cup per layer for a 2-layer cake, ¾ cup per layer for a 3-layer cake—and use the remaining frosting to cover the top and sides. Reserve about 1 cup of frosting if you plan to pipe swirls with a star tip, and finish with chocolate-covered espresso beans or a light dusting of instant espresso if desired.

Pro Tips for the Best Mocha Flavor

Taste the buttercream as you go before declaring it finished. Instant espresso and instant coffee brands differ in strength, so adjust the amount to suit your preference. If the coffee flavor seems weak, add a little more dissolved granules; if it becomes too strong, add more powdered sugar and a touch more milk to rebalance texture and flavor.

Storing Mocha Cake

To store: Keep the frosted cake covered at room temperature. It stays moist through day two and three.

To make ahead: Bake the layers up to two days in advance. Once cool, wrap each layer tightly in plastic wrap and keep them at room temperature out of direct sunlight. Frost the cake the day you plan to serve so buttercream stays fresh and holds piped decorations. You can make the frosting ahead and store it covered; rebeat before using to restore a smooth texture.

To freeze unfrosted layers: Wrap cooled layers individually in plastic and freeze. Thaw at room temperature while still wrapped, then frost when fully thawed.

To freeze slices: Wrap individual slices tightly in plastic and foil and freeze up to a month. Thaw in the refrigerator overnight, then bring to room temperature before serving to avoid buttercream weeping.

To freeze frosting: Store buttercream in an airtight container in the freezer for up to a month. Thaw in the refrigerator overnight, bring to room temperature, and rebeat until smooth and spreadable.

Mocha Cake from Scratch — FAQs

If you have been craving true coffee and chocolate together, this mocha cake is worth making next. Bake it for a birthday, a holiday, or simply because you want a celebration-worthy dessert—then enjoy every mocha-rich bite.

Recipe: Mocha Cake

Equipment

• 8-inch round cake pans
• Parchment paper circles (for lining pans)
• Hand mixer or stand mixer
• Piping bag and star tip for piped swirls (optional)

Ingredients — Chocolate Cake

• 2 cups (240 g) all-purpose flour
• ½ cup (42 g) unsweetened natural cocoa powder
• 1¾ cups (346 g) granulated sugar
• 2 tsp baking powder
• ½ tsp baking soda
• 1 tsp salt
• 3 oz bittersweet chocolate, melted and cooled
• ½ cup (100 g) vegetable oil
• 3 large eggs
• 1 cup (227 g) buttermilk
• ½ cup (111 g) hot strong coffee (or hot water)
• 1 tsp vanilla extract

Ingredients — Mocha Frosting

• 2½ cups (565 g) unsalted butter, room temperature
• 2 tbsp warm milk or coffee
• 2 tsp instant coffee or instant espresso granules, dissolved in warm liquid
• ⅛ tsp salt
• 3–5 cups (339–567 g) powdered sugar, to taste and needed consistency
• Additional 1–2 tsp instant coffee granules, optional to intensify coffee flavor
• Chocolate-covered espresso beans for decoration (optional)

Instructions — Chocolate Cake

1. Preheat oven to 350°F (175°C). Grease two or three 8-inch pans and line bottoms with parchment circles.
2. Whisk together flour, cocoa powder, sugar, baking powder, baking soda, and salt in a large bowl.
3. Melt the bittersweet chocolate and let it cool slightly.
4. In a separate bowl whisk melted chocolate, oil, eggs, buttermilk, hot coffee, and vanilla until combined.
5. Gradually add dry ingredients to wet and mix just until combined. Avoid overmixing.
6. Divide batter evenly between pans (use a scale for even layers). Bake 2 pans for about 35–45 minutes or 3 pans for about 30–37 minutes, until a toothpick comes out clean.
7. Cool in pans 20–30 minutes, then remove and cool completely on a rack before frosting.

Instructions — Mocha Frosting

1. Beat room-temperature butter on high for 3 minutes until light and fluffy.
2. Dissolve 2 tsp instant coffee or espresso granules in 2 tbsp warm milk or coffee and add to the butter. Beat until mostly combined.
3. Add ⅛ tsp salt and 3 cups powdered sugar one cup at a time, mixing on low after each addition. Adjust powdered sugar to reach desired sweetness and texture.
4. Taste the frosting. If you want a stronger coffee flavor, add 1–2 additional teaspoons of instant granules, tasting as you go. Add more powdered sugar if needed to firm the consistency.

Assemble the Cake

1. Level the cooled cakes if needed. Spread a small amount of frosting on the serving plate to anchor the bottom layer.
2. Place the first layer and spread about 1 cup frosting for a 2-layer cake (¾ cup for a 3-layer cake). Top with the next layer and repeat. Use remaining frosting to cover sides and top.
3. If piping swirls, reserve about 1 cup of frosting, fit a piping bag with a star tip and decorate. Top with chocolate-covered espresso beans or a light dusting of instant espresso if desired.

Notes

• Use a high-quality instant espresso or instant coffee for best mocha flavor.
• Gluten-free option: substitute a 1:1 gluten-free flour blend.
• Store covered at room temperature; cake stays moist for a couple of days.
• Frozen unfrosted layers keep well; thaw wrapped and then frost.