Sapphire Pier color palette — #E1EDFF · #2A6BE9 · #2F2E46 · #0F1620 · #03070A
Built around Royal Blue, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Frost (#E1EDFF): A whisper-light, dusty blue — the color of deep harbor water.
- Royal Blue (#2A6BE9): A full-bodied, vivid violet — the color of a velvet chair.
- Navy (#2F2E46): A deep, shadowed, dusty violet — the color of twilight just after sunset.
- Ink (#0F1620): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#03070A): quiet, heavy and certain.
Feels like: Trust, Stability, Energy, Sophistication. Tagged noir, dark, luxury, vibrant.
Use it as a design system
One click turns Sapphire Pier 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
- Worn Indigo color palette (#E3E6F4, #7C5EC7, #352C40, #131521, #03070C)
- Wandering Cobalt Coast color palette (#D2E8F7, #0080A9, #283144, #0B1720, #030709)
- Softworn Iris Villa color palette (#EEE0EC, #5F8DE5, #604350, #352934, #121B17)
- Ancient Iris Loft color palette (#EEF1FF, #8F7CDB, #4E9249, #4C7848, #181C33)
- Smoked Grape color palette (#E2E3F4, #5A02EB, #330B2F, #07031F, #000104)
- Misty Coast color palette (#CEE7FE, #8AABFF, #7F6EC3, #6B4072, #30243F)
- Eclipse Delta color palette (#EFEEFF, #A100CB, #491325, #100D1F, #020309)
- Timeworn Cerulean Grove color palette (#F9EFF3, #B4E4FF, #708EC2, #1D6C64, #252A44)
Browse the whole catalog at Explore, or see today's palette.