subscribe to our email list

Cinnamon Squares Recipe

Cinnamon Squares Recipe

Rated 5 out of 5

Sugar, cinnamon, espresso powder, flour, milk, eggs, vanilla, butter, mini chocolate chips, cinnamon chips, and bittersweet chocolate.

Table of Contents

Iโ€™ve got a soft spot for any dessert that smells like cinnamon while it bakes, and this Cinnamon Squares Recipe is one of those treats that makes the whole kitchen feel warmer before you even cut into it. You know that cozy smell that pulls people into the room like they โ€œjust happenedโ€ to walk by? Yep, that one. These cinnamon squares have that kind of charm. Theyโ€™re simple enough for a casual afternoon snack, but once you add that chocolate frosting on top, suddenly they feel like something youโ€™d proudly bring to a potluck or slice up for a holiday dessert tray.

The first time I made this Cinnamon Squares Recipe, I remember being a little unsure about the espresso powder. Cinnamon and chocolate? Yes, obviously. But espresso tucked into the cinnamon-sugar layer? I had questions. Then the cake started baking and the smell changed my mind before the timer even beeped. The espresso doesnโ€™t make the cake taste like coffee, at least not in a loud way. It just deepens the chocolate and makes the cinnamon taste warmer, almost like the flavor got a cozy blanket thrown over it. I cut into the first square before the frosting fully set because, wellโ€ฆ Iโ€™m only human. Was it a bit messy? Absolutely. Did I regret it? Not even for a second.

Cinnamon Squares Recipe

Why youโ€™ll Love this Cinnamon Squares Recipe?

This Cinnamon Squares Recipe is the kind of dessert that gives you a little bit of everything: soft cake, warm spice, melty chocolate chips, sweet cinnamon chips, and a rich bittersweet chocolate frosting. Itโ€™s not just a plain cinnamon cake, and itโ€™s not quite a brownie either. It sits somewhere in the middle, like a cozy snack cake that decided to dress up for company. The middle layer is what makes it fun. You spread half the batter in the pan, sprinkle on chocolate chips, cinnamon chips, and cinnamon-espresso sugar, then cover it with the rest of the batter. So when you slice into it, thereโ€™s this little hidden ribbon of flavor that makes each bite more interesting.

I also love how practical these easy cinnamon squares are. You bake them in one 8-inch pan, frost the top with big chocolatey swirls, and cut them into nine squares. No cake layers. No piping bag. No decorating stress. Itโ€™s the kind of recipe that makes you look like you had a whole dessert plan, even if you were just craving something cinnamon-y with coffee. And honestly, those are some of the best baking moments, arenโ€™t they? A little craving, a little butter, a little chocolate, and suddenly the day feels better.

Final plated cinnamon squares showing rich contrast of dark glaze and pale cake crumb.

Ingredient Notes

