Need help finding a recipe?

  • Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Crumb Top Baking

Simple, Approachable Desserts and Savory Recipes

  • Home
  • About
  • All Recipes
  • Air Fryer
  • Desserts
  • Subscribe
  • Photography
You are here: Home / Desserts / Blood Orange Chocolate Cake (Dairy-Free)

Blood Orange Chocolate Cake (Dairy-Free)

March 18, 2020 Updated: May 10, 2023 By Leanne 24 Comments

Jump to Recipe·Print Recipe

Blood Orange Chocolate Cake is ultra chocolatey with a light and tender texture and an orange-infused coconut cream topping! It’s an easy, dairy-free cake with simple ingredients that’s perfect to whip up when you’re craving a little something sweet.

If you love orange infused cakes, you’ll also want to check out this vegan orange spice cake and this gluten-free almond flour orange cake.

Overhead view of a frosted chocolate cake with slices being served onto pink plates.

I am so late to the blood orange party. Seriously. I don’t have many blood orange recipes on the blog, and the ones I do have just use the oranges as a salad ingredient. So a recipe solely dedicated to this beautiful citrus fruit was long overdue.

And what better way to enjoy the sweet taste of orange than paired with dark chocolate?!

Are you familiar with a Terry’s chocolate orange? Well, the flavour of this blood orange cake totally reminds me of one of those chocolate treats. Except with this treat, you can enjoy it as a soft and fluffy slice of cake with a light and airy coconut milk frosting.

Ingredients to make blood orange chocolate cake.

Details on a few ingredients

Blood oranges – The flesh of blood oranges can range from pink to dark red, and even a purplish colour. And while dessert recipes usually call for blood oranges because the vibrant coloured flesh adds a lovely pink hue to cakes and frostings, I opted for blood oranges in this cake because of their sweet taste. And for that sweet orange flavour, I used 4 blood oranges in this recipe (the juice and some of the zest). If you can’t find blood oranges (the season runs from December to April), you can definitely use naval oranges. Just keep in mind the cake may not be as sweet.

Extra Virgin Olive Oil – It’s no secret that I enjoy baking with olive oil. Some people find it has an intense flavour in baked goods, but I enjoy the flavour, especially when paired with chocolate. More importantly, it’s a healthier fat compared to butter, and does a great job at keeping baked goods moist. Just make sure you’re using a good quality extra virgin olive oil or olive oil.

Natural Cocoa – Both natural cocoa and dutch-processed cocoa come from cocoa beans. Natural cocoa powder, however, is naturally acidic with a strong chocolate flavour, while dutch-processed has the acid neutralized. Natural cocoa is often used in conjunction with baking soda, which needs acid to react and create leavening in a recipe. I’ve only made this recipe with natural cocoa. It hasn’t been tested with dutch-processed.

How to make blood orange olive oil cake

In a large bowl, whisk together your sugar, orange juice and zest until the sugar is almost dissolved. Whisk in the oil, milk and then eggs one at a time.

Wet ingredients being whisked together in a glass bowl.

In a separate bowl, whisk together the dry ingredients. (Sift if your cocoa is lumpy).

Add the dry ingredients to the wet mixture a little bit at a time, stirring well after each addition.

Blood orange cake batter in a glass bowl.

Pour the batter into your greased pan and bake on 325F for about 30 minutes.

Chocolate cake batter poured into a springform pan.

Once baked and cooled completely, whip together your coconut frosting with some more orange juice and zest and spread it over the cake. Refrigerate until the frosting is set.

Top with chocolate shavings, slice and serve!

Overhead view of blood orange chocolate cake topped with coconut milk frosting.

Storage and freezing

Since coconut milk frosting requires refrigeration, this cake needs to be covered and refrigerated. If it’s unfrosted, you can store it covered at room temperature.

If unfrosted, this cake will last 4-5 days at room temperature. With frosting, it will last 2-3 days in the fridge.

You can freeze this cake without the frosting. Just let it cool completely, wrap in plastic wrap and store in the freezer for up to 3 months. Defrost the cake in the fridge or at room temperature before frosting. I don’t recommend freezing this cake with the frosting.

