Print

Perfect Luau Ombre Blue Ocean Vanilla Cake with Mango Curd and Toasted Coconut

luau ombre blue ocean vanilla cake - featured image

A tropical-themed ombre blue vanilla cake layered with homemade mango curd and topped with toasted coconut, perfect for summer parties and easy to make in under 90 minutes.

Ingredients

Scale
  • 2 ½ cups (312 g) all-purpose flour
  • 2 ½ tsp baking powder
  • ½ tsp salt
  • 1 cup (227 g) unsalted butter, softened
  • 1 ¾ cups (350 g) granulated sugar
  • 4 large eggs, room temperature
  • 2 tsp pure vanilla extract
  • 1 cup (240 ml) whole milk, room temperature
  • 2 cups fresh ripe mango, peeled and chopped
  • ½ cup (100 g) granulated sugar
  • 3 large egg yolks
  • 2 tbsp (28 g) unsalted butter, cubed
  • 1 tbsp fresh lemon juice
  • 1 cup (80 g) unsweetened shredded coconut
  • Blue gel food coloring (various shades)

Instructions

  1. Preheat oven to 350°F (175°C). Grease and flour three 8-inch pans or line with parchment paper. Bring eggs and milk to room temperature.
  2. Sift together flour, baking powder, and salt in a medium bowl. Set aside.
  3. Beat softened butter and sugar on medium speed until pale and fluffy, about 4-5 minutes.
  4. Add eggs one at a time, mixing well after each. Stir in vanilla extract.
  5. With mixer on low, alternate adding flour mixture and milk in three parts, beginning and ending with flour. Mix just until combined.
  6. Divide batter evenly into three bowls. Add gel food coloring to create a gradient from deep ocean blue to sky blue (e.g., 10 drops, 5 drops, 2 drops). Stir gently.
  7. Pour each colored batter into prepared pans. Bake 25-30 minutes or until a toothpick comes out clean. Cool in pans 10 minutes, then transfer to wire racks.
  8. For mango curd, combine mango, sugar, egg yolks, and lemon juice in a small saucepan. Cook over low heat, stirring constantly until thickened, about 10 minutes. Remove from heat, stir in butter until smooth. Strain if desired. Chill until ready to use.
  9. Toast shredded coconut in a dry skillet over medium heat, stirring constantly until golden and fragrant. Set aside to cool.
  10. Assemble cake by placing darkest blue layer on plate, spreading mango curd on top. Repeat with medium blue layer and curd. Top with lightest blue layer. Frost with whipped cream or vanilla frosting and sprinkle toasted coconut over the cake.
  11. Chill cake for at least 1 hour before slicing and serving.

Notes

Use gel food coloring for better control of ombre effect. Soften butter properly for best texture. Stir mango curd constantly over low heat to avoid scrambling eggs. Toast coconut carefully to avoid burning. Chill cake after assembly for cleaner slices and better flavor melding. For gluten-free, use 1:1 gluten-free flour blend and gluten-free baking powder. For dairy-free, substitute butter with vegan margarine and milk with coconut milk.

Nutrition

Keywords: luau cake, ombre cake, blue ocean cake, vanilla cake, mango curd, toasted coconut, tropical dessert, summer cake, easy cake recipe