Cherry Chocolate Chip Cake

There is something about vinegar that I crave. Call me weird, but I love a bowl of steamed broccoli with a healthy drizzle of balsamic vinegar on top. Heck, I’ll even use plain ol’ white vinegar if I don’t happen to have any fun balsamic available. The zesty, almost sour tang, makes my tastebuds jump. Weird, I know. And this cherry chocolate chip cake includes a deliciously fun twist on balsamic vinegar.

Note: This post contains affiliate links to which I earn a small commission, but don’t worry there’s no extra cost to you! Thank you for supporting CAKED by Katie.

The Best Cherry Chocolate Chip Cake Recipe

I have wanted to use my beloved balsamic vinegar in a cake for a while now and my cake idea lightbulb went off when I saw a box of cherry Jell-O in my dad’s kitchen cupboard. I immediately knew that the sweetness of cherry would contrast beautifully with the zing of balsamic. I love a texture element in most of my cakes so I added some mini chocolate chips and an oh-so-decadent chocolate cookie crumb base to give you a crunch in every bite.

Balsamic Vinegar Reduction

Much like using fruit juice or nectar in a cake recipe, the flavour doesn’t pack enough punch for the quantity needed. To solve this problem, just like my guava cake, I reduced the balsamic vinegar to amp up the flavour. Now you could totally buy a balsamic reduction straight from the grocery store no problem and feel free to do so but if you already have a tasty balsamic vinegar in your pantry no need to run downtown.

In a small pot over medium heat bring the balsamic vinegar (I added chopped almonds for a subtle almond aftertaste) to a boil and immediately turn down the heat to low and allow it to gently simmer until it reduces by half. That means you get all the flavour but only half the liquid measurement.

Adding In The Almonds

Hello, delicious almond balsamic reduction. You can start drooling now because you’re kitchen will smell divine. If you used almonds make sure you strain them out after. I kept mine and used them as cake decor at the end for a tasty crunch element but they would also make for a bomb salad add-in.

Allow the balsamic reduction to cool and as it does it will thicken. This is what is going to flavour the buttercream and give a delicious zingy contrast to the sweet cherry chocolate chip cake layers.

Can I Make This Without Balsamic Vinegar?

Not a balsamic vinegar fan? No, problem! You can totally omit the balsamic vinegar element in this buttercream. You’ll be left with a flavorful whipped almond frosting that will pair gorgeously with the bright cherry chocolate chip cake layers.

Easy Cherry Chocolate Chip Cake

So there you have it, a melt-in-your-mouth cherry chocolate chip cake that is not only delicious but a totally fun and pretty cake slice to boot.

Cherry-Inspired Baking Ideas

Are you a cherry connoisseur? Me, too!

Here are a few other delicious cherry bakes that I know you’ll love.

clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon

Cherry Chocolate Chip Cake

5 Stars 4 Stars 3 Stars 2 Stars 1 Star

No reviews

  • Author: Katie
  • Total Time: 2 Hrs 30 Mins
  • Yield: 10 Slices 1x
  • Diet: Low Lactose


Cherry chocolate chip cake layers baked on a chocolate cookie crumb crust and covered in a smooth almond balsamic buttercream frosting.



Chocolate Cookie Crumb Base

  • 2 cups dairy-free chocolate cookie crumbs

  • ½ cup dairy-free salted butter, melted

Cherry Chocolate Chip Cake

  • ⅓ cup dairy-free salted butter, room temperature

  • 1 ½ cups granulated sugar

  • ½ cup egg whites (approx 4 egg whites), room temperature

  • ¼ cup dairy-free yogurt, room temperature

  • 1 tbsp. vanilla extract

  • 2 ½ cups cake flour, sifted

  • 1 (85 gram) package cherry jell-o

  • 1 ½ tsp. baking powder

  • ½ tsp. baking soda

  • 1 tsp. fine sea salt

  • ⅔ cup dairy-free milk, room temperature

  • ½ cup dairy-free mini chocolate chips

Balsamic Almond Buttercream

  • 2 cups dairy-free salted butter, room temperature

  • 6 cups powdered sugar

  • 1 tsp. fine sea salt

  • 1 tsp. almond extract

  • ½ cup balsamic vinegar (¼ cup reduced)

  • ½ cup almonds, chopped


Cherry Chocolate Chip Cake

  1. Preheat the oven to 350 degrees and prepare three 6-inch round cake pans with non-stick baking spray and parchment paper.

  2. Mix the melted butter and chocolate cookie crumbs in a bowl and divide evenly between cake pans. Firmly and evenly press the mixture down on the bottom of each pan. Set aside.

  3. In the bowl of a stand mixer cream the butter and sugar on high for 1 minute with the whisk attachment.

  4. Add egg whites and mix on high for 2 minutes.

  5. Add the yogurt and vanilla extract and mix on high for 2 minutes.

  6. Combine all the dry ingredients, except the mini chocolate chips, into the mixer and mix on low.

  7. While the mixer is on low slowly pour in the milk and mix until combined. Be careful to not overmix the batter.

  8. With a spatula, mix the mini chocolate chips in by hand.

  9. Divide batter between pans on top of cookie crust and bake for 25-30 minutes or until a toothpick comes out with a few crumbs.

  10. Cool in pans for 10 minutes and then invert on a cooling rack to fully cool.

Balsamic Almond Buttercream

  1. In a small pot over medium heat bring the balsamic vinegar and chopped almonds to a boil. Immediately reduce heat to low and allow to simmer until reduced by half. This should take approximately 10 minutes. Remove from heat, strain out almonds, and allow to fully cool to room temperature.

  2. In the bowl of a stand mixer beat the butter on high speed with the paddle attachment until light and fluffy, approximately 5-10 minutes.

  3. Add the icing sugar, salt, almond extract, and reduced balsamic and mix on low until combined.

  4. Turn the mixer up to medium and let mix for 5 minutes until smooth and creamy. Scrape the sides of the bowl when necessary.

Cake Assembly

  1. Place one leveled layer of cherry chocolate chip cake on a cake board or plate. Make sure the chocolate cookie crumb base is on the bottom. Top with approximately 1 ½ cups of buttercream.

  2. Repeat with the remaining layers and apply a thin coat of buttercream all over the cake. Refrigerate for 20 minutes.

  3. Cover the cake with another layer of buttercream and smooth the sides.

  4. Decorate as you please. I decorated the top border with cherries, chocolate pieces, and the leftover almonds from the balsamic reduction. Enjoy.


* If you aren’t a balsamic vinegar fan, simply omit it altogether.

  • Prep Time: 2 Hours
  • Cook Time: 30 Minutes
  • Category: Cakes
  • Method: Baking
  • Cuisine: American

Similar Posts

Leave a Reply

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

Recipe rating 5 Stars 4 Stars 3 Stars 2 Stars 1 Star