Skip to Content

Easy Orange Cake With Chocolate Frosting Recipe

If you love the flavor combination of chocolate and orange, this moist orange cake with chocolate frosting recipe will be one of your favorite desserts.

A piece of chocolate orange cake garnished with fresh orange zest and a slice of a Terry's Chocolate Orange.
Jump to:

What Makes This Recipe a Winner

If you've ever had an orange-flavored chocolate, like one of Terry's Chocolate Oranges, you know just how wonderful the flavor combination is.

This orange cake recipe is moist and buttery, flavored with fresh orange juice, zest, and just a touch of orange extract.

The chocolate orange buttercream steals the show and tastes just like one of those chocolate oranges.

The frosting is so delicious that it's honestly hard for me to not eat a good portion of it before frosting the cake!

Plus, while this is a completely homemade cake, it's easy to put together since it's a one-layer cake you can frost it right in the pan.

Ingredients

This is a completely scratch-made cake and frosting made with fresh ingredients for the freshest taste.

Cake Ingredients

Frosting Ingredients

Garnish ideas: fresh orange zest, chocolate orange slices, chocolate dipped candied orange peels

See the printable recipe card at the end for exact quantities.

Instructions

Cake Instructions

1. Preheat your oven to 350°F.

2. Place butter and sugar into a mixing bowl and beat until fluffy.

Creaming butter and sugar together in a stand mixer fitted with the flat beater.

3. While the butter and sugar mix, sift together flour, baking powder, baking soda, and salt in a medium mixing bowl.

An 8 cup glass Pyrex measuring cup with sifter and flour.

4. In a separate bowl, whisk together buttermilk, orange juice, vanilla extract, and orange extract.

A measuring cup with whisk with the buttermilk and orange juice having been whisked together.

5. When butter and sugar are fluffy, scrape down the sides and mix in the orange zest. Beat in the eggs one at a time.

Adding orange zest and eggs to the creamed butter and sugar.

6. Mix in half of the flour and then the milk mixture. Mix in the rest of the flour until just combined.

Hint: When mixing in the flour, mix only as much as needed.

Once you start adding flour it's important to not overmix as you may risk a dense cake.

That said, you want to make sure the flour is well incorporated, especially at the bottom of the bowl, so it's also not undermixed which can lead to similar problems.

Adding flour and milk to the previous ingredients in the mixer.

7. Grease your 9 x 13 baking pan and then pour the cake batter into the pan, evening out the top with a spatula.

Unbaked orange cake batter in a metal 9 x 13 baking dish.

8. Bake for about 35 to 40 minutes or until a cake tester or toothpick inserted into the center comes out clean.

Let the cake completely cool before frosting. I find a small offset spatula makes easy work of frosting.

If you want to remove the cake from the pan before frosting, let the cake cool for about 10 minutes in the pan and then turn it out onto a cooling rack to finish cooling. Otherwise, you increase the risk of it sticking to the pan.

Frosting Instructions

1. Cream butter in a stand mixer (hand mixer is also okay) on medium with the whisk attachment.

Creamed butter in a stand mixer fitted with the whisk attachment.

2. While the butter creams, sift together the powdered sugar and cocoa powder.

Cocoa powder and powdered sugar that has been sifted together in an 8 cup Pyrex glass measuring cup.

3. When the butter is smooth and creamy, add in orange zest and change to low speed.

Adding orange zest to the creamed butter for frosting.

4. Add in powdered sugar and cocoa mixture. Then add in extracts, salt, and half and half.

The process of adding cocoa and powdered sugar to the butter and orange zest for the frosting.

