Sapphire Pier color palette — #E0FEEA · #00ACC7 · #1554F8 · #5F0081 · #00170E
Built around Royal Blue, softened by Royal Purple — the whole palette hums with trust and stability.
The five colors
- Honeydew (#E0FEEA): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#00ACC7): A luminous, balanced blue — the color of a favorite pair of jeans.
- Royal Blue (#1554F8): A full-bodied, vivid violet — the color of wild irises.
- Royal Purple (#5F0081): A deep, shadowed, vivid violet — the color of wild irises.
- Ink (#00170E): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Creativity, Energy, Balance. 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
- Weathered Amethyst color palette (#D9FFF1, #00A5EB, #6A2BFE, #6D0062, #001714)
- Timeworn Orchard color palette (#E7FCE6, #00B0AF, #0070AF, #4C009C, #001803)
- Nightshade Workshop color palette (#BDE9F3, #00837B, #2F2EBD, #55002C, #150D00)
- Byzantium Lagoon color palette (#FFF0FD, #598AFF, #8A24BF, #6A003B, #1D0400)
- Feathered Garden color palette (#FFEFFF, #73B1FF, #9855DF, #92005C, #00272A)
- Aged Nightshade Harbor color palette (#EFFBDB, #00B679, #00788A, #0023AE, #111500)
- Patina Indigo Delta color palette (#FFECF9, #5C5FFE, #7E0084, #4B0011, #000203)
- Azure Balcony color palette (#E3FAFF, #78D7FF, #4D93CF, #705084, #442244)
Browse the whole catalog at Explore, or see today's palette.