Rich, deeply chocolatey, and unbelievably moist—this cake melts on your tongue with every bite. If you’ve ever tried to recreate that famous bakery-style softness and failed, you’re not alone. This Portillo’s Chocolate Cake copycat nails the texture, flavor, and signature frosting—without the guesswork.
Table of Contents
Table of Contents

Bake at 350°F (175°C) for 30–35 minutes. This Portillo’s Chocolate Cake copycat is ultra-moist thanks to mayonnaise, creating a soft, rich crumb with creamy frosting. Avoid overmixing for the best texture.
Recipe Overview
- Prep Time: 15 minutes
- Cook Time: 30–35 minutes
- Total Time: 50 minutes
- Servings: 12 slices
- Difficulty: Easy
Why You’ll Love This Portillo’s Chocolate Cake
Bakery-Level Moisture:
This cake stays incredibly soft for days thanks to a secret ingredient—mayonnaise—that locks in moisture better than butter alone.
Authentic Flavor Match:
In my experience, this recipe comes shockingly close to the real Portillo’s version—rich cocoa flavor with just the right sweetness.
Beginner-Friendly Method:
No fancy techniques—just mix, bake, and frost. Perfect even if it’s your first homemade cake.
Versatile for Any Occasion:
Serve it as a sheet cake, layer cake, or even cupcakes—it adapts beautifully.
Make-Ahead Friendly:
It tastes even better the next day, making it ideal for parties and gatherings.
Why This Copycat Is Better Than Portillo’s
- Fresher ingredients = deeper flavor
- Control the sweetness level
- No preservatives
- More affordable
Ingredients
Cake Batter
- 2 cups all-purpose flour
- 2 cups granulated sugar
- ¾ cup unsweetened cocoa powder
- 2 tsp baking soda
- 1 tsp baking powder
- ½ tsp salt
- 3 large eggs
- 1 cup mayonnaise
- 1 cup water
- 2 tsp vanilla extract
Chocolate Frosting
- 1 cup unsalted butter (softened)
- 3½ cups powdered sugar
- ½ cup cocoa powder
- ¼ cup milk
- 2 tsp vanilla extract
Optional Add-Ons
- Chocolate chips (for richer texture)
- Espresso powder (enhances chocolate flavor)
Ingredient Science (Why This Works)
The key to success is understanding why this cake is so moist:
- Mayonnaise: It’s made of eggs and oil—this adds fat and emulsification, creating a soft crumb.
- Cocoa Powder: Provides structure and deep chocolate flavor.
- Baking Soda + Powder: Work together for lift and tenderness.
According to Harvard T.H. Chan School of Public Health, fats like oil help retain moisture in baked goods longer than butter alone—explaining the cake’s signature softness.
Ingredient Substitutions
- No Mayo? Use ¾ cup oil + ¼ cup sour cream
- Gluten-Free: Use a 1:1 gluten-free flour blend
- Dairy-Free Frosting: Use plant-based butter and milk
Try this base with another frosting from: the best vanilla cake with chocolate frosting
Step-by-Step Instructions
Step 1: Preheat & Prep
Preheat oven to 350°F (175°C) and grease a 9×13-inch pan.
Visual cue: Pan should be fully coated to prevent sticking.
Tip: Line with parchment for easy removal.

Step 2: Mix Dry Ingredients
Whisk flour, sugar, cocoa, baking soda, baking powder, and salt.
Visual cue: Even, lump-free mixture.
Tip: Sifting cocoa prevents clumps.

Step 3: Add Wet Ingredients
Add eggs, mayonnaise, water, and vanilla. Mix until smooth.
Visual cue: Batter should be glossy and slightly thick.
Tip: Don’t overmix—stop once combined.

Step 4: Pour & Bake
Pour into pan and bake 30–35 minutes.
Doneness: Toothpick comes out with moist crumbs (not wet batter).
Tip: Slight underbaking keeps it ultra-moist.

Step 5: Cool Completely
Let cake cool for at least 45 minutes.
Visual cue: Cake pulls slightly from edges.
Tip: Frosting too early = melting disaster.

Step 6: Make Frosting
Beat butter, sugar, cocoa, milk, and vanilla until fluffy.
Visual cue: Light, creamy texture.
Tip: Add milk gradually for perfect consistency.

Step 7: Frost & Serve
Spread evenly over cooled cake.
Visual cue: Smooth, thick layer.
Tip: Slightly warm frosting spreads easier.

