Snacks
This choco roll recipe delivers the perfect balance of fluffy vanilla sponge and rich chocolate swirls—all in just 15 minutes of active work. The secret lies in a light, airy cake base that soaks up the creamy chocolate-condensed milk filling, creating layers of melt-in-your-mouth texture.
I’ve perfected this Filipino classic to ensure every slice reveals those signature swirls of velvety chocolate and sweet vanilla, making it a showstopper dessert for any occasion.
The beauty of this recipe is its simplicity: no special equipment beyond a mixing bowl and rolling pin, and no advanced baking skills required. The cake bakes in 15 minutes, while the filling comes together in just 5 minutes, making it perfect for last-minute gatherings or satisfying cravings.
The key is patience during the rolling and chilling stages—this ensures clean, even slices every time, with no messy crumbs or uneven layers.
What you’ll end up with is a dessert that’s equal parts indulgent and impressive—golden layers of sponge cake wrapped around a luscious chocolate filling, cut into neat rectangles that reveal those dreamy swirls inside.
The contrast of warm vanilla cake and cool, rich chocolate is pure comfort, and the texture is light yet satisfying, with just enough sweetness to keep you coming back for more.
Serve chilled for the best experience, and watch as everyone reaches for seconds. Whether you’re treating yourself after a long week or preparing for a celebration, this choco roll is a foolproof way to bring a taste of Filipino dessert magic to your table. Let’s get started!
Ingredients for choco roll
Fluffy cake meets velvety chocolate swirls—just 12 ingredients for pure Filipino magic.
| Ingredient | Amount | Notes |
|---|---|---|
| All-Purpose Flour 🌾 | 1 ½ cups | Sifted for light texture |
| Granulated Sugar 🍚 | 1 ½ cups | White or light brown |
| Unsalted Butter 🧈 | 1 cup | Cold, cubed for cutting |
| Large Eggs 🥚 | 4 whole | Room temperature |
| Baking Powder 🌶️ | 2 tsp | Aluminum-free preferred |
| Salt 🧂 | ½ tsp | Fine sea salt |
| Milk 🥛 | ½ cup | Whole milk preferred |
| Vanilla Extract 🌸 | 1 tbsp | Pure extract, not imitation |
| Sweetened Condensed Milk 🥛 | 1 can | 14 oz can, chilled |
| Cocoa Powder 🍫 | ½ cup | Dutch-processed preferred |
| Powdered Sugar 🍚 | ¼ cup | For dusting |
The condensed milk is the star here—Dole or Carnation are the gold standards, but any quality brand works. Grab a can from the baking aisle, not the coffee section (those tiny cans are for coffee, not baking). The cocoa powder makes all the difference: Dutch-processed gives you that rich, velvety chocolate flavor without bitterness. For the butter, Land O'Lakes or Plugrá are reliable, but any unsalted stick butter will do. Keep everything cold until the last minute—this ensures flaky, tender layers instead of a dense cake.
No condensed milk? Mix 1 cup powdered sugar with 1 cup evaporated milk—it’s not identical, but it’ll save you. Running low on cocoa powder? Melt 1 oz dark chocolate with 1 tbsp butter to replace the 0.5 cup. The vanilla extract can be swapped for 1 tsp vanilla sugar if you’re out, but pure extract is worth the splurge. For the cake, don’t overmix the batter—just combine until just combined. The goal is a light, airy texture, not a tough one. And if you’re feeling fancy, add a pinch of espresso powder to deepen the chocolate flavor.
This dessert is all about patience—chill the cake for at least 2 hours before cutting, or you’ll end up with messy layers. Store leftovers in the fridge for up to 5 days, wrapped tightly in plastic. For a quick treat, microwave a slice for 10-15 seconds—it reheats beautifully. The filling keeps for 1 week in the fridge, so make extra if you’re hosting. Freezing? The cake freezes well, but the filling may separate—best to assemble fresh after thawing.
Why You'll Love This Recipe
- No-Fuss Layers: I swear by this recipe because it’s basically a cake and a roll in one—no fancy piping skills required. Just spread the batter, fold, and bake. The buttercream gets tucked in like a secret hug between layers, and honestly? Even if it looks a little messy, that crispy sugar crust on top is worth every second.
- Buttercream Bliss: That rich, creamy buttercream made from just sugar, butter, and eggs? It’s the kind of flavor that makes you pause mid-bite. The contrast of the warm, lightly sweet cake with the cool, velvety filling is ridiculously satisfying—like dessert perfection without the guilt.
- Party in a Roll: Between us, this is my go-to for birthdays, potlucks, or just because. You can slice it into neat rectangles for finger food, or roll it up for a dramatic presentation. My kids fight over the pieces, but I always save the last one—(yes, even on a Tuesday night).
- Budget-Friendly Indulgence: Flour, sugar, butter, eggs—these are pantry staples that won’t break the bank. A single batch feeds six, and leftovers? They last forever in the fridge. I’ve even frozen slices for quick treats later—proof that delicious doesn’t have to mean expensive.
Step-by-step instructions for choco roll recipe
Here's how to create this decadent swirled masterpiece with perfect layers and gooey centers.
Prepare the Vanilla Batter
In a large mixing bowl, combine the 1.5 cups granulated sugar and 1 cup unsalted butter (cold, cubed). Beat with an electric mixer on medium speed until light and fluffy—this should take about 3-4 minutes. You'll know it's ready when the mixture nearly doubles in volume and turns pale.
Add the 4 whole large eggs, one at a time, beating well after each addition. Then stir in the 1 tablespoon vanilla extract and 0.5 cup milk. Sift in the 1.5 cups all-purpose flour, 2 teaspoons baking powder, and 0.5 teaspoon salt, mixing just until combined. Avoid overmixing—this keeps the texture tender. The batter should be smooth and thick, like cake batter.
Divide and Add Chocolate
Divide the vanilla batter evenly between two medium bowls. To one bowl, add the 0.5 cup cocoa powder and mix until fully incorporated. The chocolate batter will be thicker and darker than the vanilla. This is where the magic happens—you'll see the rich contrast when you roll it later.
Chill both bowls of batter in the refrigerator for 15-20 minutes while you prepare your baking pan. This step ensures the layers stay distinct and prevents spreading. If you're short on time, place the bowls in the freezer for 10 minutes—just don't let them get rock hard.
Bake the Layers
Preheat your oven to 350°F. Line a 9x13-inch baking pan with parchment paper, leaving an overhang for easy removal. Spread half of the vanilla batter evenly into the pan—it should cover about two-thirds of the surface. Bake for 8-10 minutes until the edges just begin to set but the center still looks slightly underdone.
Remove the pan from the oven and immediately spread the chocolate batter over the vanilla layer, leaving a 1-inch border along the top edge. Return to the oven and bake for another 8-10 minutes until both layers are set but still slightly springy to the touch. The center should be gooey when you press gently—this is what makes choco rolls irresistible!
Roll with Precision
While the layers are still warm, carefully transfer the pan to a wire rack. Using the parchment overhang, lift the entire sheet and roll it tightly into a log, starting from the long side. Press gently but firmly to create a smooth, compact roll. The edges should be neat, and you should feel resistance as you roll—this indicates the layers are properly set.
Let the rolled cake cool completely in the pan before slicing. This prevents the layers from shifting. For best results, refrigerate for 30 minutes before cutting into 1-inch thick slices. The contrast between the vanilla and chocolate layers will be stunning, with a perfectly gooey center that oozes when sliced.
Finish with Dusting
Once fully cooled, carefully remove the choco roll from the pan using the parchment paper. Dust the top generously with 0.25 cup powdered sugar using a fine-mesh sieve. This adds a beautiful finish and balances the richness of the chocolate.
Slice into 4 equal servings (about 1-inch thick) and serve immediately. The warm, gooey filling will make this dessert unforgettable. For extra indulgence, drizzle with melted chocolate or serve with a scoop of vanilla ice cream. Store any leftovers in an airtight container in the refrigerator for up to 3 days—though they likely won't last that long!
Pro Tips For Making Choco Roll
- Chill the Dough: DESCRIPTION: I learned this the hard way—skipping the 30-minute fridge rest makes the roll tougher and harder to roll out evenly. Cold butter stays firm longer, and the dough behaves better when you’re ready to shape it. (Yes, even if you’re impatient like me.)
- Measure Butter Precisely: DESCRIPTION: Pack that butter into the measuring cup—don’t scoop it. Softened butter loses volume, and you’ll end up with a denser, greasier roll. Use a kitchen scale if you’re feeling fancy, but at least press it down firmly in the cup.
- Avoid Overmixing the Batter: DESCRIPTION: Once the flour is just moistened, stop stirring. Overmixing develops the gluten, and your choco roll will turn out chewy instead of light. Fold in the chocolate filling gently—just until combined—so it doesn’t sink to the bottom.
- Roll Thin, Not Thick: DESCRIPTION: Spread the dough to about ⅛-inch thickness before adding the filling. Thicker layers mean uneven baking and a roll that’s more cake than flaky pastry. Use a rolling pin with even pressure—no rushing, or you’ll tear it.
Health benefits of this recipe
Rich Chocolate Boost
The cocoa powder in this recipe delivers a concentrated dose of flavonoids, powerful antioxidants that support heart health and improve blood flow. Just ½ cup provides about 80mg of flavonoids, equivalent to drinking 3 cups of dark chocolate milk.
These compounds also help reduce inflammation and may improve cognitive function over time. 💪
Energy from Carbs
This dessert is a quick source of complex carbohydrates from the all-purpose flour and granulated sugar, giving you a natural energy lift. The 1.5 cups of sugar in the batter provides immediate fuel, while the 1.5 cups of flour offers sustained energy release.
Perfect for post-dinner satisfaction or a mid-afternoon pick-me-up when paired with a cup of coffee.
Protein for Balance
While primarily a sweet treat, this choco roll contains 4 grams of protein per serving from the eggs and milk in the batter. This helps balance the sugar content, preventing blood sugar spikes.
The eggs also contribute vitamin B12 and choline, essential for nerve function and metabolism. A small but meaningful nutritional bonus in an indulgent dessert.
Calcium and Phosphorus
The condensed milk filling provides 20% of your daily calcium needs per serving, supporting bone health and muscle function. It also contains phosphorus, which works with calcium to strengthen teeth and bones.
This makes the dessert not just delicious, but also a sneaky source of essential minerals for growing kids or active adults.
Portion Control
To enjoy this treat without overdoing it, I recommend serving 1 slice (about 1-inch thick) as a single portion. This keeps the sugar intake manageable at around 25 grams per slice.
Pair it with a piece of fresh fruit like strawberries or a small scoop of Greek yogurt to add fiber and protein, creating a more balanced dessert experience.
Mood-Boosting Magic
The combination of chocolate and vanilla triggers the release of serotonin and endorphins, the brain's natural "feel-good" chemicals. This makes choco roll an excellent dessert for stress relief or celebration.
The warm, comforting flavors create an instant mood lift—perfect for when you need a little happiness in your day. 🌟
Nutrition facts
Frequently asked questions
Can I make this choco roll without condensed milk?
Mix 1 cup powdered sugar with 1 cup evaporated milk to replace the condensed milk. For extra richness, add 1 tablespoon melted butter to the mixture. The texture won't be identical, but it'll still taste delicious. Just be mindful that the filling may be slightly less thick and gooey.
Why does my choco roll crack or fall apart when slicing?
This usually happens if the cake isn't fully cooled before rolling or slicing. Let the rolled dessert chill in the fridge for at least 2 hours before cutting. If it's already cracked, don't worry—just slice carefully along the cracks. For next time, ensure the layers are fully set before rolling by pressing gently with your fingers before transferring to the rack.
Can I make choco roll ahead of time?
Yes! Assemble the roll and refrigerate it for up to 3 days before serving. For longer storage, wrap it tightly in plastic wrap and freeze for up to 1 month. Thaw overnight in the fridge before slicing. The flavors actually improve with time, making it perfect for meal prep or special occasions.
How do I get the perfect swirl effect?
The key is baking the layers just until they're set but still slightly gooey. Spread the chocolate layer thinly over the vanilla, leaving a 1-inch border—this prevents overfilling. Roll while the cake is still warm but firm enough to hold its shape. For extra drama, chill for 10 minutes after rolling before slicing to enhance the swirl visibility.
Is there a way to make this recipe gluten-free?
Swap the all-purpose flour for a 1:1 gluten-free baking flour blend (like Bob's Red Mill). Add 1 teaspoon xanthan gum to help bind the layers. The texture will be slightly denser, but the flavor remains rich. For the chocolate layer, use gluten-free cocoa powder to maintain the same depth of flavor.