Sapphire Pier color palette — #FFF1F6 · #7BC0F1 · #3D69C3 · #00555C · #2F2765
A conversation between Royal Blue and Royal Purple, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF1F6): bright and airy, almost weightless.
- Sky (#7BC0F1): A luminous, balanced blue — the color of deep harbor water.
- Royal Blue (#3D69C3): A full-bodied, balanced violet — the color of twilight just after sunset.
- Peacock (#00555C): A full-bodied, dusty blue — the color of deep harbor water.
- Royal Purple (#2F2765): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Softworn Market color palette (#FFF0FB, #75C6D4, #0078A1, #005746, #003264)
- Misty Cobalt color palette (#F0F4E7, #83C3F3, #0073C9, #004E67, #001740)
- Feathered Cornflower color palette (#E7FAF9, #97D2FF, #2A8FEA, #006D8F, #002E70)
- Denim Coast color palette (#DBE5DA, #7BA3C8, #39519D, #003D45, #21104B)
- Tempered Periwinkle color palette (#FFF3E7, #B6E0FF, #7DA9FF, #0096A2, #2F2668)
- Weathered Cerulean Orchard color palette (#FAF3F8, #C4E2EC, #4097AF, #2F7053, #274C66)
- Aged Coral color palette (#F6F1FF, #F5ACE2, #F57967, #474DAE, #46224D)
- Worn Cerulean color palette (#F3E1EE, #489DAB, #00516E, #003126, #00142D)
Browse the whole catalog at Explore, or see today's palette.