Sapphire Pier color palette — #CEE6F3 · #39ACFF · #2E60F4 · #4A25AB · #34005A
Royal Blue and Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#CEE6F3): A whisper-light, dusty blue — the color of deep harbor water.
- Cornflower (#39ACFF): A luminous, balanced blue — the color of open sky before noon.
- Royal Blue (#2E60F4): A full-bodied, vivid violet — the color of wild irises.
- Indigo (#4A25AB): A full-bodied, vivid violet — the color of twilight just after sunset.
- Deep Indigo (#34005A): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Energy. Tagged 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
- Indigo Veranda color palette (#E1F0FF, #789AFA, #6957F0, #680FA4, #3C0043)
- Weathered Nightshade color palette (#D0F1F8, #00B5EA, #007AD1, #2338BB, #250065)
- Powdered Atelier color palette (#E9F3FF, #86B6FF, #5877DD, #3C2B9E, #120033)
- Gentle Ultramarine Terrace color palette (#DFF0EE, #009ED6, #294FB4, #421873, #3D0036)
- Feathered Basin color palette (#C9E7CF, #029AEB, #5F4ED5, #703500, #0F2442)
- Grape Thicket color palette (#C9E1FC, #6383EA, #6829E2, #4F007B, #27002A)
- Grape Pier color palette (#DFE4F4, #865FE5, #7500AB, #520051, #1F0012)
- Violet Archive color palette (#EEF5FF, #65D3FF, #77B3FF, #9970F9, #1B2250)
Browse the whole catalog at Explore, or see today's palette.