Indulge in the velvety fusion of coffee and chocolate with this Mochaccino Cake—a decadent, moist dessert that feels sinful but fits seamlessly into your wellness plan! Perfect for coffee lovers and chocolate addicts alike, this cake layers bold espresso flavor with rich cocoa, all crowned with a light, fluffy frosting. It’s a guilt-free way to satisfy your cravings for something luxuriously sweet.
Why You’ll Love This Recipe
- Decadent & Light: All the richness of a coffeehouse dessert—without the points overload!
- Quick & Easy: No fancy techniques required.
- WW-Friendly Swaps: Sugar substitutes, Greek yogurt, and light whipped topping keep it smart.
- Crowd-Pleasing: Ideal for birthdays, dinner parties, or a cozy night in.
- Make-Ahead Magic: Bake today, frost tomorrow, and enjoy all week!
Ingredients
For the Cake:
- 1 cup all-purpose flour (or whole wheat flour for extra fiber)
- 1/3 cup unsweetened cocoa powder
- 1 tsp baking powder
- 1/2 tsp baking soda
- 1/4 tsp salt
- 1/2 cup granulated sugar substitute (e.g., Swerve or monk fruit)
- 1/4 cup unsweetened applesauce
- 1/2 cup fat-free Greek yogurt
- 2 large egg whites
- 1 tsp vanilla extract
- 1/2 cup strong brewed coffee (cooled)
For the Mochaccino Frosting:
- 4 oz light cream cheese (softened)
- 1/4 cup powdered sugar substitute
- 1 tsp instant espresso powder
- 1/2 tsp vanilla extract
- 1/2 cup light whipped topping (e.g., Cool Whip Lite)
Optional Garnish:
- Dark chocolate shavings
- A dusting of cocoa powder
- Coffee beans (for decoration)
Instructions
Bake the Cake
- Preheat oven to 350°F (175°C). Coat an 8×8-inch baking pan with nonstick spray.
- In a bowl, whisk flour, cocoa powder, baking powder, baking soda, and salt.
- In another bowl, mix sugar substitute, applesauce, Greek yogurt, egg whites, and vanilla until smooth.
- Gradually add dry ingredients to wet ingredients, alternating with cooled coffee. Mix until just combined.
- Pour batter into the pan and bake for 20-25 minutes, until a toothpick comes out clean. Let cool completely.
Make the Mochaccino Frosting
- Beat softened cream cheese, powdered sugar substitute, espresso powder, and vanilla until smooth.
- Gently fold in light whipped topping until fluffy.
Frost & Decorate
- Spread frosting evenly over the cooled cake.
- Garnish with dark chocolate shavings, a dusting of cocoa powder, or coffee beans.
Slice & Serve
- Cut into 12 squares. Serve with black coffee or a skinny latte for a café-style treat!

Nutritional Information
(Per slice, without garnish)
- Calories: ~120
- Protein: 4g
- Carbohydrates: 18g
- Sugar: 2g
- Fat: 3g
- Fiber: 2g
- WW SmartPoints: 6 (with sugar substitutes) or 7 (if using regular sugar).
Tips for Success
- Boost Coffee Flavor: Add 1/2 tsp espresso powder to the cake batter for extra intensity.
- Lighter Frosting: Use fat-free cream cheese to save 1 SmartPoint per slice.
- Gluten-Free: Swap flour for a 1:1 gluten-free baking blend.
- Storage: Keep refrigerated for up to 5 days or freeze unfrosted cake for 2 months.
Why This Recipe Works for Weight Watchers
- Greek Yogurt & Applesauce: Replace oil and butter for moisture without excess fat.
- Espresso Power: Enhances chocolate flavor without added sugar.
- Portion Control: Small squares keep indulgence in check.
Serving Ideas
- Dinner Party Dessert: Pair with fresh berries and mint for elegance.
- Midday Pick-Me-Up: Enjoy a square with a shot of espresso.
- Holiday Treat: Add festive sprinkles for Christmas or birthdays.
This Mochaccino Cake is proof that you don’t need to sacrifice flavor for fitness. With its deep coffee undertones, rich chocolate crumb, and cloud-like frosting, it’s a dessert that feels indulgent yet aligns perfectly with your goals. Whether you’re celebrating a special occasion or simply treating yourself, this cake is a delicious reminder that healthy eating can be decadent, satisfying, and downright delightful.
How to Make a Mochaccino Cake So Rich and Luscious in Every Bite
12
servings20
minutes30
minutes120
kcalIngredients
For the Cake:
1 cup all-purpose flour (or whole wheat flour for extra fiber)
1/3 cup unsweetened cocoa powder
1 tsp baking powder
1/2 tsp baking soda
1/4 tsp salt
1/2 cup granulated sugar substitute (e.g., Swerve or monk fruit)
1/4 cup unsweetened applesauce
1/2 cup fat-free Greek yogurt
2 large egg whites
1/2 cup strong brewed coffee (cooled)
For the Mochaccino Frosting:
4 oz light cream cheese (softened)
1/4 cup powdered sugar substitute
1 tsp instant espresso powder
1/2 tsp vanilla extract
1/2 cup light whipped topping (e.g., Cool Whip Lite)
Optional Garnish:
Dark chocolate shavings
A dusting of cocoa powder
Coffee beans (for decoration)
Instructions
- Bake the Cake
Preheat oven to 350°F (175°C). Coat an 8×8-inch baking pan with nonstick spray.
In a bowl, whisk flour, cocoa powder, baking powder, baking soda, and salt.
In another bowl, mix sugar substitute, applesauce, Greek yogurt, egg whites, and vanilla until smooth.
Gradually add dry ingredients to wet ingredients, alternating with cooled coffee. Mix until just combined.
Pour batter into the pan and bake for 20-25 minutes, until a toothpick comes out clean. Let cool completely. - Make the Mochaccino Frosting
Beat softened cream cheese, powdered sugar substitute, espresso powder, and vanilla until smooth.
Gently fold in light whipped topping until fluffy. - Frost & Decorate
Spread frosting evenly over the cooled cake.
Garnish with dark chocolate shavings, a dusting of cocoa powder, or coffee beans. - Slice & Serve
Cut into 12 squares. Serve with black coffee or a skinny latte for a café-style treat!
Notes
- Boost Coffee Flavor: Add 1/2 tsp espresso powder to the cake batter for extra intensity.
Lighter Frosting: Use fat-free cream cheese to save 1 SmartPoint per slice.
Gluten-Free: Swap flour for a 1:1 gluten-free baking blend.
Storage: Keep refrigerated for up to 5 days or freeze unfrosted cake for 2 months.