Two slices of chocolate cake on pink plates.

Recipe tips and substitutions

  • Orange zest: It’s easier to zest an orange when it’s cold and firm. So, if you don’t already store your oranges in the refrigerator, I suggest placing a few in there before you zest them for this recipe. Also, zest the oranges before you juice them. Otherwise, the oranges are soft and difficult to handle.
  • Batter: Once you pour the batter into your pan, you will notice some air bubbles rising to the surface. Gently tap the bottom of the pan off your countertop to allow more bubbles to rise up and pop. If you’re using a springform pan, be careful not to tap too aggressively as the batter may start to come out of the bottom of the pan.
  • Size of pan: If you don’t have a 9-inch springform pan, you can use a regular 9-inch round cake pan. If you go smaller, the cake will be thicker and require additional baking time.
  • Frosting: Once you add orange juice to the coconut whip, it will seem a little runny. Don’t worry. You will still be able to  spread it out on the cake and it will firm up in the refrigerator. And while the small amount of blood orange juice and zest doesn’t turn the frosting pink, it adds just enough orange flavour to the coconut whip to disguise the coconut flavour.
Overhead view of blood orange cake with frosting and chocolate shavings being served onto plates.

More dairy-free cakes

  • Chai Spice Cake with Orange Cardamom Frosting
  • Sweet Potato Cake with Chocolate Coconut Frosting
  • Dairy-Free Buttermilk Plum Cake
  • Mini Chocolate Bundt Cakes
  • Air Fryer Chocolate Cake

If you make this blood orange chocolate cake, I’d love to hear what you think in the comments below!

HUNGRY FOR MORE?  Follow Crumb Top Baking on Instagram, Pinterest and Facebook!

Print
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
Blood Orange Chocolate Cake topped with coconut whip and chocolate shavings and being sliced and served onto pink plates.

Blood Orange Chocolate Cake (Dairy-Free)

5 Stars 4 Stars 3 Stars 2 Stars 1 Star 5 from 9 reviews
  • Author: Leanne
  • Prep Time: 20 minutes
  • Cook Time: 30 minutes
  • Total Time: 3 hours
  • Yield: 12 slices
  • Category: Desserts
  • Method: Bake
  • Cuisine: Dairy-Free
Print Recipe
Save Recipe Recipe Saved

Description

Blood Orange Chocolate Cake is ultra chocolatey with a light and tender texture and an orange infused coconut cream topping. It’s an easy, dairy-free cake with simple ingredients that’s perfect to whip up when you’re craving a little something sweet!


Ingredients

For the cake:

  • 1/4 cup blood orange juice (about 3 oranges)
  • 2 tablespoons blood orange zest (about 1 orange)
  • 3/4 cup coconut sugar
  • 2/3 cup extra virgin olive oil
  • 1/2 cup unsweetened nut milk
  • 3 large eggs
  • 1 1/2 cups whole wheat flour
  • 1/2 cup natural cocoa powder
  • 1 teaspoon baking soda
  • 1/4 teaspoon kosher salt

For the frosting:

  • 2 cans (400 ml) full fat coconut milk, refrigerated for 24 hours
  • 1 blood orange, juiced
  • 2 teaspoons blood orange zest

Instructions

  1. Pre-heat oven to 325F and grease a 9-inch springform pan.
  2. In a large bowl, whisk together the orange juice, zest and sugar until the sugar is almost dissolved.
  3. Whisk in the oil, milk and then eggs one at a time.
  4. In a separate bowl, whisk together the flour, cocoa, baking soda and salt. (Sift together if cocoa is lumpy).
  5. Gradually add the dry ingredients to the wet mixture, stirring well after each addition.
  6. Pour the batter into the prepared pan. Gently tap the bottom and sides of the pan to release any air bubbles.
  7. Bake for 29-32 minutes, or until a toothpick inserted in the middle of the cake comes out clean.
  8. Remove from oven and let cool completely on a wire rack.
  9. In a large mixing bowl, scoop out the solidified coconut milk and using an electric mixer, beat on high speed. Add the juice and whip until smooth and creamy. Stir in the zest.
  10. Leaving the cake in the springform pan, spread the frosting onto the top of the cooled cake. Refrigerate until the frosting is set.
  11. Top with chocolate shavings (if desired), slice and serve.
  12. Store any leftovers in an airtight container in the refrigerator and enjoy within 2-3 days.