Before you make this Cinnamon Squares Recipe, letโ€™s talk about the ingredients because they each bring something important to the table. This recipe is simple, but it has a few lovely layers of flavor. The cinnamon shows up in both the batter and the center filling, the espresso powder gives the chocolate and spice more depth, the chips add texture, and the frosting brings that glossy chocolate finish. Itโ€™s cozy, rich, and just different enough to make people ask, โ€œWait, whatโ€™s in this?โ€ in the best way.

  • Sugar: Sugar sweetens the cake and helps make that cinnamon-espresso layer in the center. Most of it goes into the batter, but a little is mixed with cinnamon and espresso powder for the filling. I like this because the sweetness isnโ€™t all one-note. Itโ€™s layered through the cake, so each bite has a little warmth, a little sweetness, and a little surprise hiding in the middle.
  • Ground cinnamon: Cinnamon is the heart of this Cinnamon Squares Recipe, and it doesnโ€™t sit quietly in the background. Itโ€™s in the batter and in the center layer, giving the cake that warm, familiar flavor that feels like fall baking, holiday baking, or just a very good afternoon with coffee. Use fresh cinnamon if you can. Old cinnamon wonโ€™t ruin the cake, but fresh cinnamon gives it that stronger, cozier aroma that makes the kitchen smell amazing.
  • Instant espresso powder: Espresso powder might sound unexpected, but itโ€™s such a good little trick here. It doesnโ€™t turn these cinnamon chocolate squares into a coffee dessert. Instead, it makes the chocolate taste richer and gives the cinnamon a deeper, warmer flavor. Think of it like a tiny background singer making the whole song sound better. You may not point it out right away, but youโ€™d miss it if it wasnโ€™t there.
  • All-purpose flour: Flour gives the cake structure so it bakes up soft but still sturdy enough to slice into neat squares. Try to measure it gently, without packing it into the cup, because too much flour can make the cake dry. And dry cake under chocolate frosting feels like a missed opportunity, doesnโ€™t it? A light hand helps keep the texture tender.
  • Baking powder: Baking powder helps the cake rise and keeps it from feeling dense. Since this is a square cake, you want it puffed and tender but not too airy. Make sure your baking powder is fresh. Old baking powder is sneaky โ€” it sits in the pantry acting useful and then gives you a flat cake. Very rude.
  • Salt: Just a pinch of salt balances all the sweetness and brings out the cinnamon, vanilla, butter, and chocolate. You wonโ€™t taste it directly, but it keeps the cake from feeling flat. Sweet desserts almost always need that tiny pinch to make everything else taste more alive.
  • Whole milk: Whole milk gives the batter moisture and helps create a soft crumb. It mixes with the eggs and vanilla before going into the dry ingredients, which makes the batter smoother and easier to handle. I like whole milk here because this cake is meant to be moist and rich. Itโ€™s dessert. Let it be dessert.
  • Eggs: Eggs help hold the cake together and give it structure. Whisking them with the milk and vanilla first helps everything blend more evenly, which means you donโ€™t have to overmix the batter later. And with cakes like this, gentle mixing really does help keep the texture soft.
  • Pure vanilla extract: Vanilla adds warmth and rounds out the cinnamon and chocolate flavors. Itโ€™s not the loudest ingredient in the recipe, but it makes everything taste a little fuller. That cozy bakery smell? Vanilla is helping with that.
  • Unsalted butter: Melted and cooled butter makes the cake rich, moist, and flavorful. Folding it in gently gives the batter that smooth, shiny look. The cooled part matters because hot butter can affect the texture of the batter. Give it a few minutes to settle down before adding it. Butter needs a tiny rest too, apparently.
  • Mini chocolate chips: Mini chocolate chips are perfect for the center layer because they spread out more evenly than regular chips. You get little pockets of chocolate throughout the cake instead of one big chocolate clump in one bite and none in the next. Fair chocolate distribution matters. I feel strongly about this.
  • Cinnamon chips: Cinnamon chips add sweet, warm little bursts in the middle of the cake. They make this Cinnamon Squares Recipe taste extra cozy and a bit more special than a basic cinnamon cake. If youโ€™ve never baked with cinnamon chips before, theyโ€™re fun. Sweet, spicy, and very snack-cake friendly.
  • Bittersweet chocolate: Bittersweet chocolate makes the frosting rich without making the whole dessert too sweet. Since the cake already has sugar, cinnamon chips, and chocolate chips, the slightly deeper chocolate flavor balances everything nicely. Finely chopping the chocolate helps it melt smoothly with the butter.
  • Butter for the frosting: Butter melts with the chocolate to make the frosting glossy, thick, and spreadable. The key is gentle heat. You donโ€™t want to rush the chocolate or make it too thin. Chocolate can be a little moody, honestly, but if you treat it gently, it behaves beautifully.
Dessert squares arranged together, emphasizing glossy finish and soft interior layers.

How to Make Cinnamon Squares Recipe?

Making this Cinnamon Squares Recipe is pretty straightforward, but the layering makes it feel a little more fun than a basic snack cake. Youโ€™ll prep the pan, mix a cinnamon-espresso sugar layer, make the batter, add the hidden chip filling, bake, cool, and finish with chocolate frosting. Nothing too complicated. Just a few simple steps that build into something cozy and rich.

