Iridescence
Sophisticated Iridescence
Not childish rainbow bubbles — sophisticated prismatic light like cathedral crystals, oil on dark water, and the shimmer on a raven's feather.
The Physics: Thin-Film Interference
Soap bubbles create color through thin-film interference — light waves reflecting off inner and outer surfaces, creating shifting spectral colors.
In UI, we simulate this with multi-layer gradients that shift based on position, animated color movement, traveling specular highlights, and subtle transparency showing depth beneath.
Arcanea Color Palette
Desaturated and luxurious. Like aged pearl or black opal — not candy rainbow.
Ember Iridescence
Orange
rgba(255, 150, 50, 0.15)
Red
rgba(255, 100, 100, 0.12)
Amber
rgba(255, 180, 80, 0.15)
Rust
rgba(200, 100, 80, 0.10)
Ocean Iridescence
Cyan
rgba(100, 220, 255, 0.12)
Blue
rgba(150, 180, 255, 0.10)
Aqua
rgba(100, 255, 220, 0.12)
Deep Blue
rgba(80, 150, 255, 0.10)
Mineral (Labradorite)
Gold
rgba(200, 170, 100, 0.15)
Teal
rgba(100, 180, 150, 0.10)
Ochre
rgba(180, 150, 80, 0.12)
Jade
rgba(150, 200, 180, 0.10)
Pearl Iridescence
White
rgba(255, 255, 255, 0.12)
Ice Blue
rgba(200, 220, 255, 0.10)
Pink Tint
rgba(255, 220, 255, 0.10)
Cyan
rgba(220, 255, 255, 0.10)
Void (Black Opal)
Violet
rgba(180, 100, 255, 0.15)
Blue-Violet
rgba(100, 150, 255, 0.12)
Magenta
rgba(255, 100, 200, 0.12)
Cyan
rgba(100, 255, 200, 0.10)
✅ Always Do
- •Deep navy backgrounds with neon glows
- •Glass/chrome/metallic 3D materials
- •Desaturated, subtle color shifts
- •Constellation and sacred geometry patterns
- •Premium, sophisticated, powerful aesthetic
❌ Never Do
- •Childish rainbow bubbles (candy colors)
- •Flat pastel backgrounds (clay/Play-Doh)
- •Cartoon character style
- •Over-saturated neon glow
- •Cute, toy-like, playful aesthetics
Reference Inspiration
The iridescence we're creating matches these premium, sophisticated sources:
Cathedral Crystal
Light refraction
Oil on Water
At night
Aurora Borealis
Compressed
Raven Feather
Dark shimmer