Go Back
–+ servings
Fluffy Mocha Frosting
Fluffy Mocha Frosting reflects a mid-20th-century baking style when frostings were carefully engineered for texture, stability, and volume, often intended for celebration cakes and bakery-style layer desserts. This recipe combines cocoa and powdered sugar with butter and hot coffee, producing a frosting that is lighter than traditional buttercream yet richer and more aromatic than simple chocolate icing. The use of brewed coffee enhances the cocoa’s depth without overpowering it, creating a balanced mocha flavor that pairs especially well with chocolate layer cakes. Designed to be whipped gradually for maximum air incorporation, this frosting was prized for its smooth spreading quality and its ability to hold shape between layers and along cake sides, making it both decorative and indulgent.
Print Recipe Pin Recipe
Prep Time 20 minutes
Cook Time 5 minutes
Total Time 25 minutes
Course frosting
Cuisine American
Servings 12
Calories 285 kcal

Ingredients
  

  • 1 cup powdered sugar
  • 2 tbsp unsweetened cocoa powder
  • ½ cup unsalted butter (softened)
  • ¾ cup hot brewed coffee
  • 1 tsp vanilla extract

Instructions
 

Step 1: Combine Dry Ingredients

  • Sift powdered sugar and cocoa powder together into a bowl.

Step 2: Cream Butter

  • In a separate bowl, cream softened butter until smooth and pale.

Step 3: Add Cocoa-Sugar Gradually

  • Add a portion of the cocoa-sugar mixture to the butter.
  • Beat until incorporated and slightly thickened.

Step 4: Incorporate Coffee Alternately

  • Add a small amount of hot coffee.
  • Beat until smooth.
  • Continue alternating cocoa-sugar mixture and coffee in small additions.

Step 5: Whip Until Fluffy

  • Beat continuously until frosting becomes very light, airy, and fluffy.

Step 6: Add Vanilla

  • Blend in vanilla extract thoroughly.

Step 7: Frost the Cake

  • Spread frosting between cake layers.
  • Cover top and sides evenly.

Tips

  • Use strong brewed coffee for deeper mocha flavor
  • Substitute espresso for a bolder taste
  • Chill briefly if frosting becomes too soft
  • Add a pinch of salt to balance sweetness
  • Sprinkle toasted walnuts on top for texture
  • Pipe decorative borders while frosting is fresh
  • Use Dutch-processed cocoa for darker color
  • Pair with chocolate or spice cakes
  • Reduce coffee slightly for firmer frosting

Nutrition

Calories: 285kcalCarbohydrates: 32gProtein: 1.5gFat: 17gSaturated Fat: 10gPolyunsaturated Fat: 1gMonounsaturated Fat: 4gCholesterol: 40mgSodium: 35mgPotassium: 110mgFiber: 1.5gSugar: 29gVitamin A: 520IUCalcium: 18mgIron: 1.2mg
Keyword cake frosting, chocolate frosting, coffee dessert, mocha icing, retro baking, vintage frosting
Tried this recipe?Let us know how it was!