Step 1: Prepare the pan

Preheat your oven to 350ยฐF. Butter an 8-inch square baking pan and line the bottom with parchment or wax paper. Place the pan on a baking sheet. The paper makes the cake easier to unmold later, and the baking sheet makes it easier to move the pan in and out of the oven. It also catches any tiny overflow or buttery drips, because cleaning the oven is nobodyโ€™s idea of a good time.

Step 2: Make the cinnamon-espresso sugar

In a small bowl, stir together 2 tablespoons sugar, 2 1/2 teaspoons cinnamon, and the instant espresso powder. Set it aside. This mixture will go into the middle of the cake with the chocolate and cinnamon chips. Itโ€™s such a simple little bowl, but it gives these cinnamon squares so much flavor. Warm, deep, sweet, and a little mysterious.

Step 3: Mix the dry ingredients

In a large bowl, whisk together the flour, the remaining 1 1/4 cups sugar, baking powder, salt, and the remaining 1 tablespoon cinnamon. Whisking helps spread the cinnamon and baking powder evenly through the flour. Itโ€™s a small step, but it makes the cake bake more evenly. Nobody wants one corner full of cinnamon and another corner tasting like it missed the party.

Step 4: Mix the wet ingredients

In a small bowl, whisk together the whole milk, eggs, and vanilla extract. This helps the eggs blend smoothly before they hit the dry ingredients. It also keeps you from needing to stir the batter too much later. Less mixing means a more tender cake, which is exactly what we want.

Step 5: Combine the batter

Pour the milk mixture over the flour mixture and gently whisk until the batter looks smooth and even. You want everything combined, but donโ€™t beat it aggressively. This is not the moment to take out your frustrations on cake batter. Gentle mixing keeps the crumb soft and light.

Step 6: Fold in the butter

Using a rubber spatula, fold in the melted and cooled butter with a light touch. Fold just until the butter disappears into the batter. The batter should look smooth and shiny. This step gives the cake its rich, moist texture, so donโ€™t rush it, but donโ€™t overdo it either. Stop once the butter is absorbed. I know, stopping is hard. Especially when batter looks almost too pretty to leave alone.

Step 7: Add the first layer

Scrape half of the batter into the prepared pan and smooth the top. Sprinkle the mini chocolate chips and cinnamon chips evenly over the batter, then dust the cinnamon-espresso sugar mixture over the chips. This is the layer that makes this Cinnamon Squares Recipe feel extra special. Itโ€™s tucked away inside the cake, like a little cinnamon-chocolate secret.

Step 8: Add the remaining batter

Cover the filling with the rest of the batter and smooth the top again. Try to spread it gently so you donโ€™t drag the filling around too much. It doesnโ€™t need to be perfect, though. The chocolate frosting later will cover the top, and honestly, frosting is very forgiving. Bless frosting.

Step 9: Bake the cake

Bake for 35 to 40 minutes, or until the cake is puffed and starting to pull away from the sides of the pan. A thin knife inserted into the center should come out clean. Start checking around 35 minutes because you want the cake moist, not overbaked. The top should look set, and the cake should smell like cinnamon, chocolate, and a very good decision.

Step 10: Cool and unmold

Transfer the cake to a cooling rack and let it rest for 15 minutes. Then unmold it onto another rack, peel off the paper, invert it back onto the first rack, and let it cool right side up to room temperature. This sounds like a little cake gymnastics, I know, but it helps the cake cool properly and makes frosting easier. Just be gentle. Warm cake is delicate, like most of us before coffee.

Step 11: Make the chocolate frosting

Place the finely chopped bittersweet chocolate and butter in a heatproof bowl. Set the bowl over a saucepan of simmering water and stir gently until everything melts together. Donโ€™t overheat it. The frosting should be smooth, shiny, thick, and spreadable. If it gets too thin, let it sit at room temperature until it thickens slightly. Chocolate has moods, but thankfully this one is fixable.

