As these rolls bake, the chocolate chips soften into little pockets while the cinnamon-sugar filling melts into the dough. I like that the cocoa gives the swirl a deep chocolate note without making every bite taste like a candy bar. Once the tops turn golden and the centers are baked through, a layer of tangy cream cheese frosting melts over the warm rolls.
Chocolate Cinnamon Rolls start with a soft, enriched dough, so the yeast needs a little time to do its work. Let the milk cool to the right temperature before adding the yeast, then give the dough its full rise; rushing either stage can leave the rolls dense. The cocoa, brown sugar, and cinnamon make a dark, fragrant filling, with semisweet chips tucked through each spiral.
Kitchen Note
Look for the dough to double during its first rise, rather than relying on the clock alone. A cool kitchen can stretch that rise, and the dough is ready when it has visibly grown to about twice its original size.
Save these Chocolate Cinnamon Rolls for a bake day when you want soft, cinnamon-swirled dough with pockets of semisweet chocolate and cream cheese frosting.
Why Cocoa Needs a Butter Layer Before It Goes Into the Roll
Unsweetened cocoa has a dry, powdery texture on its own. If it goes straight against the dough, some bites can taste dusty while others barely pick up the chocolate flavor. Here, softened butter coats the dough first, and the brown sugar, cocoa, and cinnamon sit on that layer. As the rolls bake, the butter helps the filling turn into a tender, fragrant spiral instead of a loose sprinkling of dry cocoa.
The chocolate chips add a different kind of chocolate than the cocoa does. They soften as the rolls bake, giving the centers small, rich pockets without taking over the whole filling. Spreading the sugar mixture evenly across the rectangle matters more than piling it thick in one spot; a steady layer keeps the cinnamon and cocoa present in every roll. Roll from a long edge, too, so the spiral has enough turns to hold the filling in place.
What the Milk, Cocoa, and Brown Sugar Bring to These Rolls
- Whole milk and active dry yeast — Whole milk gives the dough a tender, rich crumb, while active dry yeast needs the warm milk-and-sugar rest to become foamy before mixing. If you only have 2% milk, it works in the same amount, though the dough will be a little less rich. Check that your yeast is fresh; milk that feels hot rather than warm can keep it from activating.
- Eggs and all-purpose flour — The egg and yolk enrich the dough, and room-temperature eggs blend more easily with the softened butter. All-purpose flour keeps the rolls tender; bread flour would make them chewier, so it isn’t my first choice here. Add only enough extra flour for dusting to keep the dough manageable rather than working a heavy coating into it.
- Unsalted butter — Softened butter spreads over the dough without tearing it and gives the filling its rich base. A good-quality butter is nice in a sweet dough, but any fresh unsalted butter works. For a dairy-free batch, use a plant-based butter stick that can soften and spread; see the variation below.
- Light brown sugar, cocoa, and cinnamon — Brown sugar brings moisture and a gentle molasses note, while unsweetened cocoa deepens the filling without adding extra sweetness. Fresh cinnamon makes a noticeable difference in aroma. Dark brown sugar can stand in for light brown sugar, though it gives the filling a stronger molasses flavor.
- Semisweet chocolate chips — Semisweet chips balance the sweet dough and filling. Chopped semisweet chocolate can replace them; the irregular pieces make less uniform pockets but still melt into the spirals. Keep the pieces small enough to roll without bulging through the dough.
- Cream cheese and powdered sugar — Softened cream cheese gives the frosting its tang, and powdered sugar keeps it smooth. Use full-fat cream cheese for a thicker frosting; reduced-fat cream cheese tends to make it softer. Let both the cream cheese and butter soften before beating so the frosting doesn’t stay lumpy.
From Foamy Yeast to Frosted Centers
Wake Up the Yeast
Warm the milk to 105–110°F, then stir in the active dry yeast and granulated sugar. Leave it for 5–10 minutes; a foamy surface tells you the yeast is active. If it stays flat, check that the milk wasn’t too hot and that the yeast is fresh before mixing the dough. Stir in the room-temperature egg and yolk, followed by the softened butter.
Knead Until the Dough Turns Elastic
Add the flour and kosher salt, mixing until a shaggy dough forms, then knead on a lightly floured surface for 8–10 minutes. At first it may feel rough; keep working until it looks smooth and stretches without immediately tearing. Put it in a bowl greased with 1 teaspoon oil and turn it to coat. Cover and let it rise in a warm place for 1–1 1/2 hours, until doubled.
Fill, Roll, and Let the Spirals Puff
Mix the brown sugar, cocoa, and cinnamon, then punch down the dough and roll it into a 12×18-inch rectangle on a lightly floured surface. Use up to 1/4 cup additional flour for dusting as needed. Spread the filling butter over the dough, scatter the sugar mixture evenly, and top with the chocolate chips. Roll tightly from a long edge, cut into 12 equal rolls, and set them cut side up in a 9×13-inch baking dish greased with the remaining 2 teaspoons oil; cover and let rise for 30–45 minutes, until puffy.
Bake Until the Centers Are Set, Then Frost
Near the end of the second rise, heat the oven to 350°F. Bake the rolls for 25–30 minutes, until golden brown and baked through in the centers; the middle rolls need to look set, not wet. Let them cool in the dish for 10 minutes. Beat the softened cream cheese and remaining butter until smooth, then beat in the powdered sugar, vanilla, and milk, and spread the frosting over the warm rolls.
Two Ways to Adapt These Chocolate Cinnamon Rolls
Make a Dairy-Free Batch
Replace the whole milk with unsweetened oat milk, use plant-based butter wherever butter appears, and choose dairy-free cream cheese and semisweet chocolate chips. The dough will still rise, though the finished rolls won’t have quite the same buttery richness as the original.
Skip the Chocolate Chips
Leave out the semisweet chips and keep the cocoa, brown sugar, and cinnamon filling as it is. The rolls will have a cleaner cinnamon-chocolate swirl without the soft chocolate pockets, and they’ll still pair well with the cream cheese frosting.
Storage and Reheating
- Refrigerator: Once cooled, cover the frosted rolls and refrigerate within 2 hours. They’ll keep for 3–4 days; the rolls firm up in the fridge, and the frosting becomes less soft.
- Freezer: Freeze baked, unfrosted rolls in an airtight container for up to 2 months. Thaw in the refrigerator, then warm and frost before serving for the best texture.
- Reheating: Warm an individual roll briefly in the microwave until soft and warm, then add frosting if it isn’t already frosted. Long microwave heating can make the dough tough, so use short bursts rather than heating it until piping hot.
Questions I Get Asked About Chocolate Cinnamon Rolls
Chocolate Cinnamon Rolls
Ingredients
Equipment
Method
- Warm the milk to 105–110°F.
- Stir in the yeast and granulated sugar.
- Let stand for 5–10 minutes until foamy.
- Stir in the egg and egg yolk, then 4 tablespoons of the softened butter.
- Add 3 1/2 cups flour and the salt, and mix until a shaggy dough forms.
- Knead on a lightly floured surface for 8–10 minutes until smooth and elastic.
- Grease a large bowl with 1 teaspoon oil, add the dough, and turn it to coat.
- Cover and let rise in a warm place for 1–1 1/2 hours, until doubled in size.
- Mix the brown sugar, cocoa powder, and cinnamon in a small bowl.
- Punch down the dough.
- Roll it on a lightly floured surface into a 12x18-inch rectangle, using up to the additional 1/4 cup flour as needed.
- Spread 8 tablespoons softened butter over the dough.
- Sprinkle the sugar mixture evenly over it.
- Scatter the chocolate chips on top.
- Grease a 9x13-inch baking dish with the remaining 2 teaspoons oil.
- Roll the dough up tightly from a long edge.
- Cut into 12 equal rolls.
- Arrange the rolls cut side up in the dish.
- Cover and let rise for 30–45 minutes, until puffy.
- Near the end of the rise, heat the oven to 350°F.
- Bake for 25–30 minutes, until golden brown and the centers are baked through.
- Let the rolls cool in the dish for 10 minutes.
- Beat the cream cheese and the remaining 2 tablespoons softened butter until smooth.
- Beat in the powdered sugar, vanilla, and milk.
- Spread the frosting over the warm rolls and serve.
