If you’re ready to elevate your baking game, this From Scratch Cinnamon Rolls with Chocolate and Cream Cheese Frosting Recipe is an absolute must-try. Imagine soft, pillowy rolls infused with rich cocoa and swirls of cinnamon sugar, all crowned with a luscious cream cheese frosting that’s kissed with chocolate. This recipe brings together classic comfort and a touch of chocolate decadence to create a breakfast or brunch treat that feels like a warm hug in every bite. Trust me, once you try these rolls, they’ll become your new favorite indulgence for lazy weekends or special occasions alike.

Ingredients You’ll Need
These ingredients might look simple, but each one plays a vital role in crafting the perfect balance of flavor, texture, and that irresistibly soft crumb. From the tangzhong that gives the dough its plush texture to the cocoa powder that deepens the chocolate notes, every component is essential.
- Bread flour (3 7/8 cups total): Provides structure and chewiness crucial for tender rolls.
- Water (3/4 cup): Hydrates the flour and activates the yeast.
- Whole milk (1/3 cup, room temperature): Adds richness and helps create a soft crumb.
- Heavy cream (1/3 cup room temperature + 2 tablespoons for frosting): Enhances tenderness and moistness.
- White vinegar (1 tablespoon): Slightly acidifies milk for better yeast performance.
- Granulated sugar (1/3 cup): Sweetens the dough just enough.
- Cocoa powder (1 1/2 teaspoons in dough + 2 teaspoons in filling): Infuses deep chocolate flavor.
- Instant yeast (2 teaspoons): Leavens the dough for rise and softness.
- Fine sea salt (1 teaspoon): Balances sweetness and enhances flavor.
- Egg (1, room temperature): Adds richness and helps bind the dough.
- Vanilla extract and vanilla bean paste (1 teaspoon and 1 teaspoon, respectively): Deliver aromatic depth.
- Red gel food coloring (1/2-1 teaspoon): Adds a subtle warm hue, optional but pretty!
- Unsalted butter (6 tablespoons cool + 1/2 cup softened + additional 1/2 cup softened for filling and frosting): Creates tender texture and luxurious flavor.
- Light brown sugar (2/3 cup, packed): Sweet and slightly caramel notes for the filling.
- Ground cinnamon (1 tablespoon): The classic spice that makes cinnamon rolls unforgettable.
- Cream cheese (4 ounces): Essential for that tangy, creamy frosting that ties everything together.
- Powdered sugar (1 cup): Sweetens and smooths the frosting.
How to Make From Scratch Cinnamon Rolls with Chocolate and Cream Cheese Frosting Recipe
Step 1: Prepare the Tangzhong
This starter is a secret weapon for irresistibly soft rolls. Simply whisk together water and bread flour in a small saucepan over medium heat, stirring constantly until it thickens into a paste-like slurry. Let it cool—it’s this simple step that locks in moisture and gives the dough extra tenderness you’ll love.
Step 2: Mix Your Wet Ingredients
Combine whole milk, heavy cream, and white vinegar in a small bowl to create a slightly tangy mix that amps up your dough’s flavor and rise. Let it rest while you get your dry ingredients ready.
Step 3: Combine the Dry Ingredients
In your mixer bowl, whisk bread flour, granulated sugar, cocoa powder, instant yeast, and fine sea salt together. This chocolatey dry mix lays the foundation for our wonderfully dark, rich dough.
Step 4: Form the Dough
Add the milk mixture, egg, vanilla extract, tangzhong, and a pop of red gel food coloring to your dry ingredients. Using the dough hook, knead on low for about 2 minutes until a shaggy ball forms—that’s the start of yum!
Step 5: Incorporate the Butter
Slowly add softened butter in small increments, letting each addition fully blend in. This step may take time, but it’s key to achieving that tender, melt-in-your-mouth feel.
Step 6: Knead to Perfection
Crank up to medium speed and knead for 8-10 minutes. You’re looking for a dough that’s smooth, elastic, and just a little tacky to the touch. This development makes all the difference.
Step 7: First Rise
Shape your dough into a tight ball, place it back in the bowl, cover with plastic, and let it rest for 30 minutes in a warm spot. This rest nurtures the yeast to start its magic.
Step 8: Prepare the Filling
In a bowl, blend 1/2 cup softened butter with light brown sugar, cinnamon, cocoa powder, and vanilla bean paste until smooth and spreadable. This decadent filling is what sets these rolls apart.
Step 9: Roll Out and Fill
Roll your rested dough on a floured surface into a 15×21-inch rectangle. Dollop the filling evenly and spread it right to the edges—that’s where all the cinnamon-chocolate love goes!
Step 10: Shape the Rolls
Slice the dough into twelve equal strips and roll each into a spiral. Arrange the rolls snugly into a parchment-lined 9×13-inch pan. They’re ready for their next rise.
Step 11: Second Rise
Cover the pan and place it somewhere warm for 1 to 2 hours until the rolls have doubled in size. When they’re nice and puffy, preheat your oven to 325°F (162°C).
Step 12: Bake to Golden Perfection
Bake the cinnamon rolls for 28-35 minutes until golden brown and an instant-read thermometer in the center reads 175°F to 180°F. Your kitchen will smell like heaven already.
Step 13: Make the Cream Cheese Frosting
While the rolls bake, whip together cream cheese and softened butter until smooth, then gradually add powdered sugar. Mix in vanilla bean paste and heavy cream for a silky, dreamy frosting.
Step 14: Cool and Frost
Let your rolls cool for 15 minutes, then slather on the cream cheese frosting while warm to let it melt deliciously into each swirl. Another 15-minute rest allows everything to settle—then it’s time to dig in!
How to Serve From Scratch Cinnamon Rolls with Chocolate and Cream Cheese Frosting Recipe
Garnishes
Sprinkle extra cocoa powder or a light dusting of powdered sugar on top for a pretty, delicate touch. Chopped toasted pecans or walnuts also add a delightful crunch and complement the richness perfectly.
Side Dishes
Serve your cinnamon rolls with fresh fruit like berries or sliced apples to balance sweetness with some bright, refreshing flavors. A cup of strong coffee or rich hot chocolate pairs beautifully to round out the indulgence.
Creative Ways to Present
Present rolls on a rustic wooden board or pretty cake stand to make any breakfast feel special. For parties, drizzle extra chocolate or a caramel glaze over the frosting, or serve individual rolls in mini cast iron skillets for a cozy vibe.
Make Ahead and Storage
Storing Leftovers
Store any leftover cinnamon rolls in an airtight container at room temperature for up to two days to keep them soft and moist. If you want to extend their life, refrigeration works but may dry them out slightly, so be sure to reheat gently.
Freezing
This recipe freezes wonderfully! Wrap cooled rolls tightly in plastic wrap and store in a freezer-safe bag for up to 3 months. When you’re ready, thaw overnight in the fridge or warm carefully in the oven.
Reheating
Reheat rolls in a 350°F oven for about 10-12 minutes until warmed through and slightly gooey again. Alternatively, microwave on medium power for about 20-30 seconds, then add a dab of butter or extra frosting for freshness.
FAQs
Can I make these rolls without the tangzhong?
While tangzhong isn’t absolutely required, it’s a game changer for keeping cinnamon rolls soft and fresh longer. Without it, the dough might be less tender and the rolls won’t keep quite as well over time.
Why is there red gel food coloring in the dough?
The red gel adds a subtle warm hue that makes these cinnamon rolls visually inviting and festive. It’s optional and doesn’t affect the flavor, so you can skip or adjust the amount based on preference.
Can I use instant yeast instead of active dry yeast?
Yes! Instant yeast is actually what this recipe calls for. It’s convenient because it can be mixed directly with dry ingredients without proofing, which saves time and ensures more consistent results.
Is the cream cheese frosting chocolate flavored?
The frosting in this recipe is classic cream cheese blended with vanilla bean paste and a bit of heavy cream, lending richness and smoothness. The chocolate flavors come primarily from the cocoa in the dough and filling, creating a perfect harmony.
How do I know when the rolls are fully baked?
Besides a beautiful golden brown color, use an instant-read thermometer to check for an internal temperature of about 175°F to 180°F in the center rolls. This ensures they’re fully cooked yet soft and tender inside.
Final Thoughts
There’s something truly magical about baking this From Scratch Cinnamon Rolls with Chocolate and Cream Cheese Frosting Recipe. The combination of chocolate, cinnamon, and tangy cream cheese frosting is so comforting and satisfying that you’ll want to share them with everyone you love. Whether it’s a weekend treat or a special occasion, I can’t wait for you to experience the joy these rolls bring. So, preheat that oven and get ready to bake a batch of pure happiness!
Print
From Scratch Cinnamon Rolls with Chocolate and Cream Cheese Frosting Recipe
- Prep Time: 45 minutes
- Cook Time: 35 minutes
- Total Time: 3 hours 20 minutes
- Yield: 12 servings
- Category: Breakfast
- Method: Baking
- Cuisine: American
Description
Delight in these From Scratch Cinnamon Rolls featuring a rich chocolate twist and a luscious cream cheese frosting. Made with a unique tangzhong method for extra softness, this recipe yields tender, fluffy rolls swirled with a spiced, chocolaty filling and topped with a creamy, decadent frosting—perfect for a special breakfast or indulgent dessert.
Ingredients
Dough
- 1/4 cup bread flour
- 3/4 cup water
- 1/3 cup whole milk (room temperature)
- 1/3 cup heavy cream (room temperature)
- 1 tablespoon white vinegar
- 3 2/3 cups bread flour
- 1/3 cup granulated sugar
- 1 1/2 tablespoons cocoa powder
- 2 teaspoons instant yeast
- 1 teaspoon fine sea salt
- 1 egg (room temperature)
- 1 teaspoon vanilla extract
- 1/2–1 teaspoon red gel food coloring
- 6 tablespoons unsalted butter (cool room temperature)
Filling
- 1/2 cup unsalted butter (room temperature)
- 2/3 cup light brown sugar (packed)
- 1 tablespoon ground cinnamon
- 2 teaspoons cocoa powder
- 1 teaspoon vanilla bean paste
Frosting
- 1/2 cup unsalted butter (room temperature)
- 4 ounces cream cheese
- 1 cup powdered sugar
- 2 tablespoons heavy cream
- 1 teaspoon vanilla bean paste or extract
Instructions
- Prepare Tangzhong: In a small saucepan, whisk together the water and 1/4 cup bread flour. Cook over medium heat, whisking constantly for 4-5 minutes until the mixture thickens into a paste-like slurry. Scrape into a bowl and set aside to cool.
- Mix Wet Ingredients: In a small bowl, combine whole milk, heavy cream, and white vinegar. Set aside to allow the mixture to slightly acidify.
- Combine Dry Ingredients: In the bowl of a stand mixer, mix 3 2/3 cups bread flour, granulated sugar, cocoa powder, instant yeast, and sea salt until well incorporated.
- Form Dough: Add the milk and cream mixture, egg, vanilla extract, prepared tangzhong, and red gel food coloring to the dry ingredients. Using the dough hook on low speed, knead for 2 minutes until a shaggy dough ball forms.
- Incorporate Butter: Gradually add the softened butter, about 1/2 tablespoon at a time, allowing each addition to fully incorporate before adding more.
- Knead Dough: Continue kneading on low to medium speed for 8-10 minutes until the dough becomes smooth, elastic, and slightly tacky.
- First Rise: Remove dough from the mixer bowl, shape it into a tight round ball by pulling the edges underneath, and place it back in the bowl. Cover with plastic wrap and let it rest in a warm place for 30 minutes.
- Prepare Filling: In a separate bowl, combine 1/2 cup softened butter, light brown sugar, ground cinnamon, cocoa powder, and vanilla bean paste. Mix until smooth by hand or with a mixer.
- Prepare Baking Pan: Line a 9×13-inch metal baking pan with parchment paper and set aside.
- Roll and Fill Dough: On a lightly floured surface, roll the rested dough into a 15×21-inch rectangle. Evenly dollop the prepared filling over the dough and spread it to the edges with an offset spatula.
- Shape Rolls: Use a pizza cutter to slice the filled dough into twelve strips, each about 1 3/4 inches wide. Roll each strip tightly away from you into a spiral and carefully place them into the prepared baking pan.
- Second Rise: Cover the pan with plastic wrap and place it in a warm spot to rise until doubled in size, about 1 to 2 hours. Meanwhile, preheat the oven to 325°F (162°C).
- Bake Rolls: Once risen, bake the cinnamon rolls for 28-35 minutes or until the internal temperature of the center rolls reaches 175°F to 180°F and the tops are golden brown.
- Make Frosting: While the rolls bake, prepare the cream cheese frosting. In a stand mixer, beat together cream cheese and 1/2 cup softened butter until combined. Gradually add powdered sugar and mix on low speed until fluffy. Add vanilla bean paste and heavy cream, mixing until smooth and spreadable.
- Cool and Frost: Allow the cinnamon rolls to cool in the pan on a wire rack for 15 minutes. Then spread the cream cheese frosting evenly over the warm rolls. Let them sit another 15 minutes to allow the frosting to melt and seep in. Serve warm and enjoy!
Notes
- Using the tangzhong method helps create soft, fluffy cinnamon rolls by adding moisture retention.
- Ensure all butter used is softened to room temperature for proper incorporation.
- The red gel food coloring is optional, added for a subtle hue and visual interest.
- Resting and rising times depend on room temperature; warmer environments speed fermentation.
- For best flavor, allow cinnamon rolls to cool slightly before frosting so the cream cheese frosting melts properly without becoming too runny.
- Store leftovers covered at room temperature for up to 2 days or refrigerate for up to 5 days. Reheat gently before serving.