Step 12: Frost the cake

Use an offset spatula to spread the frosting over the cooled cake in generous sweeps and swirls. Donโ€™t worry about making it perfectly smooth. The swirls make it look homemade and inviting. Let the frosting set at room temperature before slicing into squares. Then serve and enjoy that cinnamon-chocolate goodness.

Storage Options

This Cinnamon Squares Recipe stores really nicely, which makes it a great make-ahead dessert. Once the cake has cooled and the frosting has set, store the squares in an airtight container at room temperature for up to 3 days. If your kitchen is warm, refrigerate them so the chocolate frosting stays firm. If youโ€™re stacking the squares, place parchment paper between layers to protect the frosting. Nobody wants to lose the frosting to the bottom of another square. Tragic.

For longer storage, refrigerate the squares for up to 5 days. Let them sit at room temperature for about 15 to 20 minutes before serving so the cake softens and the chocolate tastes richer. You can also freeze the squares for up to 2 months. Wrap each square tightly, place them in a freezer-safe container, and thaw before serving. I love freezing individual squares because future-you gets a sweet little cinnamon chocolate treat without making a whole cake. Future-you will be grateful. Maybe a little emotional.

Variations & Substitutions

This Cinnamon Squares Recipe is already cozy and rich, but thereโ€™s room to play if you want to make it your own. Itโ€™s a forgiving square cake, which means you can change the chips, adjust the topping, add nuts, or make the flavor a little warmer with spices. Itโ€™s not one of those recipes that falls apart if you donโ€™t have every single add-in. We appreciate that kind of dessert flexibility.

  • Use regular chocolate chips: If you donโ€™t have mini chocolate chips, regular semisweet chocolate chips will work. The chocolate pockets will be bigger, which is not exactly a problem. Mini chips spread more evenly, but regular chips give you stronger chocolate bites. Choose your chocolate adventure.
  • Skip the cinnamon chips: If cinnamon chips are hard to find, you can leave them out or replace them with extra chocolate chips, white chocolate chips, or chopped nuts. The cake will still have plenty of cinnamon flavor from the batter and the center cinnamon-sugar layer. Cinnamon chips are lovely, but theyโ€™re not the boss of us.
  • Add nuts: Chopped pecans or walnuts would be delicious in the middle layer. Add about 1/3 cup with the chips for a little crunch. Toast them first if you want deeper flavor, but watch them closely. Nuts go from toasted to burned the second you trust them. I donโ€™t know why theyโ€™re like this.
  • Use milk chocolate frosting: If you prefer a sweeter topping, use milk chocolate instead of bittersweet chocolate. The frosting will be softer and sweeter. I personally like bittersweet chocolate here because it balances the cinnamon and sugar, but dessert is personal. Follow your sweet tooth.
  • Add nutmeg: A tiny pinch of nutmeg in the dry ingredients can make the cake taste even warmer. Just donโ€™t overdo it. Nutmeg has a way of walking into a recipe and taking over like it paid rent. A small pinch is plenty.
  • Make it more espresso-forward: If you love coffee flavor, add a tiny extra pinch of espresso powder to the cinnamon-sugar mixture. Keep it modest so the cake still tastes like cinnamon squares, not a full coffee dessert. Unless thatโ€™s your goal, in which case, I understand.
  • Use a glaze instead of frosting: For a lighter finish, skip the chocolate frosting and drizzle the cooled cake with a powdered sugar glaze. A vanilla glaze, cinnamon glaze, or espresso glaze would all work. It wonโ€™t be as rich as the chocolate topping, but itโ€™ll still be sweet and pretty.
Batch of neatly cut cake pieces with smooth chocolate surface and visible layered texture.

What to Serve With Cinnamon Squares Recipe?

