Portillo’s chocolate cake is the dessert that closes out many a Chicago-style hot dog and Italian beef meal. It is a tall, moist, deeply chocolate layer cake with a thick coat of rich frosting, and it has a loyal following well beyond the restaurant counter.
This homemade copycat approximation aims for the same character: a tender, almost pudding-soft crumb and a fudgy, spreadable frosting. It uses pantry staples and one mixing bowl for the batter, so you can bake a bakery-style cake at home for a fraction of what a whole cake costs to order.
About Portillo’s Chocolate Cake
What defines this cake is its moisture and its chocolate depth. The batter is thin, made with hot coffee or hot water that blooms the cocoa, which intensifies flavor and keeps the crumb tender. Oil in place of all butter keeps the cake soft even after chilling.
The frosting is a classic chocolate buttercream, generous and slightly fudgy, spread thickly between and over the layers. The technique is simple: whisk the dry ingredients, stir in the wet, bake until just set, cool completely, then frost with a creamy, well-beaten buttercream.
Chocolate Cake: Restaurant vs. Homemade Cost
| At Portillo’s | Homemade (12 slices) | You Save |
|---|---|---|
| $6.49 | $0.73 | $5.76 (89%) |
Portillo’s price is the approximate cost of one slice of the signature chocolate cake. Homemade cost is an estimate from
US average grocery prices (US BLS Average Price Data, May 2026) and typical store prices for items BLS does not track (marked est.).
Ingredient cost breakdown
| Ingredient | Amount | Cost |
|---|---|---|
| all-purpose flour | 2 cup | $0.30 |
| granulated sugar | 2 cup | $0.91 |
| unsweetened cocoa powder | 0.75 cup | $1.44 est. |
| baking soda, baking powder and salt (combined) | 2 tsp | $0.01 est. |
| large eggs | 2 each | $0.37 |
| whole milk | 1 cup | $0.26 |
| vegetable oil (batter fat) | 0.5 cup | $0.31 |
| vanilla extract | 2 tsp | $0.40 est. |
| hot brewed coffee or hot water | 1 cup | $0.32 est. |
| unsalted butter, softened (frosting) | 2 stick | $1.59 |
| powdered sugar (frosting) | 4 cup | $1.82 |
| unsweetened cocoa powder (frosting) | 0.5 cup | $0.96 est. |
| milk or cream for thinning frosting | 0.25 cup | $0.07 |
| Total (makes 12 slices) | $8.76 | |
Nutrition (estimated per serving)
Estimated from listed ingredients using USDA FoodData Central reference values. Actual values vary with brands, portions, and preparation.
How Much Does It Cost to Make Portillo’s Chocolate Cake at Home?
A full batch makes 12 slices for an estimated $8.76 in ingredients, roughly $0.73 per serving. Ordering the equivalent at Portillo’s runs around $6.49 (approximate menu price), so making it yourself saves an estimated $5.76 (89%). The grocery figures are estimates based on US average grocery prices (US BLS Average Price Data, May 2026) and typical store prices for the rest; the per-ingredient breakdown is in the table above. Your local store and restaurant prices will differ, but the gap stays large because you buy staple ingredients instead of a prepared, served dish, and one batch stretches across several servings.
Why Make It at Home?
Making this cake at home lets you bake a full two-layer cake for a group at a fraction of the cost of buying slices, and you control the sweetness, the frosting thickness and the size of each piece. It also fills the kitchen with the smell of fresh chocolate, and the layers are easy to make ahead for a party.
Ingredients for Copycat Portillo’s Chocolate Cake
Here’s the full ingredients list you’ll need to make Portillo’s Chocolate Cake at home:
- 2 cup all-purpose flour
- 2 cup granulated sugar
- 0.75 cup unsweetened cocoa powder
- 2 tsp baking soda, baking powder and salt (combined)
- 2 each large eggs
- 1 cup whole milk
- 0.5 cup vegetable oil (batter fat)
- 2 tsp vanilla extract
- 1 cup hot brewed coffee or hot water
- 2 stick unsalted butter, softened (frosting)
- 4 cup powdered sugar (frosting)
- 0.5 cup unsweetened cocoa powder (frosting)
- 0.25 cup milk or cream for thinning frosting
A few ingredient notes:
- Cocoa powder: Dutch-process gives a darker, smoother, more bakery-style chocolate flavor, while natural cocoa tastes a little brighter. Either works in this recipe.
- Hot coffee: It will not make the cake taste like coffee. It deepens the chocolate flavor, but hot water works if you prefer to skip it.
- Butter for the frosting: Soften it fully at room temperature so the buttercream beats up smooth and fluffy, not greasy or lumpy.
🛒 Shop the Ingredients & Tools
- All-purpose flour
- Granulated sugar
- Unsweetened cocoa powder
- Baking soda, baking powder and salt (combined)
- Large eggs
- Whole milk
- Vegetable oil (batter fat)
- Vanilla extract
- Stainless steel mixing bowls
- Half sheet baking pan
As an Amazon Associate we earn from qualifying purchases.
How to Make Portillo’s Chocolate Cake at Home
Prep: 30 min · Cook: 35 min · Makes: 12 slices
- Heat the oven to 350 F. Grease two 9-inch round cake pans, line the bottoms with parchment and lightly dust the sides with cocoa powder.
- In a large bowl, whisk together the flour, granulated sugar, 3/4 cup cocoa powder, baking soda, baking powder and salt until evenly combined.
- Add the eggs, milk, oil and vanilla and beat on medium speed for about 2 minutes until smooth.
- Stir in the hot coffee or hot water until the batter is thin and uniform. Scrape the bowl well.
- Divide the batter evenly between the pans and bake 30 to 35 minutes, until a toothpick inserted in the center comes out with just a few moist crumbs.
- Cool in the pans for 10 minutes, then turn out onto a wire rack and cool completely before frosting.
- Beat the softened butter until creamy, then gradually add the powdered sugar, 1/2 cup cocoa powder and the milk, beating until fluffy and spreadable, about 3 minutes.
- Place one layer on a plate, spread with a thick layer of frosting, top with the second layer and frost the top and sides generously. Slice with a warm knife.
Tips for the Best Results
- Measure the flour by spooning it into the cup and leveling it so the cake does not turn dry.
- Cool the layers completely before frosting or the buttercream will melt and slide.
- Sift the cocoa and powdered sugar to avoid lumps in the batter and frosting.
- Wipe your knife clean between slices for neat, bakery-style pieces.
Common Mistakes to Avoid
- Overbaking, which dries out the crumb. Pull the cakes when a few moist crumbs cling to the toothpick.
- Skipping the parchment, which can cause the layers to stick to the pans.
- Frosting a warm cake, which makes the buttercream slip and turn greasy.
- Using cold butter in the frosting, which leaves it lumpy and hard to spread.
Variations to Try
- Add a handful of chocolate chips to the batter for extra richness.
- Bake as a 9×13 sheet cake for easier serving and transport.
- Fold a spoonful of espresso powder into the frosting for a mocha twist.
Storage & Reheating
Store the frosted cake covered at room temperature for up to two days, or in the refrigerator for up to five days. Let refrigerated slices sit at room temperature for 20 to 30 minutes before serving so the frosting softens and the crumb relaxes. Unfrosted layers can be wrapped tightly and frozen for up to two months; thaw overnight before frosting.
What to Serve It With
Serve a slice with a tall glass of cold milk, a scoop of vanilla ice cream, or a hot cup of coffee. It pairs well with a classic Chicago-style dinner of hot dogs, Italian beef and fries when you want to recreate the full restaurant meal at home.
The Bottom Line
Portillo’s Chocolate Cake is one of those dishes that feels like it should be hard to make and expensive to buy, but at home it’s neither. For an estimated $8.76 in everyday ingredients you get 12 slices, fresh and warm, for roughly 89% less than ordering out. Make it once and it’ll join the short list of recipes you reach for without thinking. Bookmark this one, grab the ingredients, and keep an eye on CopyKitchen for more copycat favorites with an estimated cost to make them at home.
Frequently Asked Questions
Is this the official Portillo’s chocolate cake recipe?
No. This is a homemade copycat approximation based on the cake’s general style: a moist, tall chocolate layer cake with a rich chocolate frosting. The restaurant’s exact formula is not public.
Why does the recipe use hot coffee or hot water?
Hot liquid blooms the cocoa powder, releasing more chocolate flavor and creating a very thin batter that bakes into a moist crumb. Coffee deepens the chocolate flavor without tasting like coffee.
Can I use butter instead of oil in the batter?
You can, but oil keeps the cake softer and moister, especially after refrigeration, since butter firms up when cold. Oil is the better choice for that tender, bakery-style texture.
Can I make this cake ahead of time?
Yes. Bake and cool the layers a day ahead, wrap them tightly and frost the day you serve. You can also freeze the unfrosted layers for up to two months.
How do I get the frosting smooth and fluffy?
Start with fully softened butter, sift the powdered sugar and cocoa, and beat for a full three minutes. Add milk a spoonful at a time until the frosting is thick but easily spreadable.
Can I turn this into cupcakes?
Yes. Fill lined muffin cups about two-thirds full and bake for roughly 18 to 22 minutes, until a toothpick comes out with a few moist crumbs. Frost once they are completely cool.
Cost figures are estimates for comparison, based on US BLS Average Price Data (US city average) and an approximate menu price; your local grocery prices and Portillo’s current menu price will vary. As an Amazon Associate we earn from qualifying purchases. CopyKitchen is not affiliated with, endorsed by, or sponsored by Portillo’s or any brand mentioned; this is an independent, homemade copycat recipe, and all trademarks are the property of their respective owners.