5. Once it starts to mix together, increase speed back up to medium and then high (just to make sure sugar isn't going to go flying) and whip until desired consistency. For me this is about 5 minutes until it's really light and airy.

Orange chocolate frosting that has been whipped together in a stand mixer.

Note that the frosting here looks lighter brown because of the lighting.

Prepared chocolate orange frosting in a stainless steel mixer bowl with white spatula.

Substitutions

Unsalted butter - Salted butter can be used instead but you may need to adjust the amount of additional salt added for your tastes.

Buttermilk - I think real buttermilk results in the best texture but if you don't have it available you can add one tablespoon of lemon juice OR white vinegar per cup of whole milk.

Stir to combine and let sit for around 10 minutes before using.

Orange juice - I used squeezed juice from the fresh oranges I zested.

If you don't have fresh available or your oranges don't yield enough juice you can use bottled juice instead or in addition to fresh, though the flavor may not be quite as fresh or the same.

Orange zest - Freshly grated orange zest is preferred but you can purchase dried orange peel.

Generally, you use a third of the amount since dried is usually more potent, but check the packaging to see what the specific brand suggests.

Half and half - If you don't have this you can use half milk (preferably whole) and half heavy cream. All milk or all heavy cream can also be used though it will affect the texture of the frosting a bit.

Less milk may need to be used while more cream may be needed due to thickness differences.

Frosted chocolate orange cake in a 9 x 13 metal cake pan.

Variations

Cake mix - I haven't tested this recipe using a cake mix but it should work fine with either a yellow/butter or orange cake mix.

Prepare the cake as directed on the box for a 9 x 13 with the following modifications:

If using a yellow/golden cake mix I'd use half orange juice and buttermilk instead of water. (For example, if the directions call for 1 cup of water use a half cup of buttermilk and a half cup of orange juice.)

I'd also add the orange zest, orange extract, and vanilla extract.

If using an orange cake mix I'd use buttermilk instead of water and also add the orange zest, and vanilla extract.

Bake as directed on the box.

Equipment

Here's the equipment I used (or something very similar if no longer available) to make this cake.

A metal 9 x 13 baking dish greased with baking spray.
A view of the cake in the pan with a slice missing.

Storage

If the cake won't be completely consumed within 24 hours (or if you live in a warm and humid area) I recommend covering it well and refrigerating for up to 5 days.

Let slices sit at room temperature for several minutes to warm up as the buttercream will harden a bit.

I haven't tested the quality after freezing but it should be fine to do so for up to 3 months as long as it's well-wrapped.

Top tip: One of the keys to not having a dry cake is to not overbake it. It's best to test early and have to continue to bake for a few more minutes than to overdo it.

If you worry you've overbaked your cake you can make an orange simple syrup, poke some small holes into the cake with a toothpick, drizzle some of the syrup over the top, and give several minutes for the syrup to soak in before frosting the cake.

More Cake Recipes

Here are some more of our favorite cake recipes:

A piece of chocolate orange cake garnished with fresh orange zest and a slice of a Terry's Chocolate Orange.

Orange Cake With Chocolate Frosting

Yield: 16+ servings
Prep Time: 15 minutes
Cook Time: 40 minutes
Total Time: 40 minutes

If you love the flavor combination of chocolate and orange, this moist orange cake with chocolate frosting recipe will be one of your favorite desserts.

Ingredients

Cake Ingredients

  • 1 cup unsalted butter, softened
  • 2 cups white granulated sugar
  • 3 cups all-purpose flour
  • 1 ½ teaspoons baking powder
  • ¾ teaspoon baking soda
  • 1 teaspoon salt
  • 1 ⅓ cups buttermilk
  • ½ cup orange juice
  • ¼ cup grated orange zest
  • 1 tablespoon vanilla extract
  • ¼ teaspoon orange extract
  • 4 large eggs at room temperature

Frosting Ingredients

  • ½ cup unsalted butter, softened
  • 1 tablespoon orange zest
  • 320g ( 2 ⅔ cups) powdered sugar
  • ⅓ cup half & half
  • 1 ½ teaspoon vanilla
  • ½ teaspoon orange extract
  • 28g (⅓ cup) unsweetened cocoa powder
  • ½ teaspoon finely ground salt

Instructions

Orange Cake Instructions:

  1. Preheat the oven to 350°F. 
  2. Place 1 cup softened butter and 2 cups sugar in the bowl of an electric stand mixer and beat on medium speed until fluffy, about 5 minutes.
  3. While the butter and sugar mix - in a medium bowl, sift together: 3 cups flour, 1 ½ teaspoons baking powder, ¾ teaspoon baking soda, and 1 teaspoon salt. Give a whisk to distribute ingredients evenly.
  4. In a separate bowl, whisk together 1 ⅓ cups of buttermilk, ½ cup of orange juice, 1 tablespoon of vanilla extract, and ¼ teaspoon of orange extract. 
  5. When butter and sugar are fluffy, stop the mixer to scrape down the sides, resume to medium speed, and then mix in the ¼ cup orange zest until evenly distributed. Beat in the eggs one at a time.
  6. Turn the mixer to low speed. Mix in half of the flour mixture, then the milk mixture. Mix in the rest of the four mixture until just combined. Make sure to scrape down the sides and bottom of the bowl to be sure there aren't any flour pockets.
  7. Grease a 9 x 13 baking pan with baking spray. Pour the batter into the baking pan, evening out the top with a spatula.
  8. Lightly tap the pan against your counter a couple of times then bake in the preheated oven on the middle rack.
  9. Bake for about 35 to 40 minutes, or until a cake tester or toothpick inserted in the center comes out clean.
  10. Set aside to cool completely before frosting. Find my frosting recipe below.

Chocolate Orange Frosting Recipe:

  1. Cream the butter in a stand mixer or in a large bowl with a hand mixer on medium speed with the whisk attachment (standard beater okay with hand mixer).
  2. While the butter is creaming, sift together 2 ⅔ cups of powdered sugar and ⅓ cup cocoa powder.
  3. When butter is smooth and creamy, add in 1 tablespoon orange zest then lower speed to low. Add in powdered sugar and cocoa mixture.
  4. Add in 1 ½ teaspoon vanilla extract, ½ teaspoon orange extract, ½ teaspoon of salt, and ⅓ cup half and half.
  5. Once it starts to mix together, increase speed back up to medium and then high (so you don’t have sugar/cocoa flying out of the mixer) and whip until your desired consistency. I like to whip it for about 4 to 5 minutes until it’s really light and airy. If the frosting is too thin, you can add more powdered sugar, or, if too thick, a drizzle of half and half.

Makes about 2 cups of frosting.

Notes

If you want to remove the cake from the pan after baking, let it cool in the pan on a rack for about 10 minutes and then turn it out onto a cooling rack to finish cooling. Otherwise, it may stick to the pan.

Optional garnish ideas: Chocolate orange slices; fresh orange zest, chocolate dipped candied orange peels

If garnishing with orange zest go light as the orange flavor can get overpowering quickly.

See the full article at https://smartsavvyliving.com for tips, substitutions, and recommended equipment and ingredients.

Nutrition Information:
Yield: 16 Serving Size: 1
Amount Per Serving: Calories: 377Total Fat: 19gSaturated Fat: 12gTrans Fat: 0gUnsaturated Fat: 7gCholesterol: 95mgSodium: 366mgCarbohydrates: 46gFiber: 1gSugar: 27gProtein: 5g

Nutrition information may not be accurate. Optional ingredients, garnishes, and toppings aren't included. Nutrition information is calculated automatically by and provided by Nutritionix. Exact nutrition information depends on the specific ingredients, brands, and amounts you use. For more precise nutrition values please input the exact ingredients, brands, and amounts into your preferred nutrition calculator.

Did you make this recipe?

Please leave a comment on the blog or share a photo on Pinterest

Skip to Recipe