This Cinnamon Squares Recipe is rich enough for dessert but cozy enough for a snack, so it pairs well with warm drinks, cold milk, fruit, or something creamy on the side. Itโ€™s one of those treats that fits a lot of moments โ€” dessert after dinner, afternoon coffee, holiday trays, or โ€œI just need a little something sweetโ€ situations. Very relatable.

  • Coffee: Coffee is probably my favorite pairing with these cinnamon chocolate squares. The espresso in the cake already deepens the flavor, and coffee brings out the chocolate and cinnamon even more. A latte, cappuccino, or simple black coffee all work beautifully. Itโ€™s giving cozy cafรฉ, but at home.
  • Milk: A cold glass of milk is simple and perfect with the rich chocolate frosting. It balances the sweetness and makes the squares feel like a classic snack. Kids love it, adults love it, and nobody needs to overthink it.
  • Tea: Black tea, chai, cinnamon tea, or vanilla tea all pair nicely with this Cinnamon Squares Recipe. Chai is especially good because the warm spices echo the cinnamon in the cake. It makes the whole thing feel extra cozy, like a sweater in dessert form.
  • Vanilla ice cream: Serve a square slightly warmed with vanilla ice cream for a more decadent dessert. The chocolate frosting softens a little, the cake gets warm and tender, and the ice cream melts into the edges. Very dangerous. Very good.
  • Fresh berries: Strawberries, raspberries, or orange slices add freshness next to the rich cake. The fruit cuts through the sweetness and makes the plate look prettier without much effort. A little color on the plate never hurts.
  • Whipped cream: A spoonful of lightly sweetened whipped cream makes these cinnamon squares feel dessert-table ready. Keep it simple so it doesnโ€™t compete with the chocolate frosting. Just a soft little cloud on the side. Lovely.

FAQ

Does the espresso powder make the cake taste like coffee?

Not really. The espresso powder mostly deepens the chocolate and cinnamon flavors. It gives the cake a richer taste without making it scream coffee. If youโ€™re very sensitive to coffee flavor, you can reduce it slightly, but I wouldnโ€™t skip it unless you need to. It really does add something special in the background.

Can I make Cinnamon Squares Recipe without cinnamon chips?

Yes, you can make this Cinnamon Squares Recipe without cinnamon chips. Use extra mini chocolate chips, white chocolate chips, chopped nuts, or simply leave them out. The cake will still have lots of cinnamon flavor from the batter and the cinnamon-espresso filling. Cinnamon chips are fun, but the recipe can survive without them.

Why is my cake dry?

The cake may turn dry if it was overbaked or if too much flour was added. Measure the flour carefully and start checking the cake at 35 minutes. Once itโ€™s puffed, starting to pull from the sides, and a thin knife inserted in the center comes out clean, itโ€™s done. Donโ€™t leave it in just because youโ€™re nervous. Overbaking is sneaky.

Why is my chocolate frosting too thin?

The frosting can become too thin if the chocolate and butter get too hot. Melt them gently over simmering water and stir often. If the frosting becomes runny, let it sit at room temperature until it thickens and becomes spreadable again. Chocolate can be dramatic, but this is usually an easy fix.

Layered cake squares with glossy chocolate topping and light sponge base on a white plate.

This Cinnamon Squares Recipe is moist, warm, chocolatey, and just a little unexpected thanks to that cinnamon-espresso layer tucked in the middle. Itโ€™s simple enough for a snack cake but rich enough to serve as dessert, especially with that shiny bittersweet chocolate frosting on top. I love how cozy it feels without being boring, and how the flavors get deeper with every bite โ€” cinnamon, chocolate, butter, vanilla, all doing their thing.

So grab the cinnamon, melt the butter, and give those frosting swirls a little personality. These easy cinnamon squares are perfect with coffee, milk, tea, or a quiet moment when you need something sweet. And when you try them, Iโ€™d love to know โ€” are you serving them as dessert, saving them for coffee break, or sneaking a square straight from the pan once the frosting sets?

Batch of neatly cut cake pieces with smooth chocolate surface and visible layered texture.

Cinnamon Squares Recipe