Notes

  1. If you don’t have a 9-inch springform pan, you can use a regular 9-inch round cake pan or a 9-inch square pan. If you go smaller, the cake will be thicker and will require additional baking time.
  2. The coconut milk frosting will seem a little runny, but it will firm up in the refrigerator.
  3. Be sure to check out the FAQ as well as the tips and substitutions section above the recipe for more detailed advice and suggestions for making this recipe.

Did you make this recipe?

Tag @crumbtopbaking on Instagram and hashtag it #crumbtopbaking

Filed Under: All Recipes, Dairy-Free, Desserts

Previous Post: « Green Apple Irish Mule
Next Post: Roasted Beet Hummus (with White Beans) »

Reader Interactions

Comments

  1. Ben | Havocinthekitchen says

    March 25, 2020 at 9:48 pm

    Leanne, thanks to your post, I’ve realized one thing – I’ve missed the season of blood oranges! Seriously, I bought them only once this winter, and they were never turned into a recipe. Upsetting news… I think you should send me a slice of this cake ASAP to cheer me up!;) By the way, it looks and sounds stunning!

    Reply
    • Leanne says

      March 30, 2020 at 8:43 pm

      Thanks Ben! Sorry you missed the season, and I really wish I could get a piece of this cake to you!

      Reply
  2. marcie says

    March 22, 2020 at 9:16 pm

    I don’t have enough blood orange recipes either, and that needs to change. I’ve also never tried it with chocolate either, so trying this cake will solve that problem too! I need to put this on my list to make during this quarantine…we need something to brighten our day! Hope you are doing ok!

    Reply
    • Leanne says

      March 30, 2020 at 8:54 pm

      Thanks Marcie! Blood orange and chocolate is definitely a combo worth trying! Hope you’re doing ok too!

      Reply
  3. Tasia ~ two sugar bugs says

    March 22, 2020 at 3:46 pm

    I haven’t even arrived at the party Leanne! I’ve used blood oranges in cocktails, but that is about it. This cake is gorgeous and the flavor have to be so divine together!! Loving that it’s dairy free!

    Reply
    • Leanne says

      March 30, 2020 at 8:57 pm

      Blood orange cocktails are a good choice! 😉 Thanks Tasia!

      Reply
  4. Katerina | Once a Foodie says

    March 21, 2020 at 8:36 am

    I must admit I don’t cook or bake with blood oranges much either but the orange chocolate flavour combo definitely speaks to me! We call that combined flavour “jaffa” here in Australia – it’s so addictive! Thanks for sharing, this looks and sounds like an amazing cake.

    Reply
    • Leanne says

      March 21, 2020 at 10:26 am

      I’ve never heard that before so thanks for sharing Katerina. Jaffa is much easier to say than orange chocolate!

      Reply
  5. Christie says

    March 20, 2020 at 5:15 pm

    What a delicious idea and the cake is just beautiful!!! I love the combination of flavours here Leanne.

    Reply
    • Leanne says

      March 20, 2020 at 6:44 pm

      Thank you Christie!

      Reply
  6. Milena says

    March 20, 2020 at 4:23 pm

    Your cake looks truly stunning! We’ve been watching Dexter on Netflix all over again (feels like watching a brand new series, cannot believe how much we’ve forgotten) and every time I watch the beginning where he makes blood orange juice I keep thinking that I need to make something with blood oranges. Thank you for handing me a glorious recipe! Pinned.

    Reply
    • Leanne says

      March 20, 2020 at 6:46 pm

      I’ve never watched Dexter, but I’m happy to provide a blood orange recipe for you to try! Thanks Milena. Take care!

      Reply
  7. Dawn - Girl Heart Food says

    March 20, 2020 at 11:17 am

    Those Terry’s orange chocolate are such a favourite, especially around Christmas! And I’m always in the mood for something sweet! This would make for such a lovely weekend baking project, Leanne! I know hubby would love it too. I bet it pairs beautifully with a glass of red wine 😉 Hope you are doing well!

    Reply
    • Leanne says

      March 20, 2020 at 6:47 pm

      Oh yes, with a glass of red wine would be lovely! And yes, those terry oranges are always a nice treat around Christmas. Hope you’re doing well too Dawn!

      Reply
  8. Katherine | Love In My Oven says

    March 20, 2020 at 12:17 am

    I LOVED those Terry’s chocolate oranges during the holidays. If this cake tastes like that, I would be really into this! It looks so soft and flavourful! So amazing that it’s dairy-free too! I want a big piece. Happy weekend!

    Reply
    • Leanne says

      March 20, 2020 at 6:48 pm

      It’s a super soft cake, and with the fluffy frosting, it’s a good one for sure! Happy weekend to you too Katherine!

      Reply
  9. Alexandra @ It's Not Complicated Recipes says

    March 19, 2020 at 2:04 am

    This cake looks incredible, Leanne. Chocolate and orange are definitely a match made in heaven, but I am especially excited by the use of blood oranges. Beautiful!

    Reply
    • Leanne says

      March 20, 2020 at 6:48 pm

      Thanks so much Alex!

      Reply
  10. Marissa says

    March 18, 2020 at 8:25 pm

    What a gorgeous cake! Blood oranges are such a fun citrus variety and how delicious does this cake sound!? So intrigued by that fluffy coconut frosting!

    Reply
    • Leanne says

      March 20, 2020 at 6:49 pm

      Thanks Marissa! Coconut frosting is my go-to frosting. Take care!

      Reply
  11. Terry says

    March 18, 2020 at 10:50 am

    Wow this looks amazing! I love those terry’s chocolate oranges so I will be trying this for sure.
    Love that it is dairy free as well.

    Reply
    • Leanne says

      March 20, 2020 at 6:49 pm

      Yay! Thanks Terry. I hope you like it!

      Reply
  12. Kelsie | the itsy-bitsy kitchen says

    March 18, 2020 at 10:38 am

    This is such a beautiful cake, Leanne! And I’m so into that frosting–I’m thinking it would be delicious on oatmeal too! (Can you tell I have breakfast on my mind?) I totally have to try this!

    Reply
    • Leanne says

      March 20, 2020 at 6:50 pm

      Ooh! On oatmeal sounds like a great idea! Thanks Kelsie. Take care!

      Reply