Texture Guide
- Moist: Thanks to mayonnaise and oil-based fat
- Soft: Fine crumb that melts in your mouth
- Slightly Dense: Not airy like sponge—more indulgent
This is what makes Portillo’s chocolate cake so addictive.
Pro Tips (From Experience)
- Use room-temperature eggs for a smoother batter
- Add espresso powder to intensify the chocolate flavor
- Chill before slicing for cleaner cuts
Pair with: Ninja Creami Ice Cream Recipes – Delicious Ideas
Troubleshooting
Cake Too Dry
- Cause: Overbaking
- Fix: Reduce bake time by 3–5 minutes
Cake Sinks in the Middle
- Cause: Overmixing or underbaking
- Fix: Mix gently and check doneness
Frosting Too Thick
- Cause: Too much sugar
- Fix: Add milk 1 tbsp at a time
Variations
Portillo’s Chocolate Cake Shake
Blend cake with vanilla ice cream and milk—just like the famous dessert.
Cupcake Version
Bake at 350°F for 18–20 minutes.
Bundt Cake Style
Bake 40–45 minutes for a denser presentation.
Healthier Version
Reduce sugar by ¼ cup and use Greek yogurt instead of mayo.
Storage + Freezing
- Room Temp: 3 days (covered)
- Fridge: 5–6 days
- Freezer: Wrap slices individually, freeze up to 3 months
Tip: Thaw overnight in fridge for best texture.
Serving Ideas
- Serve with vanilla ice cream
- Pair with coffee or milk
- Top with berries for contrast
Great after meals like: Olive Garden Steak Gorgonzola Alfredo Recipe
Nutrition Facts (Per Slice Approx.)
- Calories: 420
- Carbs: 55g
- Fat: 22g
- Protein: 5g
- Sugar: 40g
(Comparable to Portillo’s chocolate cake calories, but customizable)
FAQ
Why does Portillo’s chocolate cake use mayonnaise?
Mayonnaise is the secret behind the cake’s ultra-moist texture.
It’s made from oil + eggs, which are already common cake ingredients. Instead of adding them separately, mayonnaise:
Adds rich fat → keeps the cake soft for days
Improves texture → creates a smooth, tender crumb
Locks in moisture → prevents dryness (a common cake problem)
In my experience, cakes made with mayo stay softer longer than butter-based cakes. You won’t taste the mayo at all—it simply enhances the chocolate flavor and structure.
Can I make Portillo’s chocolate cake without mayo?
Yes, you can—but the texture will change slightly.
Best substitutes:
¾ cup oil + ¼ cup sour cream → closest match to moisture
1 cup Greek yogurt → slightly tangy, lighter texture
¾ cup oil only → still moist but less rich
Important:
Without mayo, the cake may be:
Slightly less fluffy
A bit more crumbly
Not as “signature soft” as the original
If you want the most authentic Portillo’s chocolate cake result, mayo really makes the difference.
What frosting does Portillo’s use?
Portillo’s uses a classic chocolate buttercream frosting.
It’s typically made with:
Butter
Powdered sugar
Cocoa powder
Milk
Vanilla
What makes it special:
Smooth and creamy (not overly whipped)
Rich chocolate flavor that complements the moist cake
Spreadable texture—not too stiff, not too runny
Pro insight: The frosting is slightly thicker than typical bakery frosting, which helps it sit beautifully on their sheet cake without sliding.
What is chocolate cake made of?
It’s a rich chocolate cake made with cocoa powder and mayonnaise for moisture, topped with creamy chocolate frosting.
How to make Portillo’s chocolate cake recipe at home?
Follow this simple mix-and-bake method using pantry staples—no special tools required.
What are Portillo’s chocolate cake shake calories?
A typical slice blended into a shake can exceed 800 calories, depending on ingredients.
Is this recipe the same as Portillo’s chocolate cake?
In my experience, it’s extremely close—same moist texture and deep chocolate flavor.

Portillo’s Chocolate Cake
Equipment
- Mixing Bowls
- Whisk
- 9×13 baking pan
- Electric mixer
- Spatula
Ingredients
Cake Batter
- 2 cups all-purpose flour
- 2 cups granulated sugar
- ¾ cup unsweetened cocoa powder
- 2 tsp baking soda
- 1 tsp baking powder
- ½ tsp salt
- 3 large eggs
- 1 cup mayonnaise
- 1 cup water
- 2 tsp vanilla extract
Chocolate Frosting
- 1 cup butter
- 3½ cups powdered sugar
- ½ cup cocoa powder
- ¼ cup milk
- 2 tsp vanilla extract
Instructions
- Preheat oven to 350°F (175°C) and grease a 9×13 pan.
- Mix dry ingredients in a bowl.
- Add eggs, mayonnaise, water, and vanilla. Mix until smooth.
- Pour batter into pan and bake 30–35 minutes.
- Let cake cool completely.
- Prepare frosting and spread evenly.
- Slice and serve.
Notes
You May Also Enjoy
Love this recipe? Save this Portillo’s Chocolate Cake to your dessert board and come back anytime you need a guaranteed crowd-pleaser!
Conclusion
This Portillo’s Chocolate Cake isn’t just a copycat—it’s an upgrade. With better structure, deeper flavor, and foolproof steps, you’ll get bakery-quality results every time. The key to success is simple: don’t overmix, don’t overbake, and trust the mayonnaise magic.