Moist Cinnamon Squares made with cinnamon, espresso, chocolate chips, cinnamon chips, and a glossy bittersweet chocolate frosting.
Print Pin Rate
Course: Dessert, Snack
Cuisine: American
Keyword: Cinnamon Squares Recipe
Prep Time: 1 hour
Cook Time: 40 minutes
Total Time: 1 hour 40 minutes
Servings: 9

Ingredients

For the Cake

  • 1 1/4 c plus 2 tbsp sugar
  • 1 tbsp plus 2 1/2 tsp ground cinnamon
  • 1 1/2 tsp instant espresso powder
  • 1 3/4 c all-purpose flour
  • 2 tsp baking powder
  • Pinch of salt
  • 3/4 c whole milk
  • 2 large eggs
  • 1/2 tsp pure vanilla extract
  • 10 tbsp unsalted butter melted and cooled
  • 1/2 c mini chocolate chips
  • 1/4 c cinnamon chips

For the Frosting

  • 6 oz bittersweet chocolate finely chopped
  • 2 1/2 tbsp unsalted butter cut into 4 pieces

Instructions

  • Preheat the oven to 350ยฐF. Butter an 8-inch square baking pan and line the bottom with parchment paper or wax paper. Place the prepared pan on a baking sheet.
  • In a small bowl, combine 2 tbsp sugar, 2 1/2 tsp ground cinnamon, and the instant espresso powder. Stir until evenly blended, then set aside.
  • In a large mixing bowl, whisk together the all-purpose flour, the remaining 1 1/4 c sugar, baking powder, salt, and the remaining 1 tbsp ground cinnamon.
  • In a separate small bowl, whisk together the whole milk, eggs, and vanilla extract until fully combined.
  • Pour the milk mixture over the flour mixture. Gently whisk until a smooth, uniform batter forms.
  • Using a rubber spatula, fold in the melted and cooled butter until it is fully absorbed into the batter. The batter should appear smooth and glossy.
  • Spread half of the batter evenly into the prepared baking pan.
  • Sprinkle the mini chocolate chips and cinnamon chips evenly over the batter. Dust the cinnamon-sugar espresso mixture over the chips.
  • Spread the remaining batter over the filling layer and smooth the top.
  • Bake for 35 to 40 minutes, or until the cake is puffed, beginning to pull away from the sides of the pan, and a thin knife inserted into the center comes out clean.
  • Transfer the cake to a cooling rack and allow it to rest for 15 minutes.
  • Carefully unmold the cake onto another rack. Remove the parchment or wax paper, then invert the cake back onto the first rack so it is right side up. Allow the cake to cool completely to room temperature.
  • To prepare the frosting, place the finely chopped bittersweet chocolate and butter in a heatproof bowl.
  • Set the bowl over a saucepan of gently simmering water. Stir frequently until the chocolate and butter are melted and smooth.
  • Do not overheat the frosting. It should remain smooth, glossy, thick, and spreadable. If the frosting becomes too thin, allow it to stand at room temperature until it thickens slightly.
  • Using an offset spatula, spread the frosting over the cooled cake in even, generous swirls.
  • Allow the frosting to set at room temperature before slicing and serving.

Notes

To make this Cinnamon Squares Recipe gluten free, replace the all-purpose flour with a high-quality 1:1 gluten-free baking flour blend that contains xanthan gum. Use the same measurement as the original flour amount.
Also confirm that the baking powder, cinnamon, instant espresso powder, chocolate chips, cinnamon chips, vanilla extract, and bittersweet chocolate are labeled gluten free. Some chips and chocolate products may contain gluten-based additives or be processed in shared facilities, so checking labels is important. For best texture, avoid overmixing the gluten-free batter and allow the cake to cool fully before slicing.
Pin This Recipe
Facebook
Pinterest
Facebook
Pinterest

~ YOU MAY ALSO LIKE ~

~ YOU MAY ALSO LIKE ~

Leave a Reply

Your email address will not be published. Required fields are marked *

Recipe Rating