Leave a Reply Cancel reply

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

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Primary Sidebar

Meet Leanne

Hey there! I'm Leanne and welcome to Crumb Top Baking. I'm a self-taught baker, home cook and food photographer, and I'm passionate about sharing well-tested, simple and approachable desserts and savory recipes. Learn more about me and what you'll find on Crumb Top Baking....

Follow Crumb Top Baking

  • Facebook
  • Instagram
  • Pinterest

Find a recipe

AIR FRYER RECIPES

Air fryer chicken parmesan served on plates with spaghetti and marinara sauce.

Air Fryer Chicken Parmesan

Close up view of air fryer cornflake chicken strips on a plate.

Crispy Air Fryer Cornflake Chicken Strips

Close up view of a slice of air fryer frittata on white parchment paper.

Creamy and Fluffy Air Fryer Frittata with Spinach, Bacon and Cheese

Close up of air fryer ham and cheese sliders with one turned on its side to show the ham and cheese filling.

Air Fryer Ham and Cheese Sliders

Copyright © 2025 crumbtopbaking.com - Privacy Policy & Terms of Use

Pinterest image for blood orange chocolate cake - short pin.
Pinterest image for blood orange chocolate cake - collage pin 1.
Pinterest image for blood orange chocolate cake - collage pin 2.
Crumb Top Baking Text LogoLogo Header Menu
  • Home
  • About
  • All Recipes
  • Air Fryer
  • Desserts
  • Subscribe
  • Photography