Eclipse Sapphire color palette — #D0E4EF · #0062EA · #3C00A4 · #1F003E · #030003
Royal Blue and Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#D0E4EF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Royal Blue (#0062EA): A full-bodied, vivid violet — the color of twilight just after sunset.
- Indigo (#3C00A4): A deep, shadowed, vivid violet — the color of twilight just after sunset.
- Deep Indigo (#1F003E): A deep, shadowed, balanced violet — the color of a velvet chair.
- Black (#030003): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Creativity, Energy, Depth, Luxury. Tagged dark, vibrant.
Use it as a design system
One click turns Eclipse Sapphire into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Wandering Study color palette (#E4EBFD, #5764EA, #543FD5, #3D0F93, #0B0021)
- Deep Quarry color palette (#DAEAF8, #164FA9, #240098, #1D003F, #15001D)
- Amethyst Parlor color palette (#DDE6FA, #663EF5, #650087, #2F0023, #040001)
- Cellar Navy Hollow color palette (#CAE8F1, #00719C, #003D96, #10003A, #030004)
- Washed Loft color palette (#F1DBE7, #6A45E0, #5D5700, #2E0077, #010100)
- Aged Violet Orchard color palette (#E6DEF0, #9562F4, #4E00A0, #220D13, #0A0015)
- Wandering Boulevard color palette (#E5E7FF, #5100DE, #3B4E00, #293800, #010009)
- Cobalt Boulevard color palette (#C4E9F4, #8F8500, #0073D0, #120C15, #030003)
Browse the whole catalog at Explore, or see today's palette.