Go Back

Strawberry Ombre Heart Cake

Humbly Homemade
Feast your eyes and your taste buds on this beauty! Full of strawberry flavor and topped off with a rich chocolate ganache and white chocolate hearts, this cake will endear anyone to your heart.
Prep Time 20 mins
Cook Time 35 mins
Assembly and Decoration 30 mins
Course Dessert
Cuisine American
Servings 12 people


Strawberry Cake

  • scant 1 cup milk or buttermilk
  • 2 to 3 lemons
  • 1 cup melted coconut oil
  • ½ cup plain (not flavored) Greek yogurt
  • 3 eggs
  • cups granulated sugar
  • ¼ cup brown sugar (pack it tightly into the ¼ cup as you measure it)
  • 1 Tbsp vanilla extract
  • cups plus 1 Tbsp all-purpose flour
  • 2 tsp baking powder
  • 1 tsp baking soda
  • ¾ tsp fine sea salt
  • 2 cups fresh strawberries, with the greens trim off and cut into halves or quarters.
  • 1 cup strawberry jam
  • red food coloring (optional)

Strawberry Buttercream Frosting

  • cups unsalted butter (3 sticks) at room temperature
  • 3 cups powdered sugar, sifted into a bowl
  • 6 Tbsp milk or dairy-free milk
  • 5 Tbsp strawberry jam


Strawberry Cake

  • If you have buttermilk already, use that. Otherwise, combine one scant cup of milk with one tablespoon of freshly squeezed lemon juice. Let that sit for 5 to 10 minutes until it thickens and curdles a little bit.
  • Preheat the oven to 350°F. Grease your 8-inch round cake pans. This recipe can make either a 3 layer or 4 layer cake. Grease as many cake pans as you have/need. I made a four layer cake and I have two pans, so I baked the first two layers, popped them out and let the pans cool for about 10 minutes, then I re-greased the pans and baked the second two layers.
  • In the bowl of a stand mixer or a large mixing bowl, beat the melted coconut oil, yogurt, eggs, granulated sugar, brown sugar, vanilla, buttermilk (either store-bought or homemade), 1 tablespoon of lemon zest and ½ cup freshly squeezed lemon juice.
  • Add in 3¾ cups of flour, baking powder, baking soda and salt. Mix the it all together until the batter is just combined.
  • In a small bowl, toss the strawberries chunks with the remaining 1 tablespoon of flour. This helps coat the strawberries so they don't all sink to the bottom of the cake while it's baking. Fold the flour-coated strawberries and the strawberry jam into the cake batter.
  • Pour the batter into four separate bowls. To the first bowl, don't add any food coloring. To the second bowl, add a small squeeze of red gel food color. To the third bowl, add about three squeezes of the red coloring. And to the fourth bowl, add five squeezes to the batter. Stir them all and add more coloring as needed to achieve your desired levels of ombre.
  • Pour each bowl of batter into separate greased 8-inch round cake pans. Bake for about 30 - 35 minutes, until a toothpick comes out clean (aside from the jam) and the center of the cake isn't jiggly. Let the cakes cool for five minutes in the pans, then remove them and set them on a wire cooling rack to cool to room temperature.

Strawberry Buttercream Frosting

  • Whip the room temperature butter in a stand mixer or with a hand whisk for about 5 minutes, until it is soft and fluffy and pale yellow.
  • Add about one third of the sifted powdered sugar and beat it (on a low speed) into the butter until the sugar is fully incorporated. Repeat for two more times with remaining powdered sugar. Make sure your mixer is on a low speed, otherwise you'll have a snowstorm of powdered sugar in your kitchen. After you add the last bit of powdered sugar, beat it for another five minutes to become really smooth and fluffy.
  • Add the strawberry jam and whisk it in to help flavor, color and loosen the buttercream. If you feel like your buttercream is still too stiff, add 1 or 2 tablespoons of milk at a time and whisk that in to help loosen your buttercream more. It should be stiff enough to stick on the sides of your cake without sliding down.

Assemble the Layer Cake

  • Trim the caramelized edges of the four cake rounds. Trim the tops off the cakes so they are level.
  • Place the darkest pink layer of cake on a plate or cake stand. Spread out a few dollops of the buttercream on the top of the first layer. Place the second-darkest pink cake layer on top of the buttercream, making sure this cake layer lines up with the first one. Spread out a few more dollops of the buttercream on the top of the second layer. Repeat for the third and fourth layers of the cake.
  • Spread the remaining buttercream on the sides of the cake. Use a butter knife or a pallet knife to get the buttercream nice and even and smooth on the top and the sides. Refrigerate the cake for about an hour, so the buttercream has time to set.
  • Decorate the cake however you like! I made chocolate ganache to cover the top and drip down the sides.
    I also melted white chocolate and piped it into words and hearts on aluminum foil. Once it hardened after about an hour, I gently pressed them into the finished cake.
Keyword 4 layer cake, chocolate strawberry cake, fresh strawberry cake, homemade buttercream, layer cake, round cake, strawberry cake, strawberry cake design, strawberry jam