Chocolate and Orange Cake

Orange and chocolate really unite in this fun and super tasty Chocolate and Orange Cake! Two layers of chocolate cake sandwich a light and citrusy orange cake which is then layered with a creamy orange buttercream frosting.


A perfect pairing... chocolate and orange!

This Chocolate and Orange Cake is perfect for any time of year or gathering! How about the center of your next holiday get together? I don’t think anyone will mind you bringing this lovely cake!

Chocolate and Orange Cake


  • 1/2 c cocoa
  • 1/2 c boiling water
  • 2/3 c butter, softened
  • 1/4 c shortening
  • 2 c granulated sugar
  • pinch of salt
  • 1 tsp. McCormick vanilla extract
  • 2 eggs, room temperature
  • 1 1/2 tsp. baking soda + 1/8 teaspoon , divided
  • 1 c buttermilk + 3 tablespoons , divided
  • 1 3/4 c all-purpose flour
  • 3/4 tsp. orange zest
  • 1/4 tsp. McCormick orange extract


  • 1/4 c butter, softened
  • 6 c powdered sugar, divided
  • 2 tsp. freshly grated orange peel
  • 1 1/2 teaspoons vanilla extract
  • 4 to 6 tablespoons milk, room temperature


  1. Preheat oven to 350°F. Line 3 8" round baking pans with parchment paper, set aside.
  2. Stir together cocoa and water in small bowl until smooth, set aside. Beat together your butter, shortening, sugar, salt and vanilla in large bowl until well combined.
  3. Add eggs mixing well.
  4. Stir 1-1/2 teaspoons baking soda into 1 cup buttermilk and add to butter mixture alternately with flour.
  5. Measure 1 2/3 cups batter into small bowl and stir in remaining 1/8 teaspoon baking soda and 3 tablespoons buttermilk, orange peel and orange extract.
  6. Pour into one of your prepared pan.
  7. Stir cocoa mixture into remaining batter and divide evenly between remaining pans.
  8. Bake 25 to 30 minutes or until toothpick inserted in center comes out clean.
  9. Cool 10 minutes; remove from pans to wire racks to cool completely.


  1. Beat butter, 1 cup powdered sugar, orange peel and vanilla in large bowl until smooth.
  2. Add remaining powdered sugar, alternating with milk.
  3. Place one chocolate layer on cake stand or turntable and spread with some of the buttercream.
  4. Top with orange layer; spread with frosting.
  5. Top with remaining chocolate layer; frost top and sides of cake.

Recipe adapted from Orange Cocoa Cake

A perfect pairing... chocolate and orange!

If you love the flavors of orange and chocolate together then this cake is for you! The flavors play off one another so well… you get a subtle burst of citrus followed by the delectable chocolate.

This is one cake to keep handy that’s for sure! Kids adore it, adult adore it…how can you go wrong there?

A perfect pairing... chocolate and orange!

Recipe and Photography by Tornadough Alli.

Never Miss a Recipe!

Baking is part of my heart, but community is part of my soul. When you sign up to the I Am Baker newsletter, I’ll send you a fresh roundup of recipes, stories, and more to enjoy from the convenience of your inbox.

Leave a Reply

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


Araceli A. Narciso

thank you very much and i’ll trust very much.


Plz share with out eggs recipe also

Charlotte Moore

I really like orange and chocolate flavors together. Is this only 1/4 cup butter for the frosting? I have never seen such a small amount with this much powdered sugar.

Alice Niki

Will try it this weekend. Btw, what to substitute for shortening? Thank You


I was wondering the same as another woman asking about the small amount of butter. Only 1/4 cup is a very small amount for buttercream icing.


Orange and chocolate are one of the best pairs for cakes for this time of year ! Will do ! Thank you so much !


Excuse me, how can i make The buttermilk?