Sapphire Pier color palette — #FFF1F5 · #71C1F8 · #4763CD · #005654 · #3B2065

Royal Blue takes the lead with Royal Purple close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Sky (#71C1F8): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#4763CD): A full-bodied, vivid violet — the color of wild irises.
• Peacock (#005654): A full-bodied, dusty teal — the color of shallow lagoons.
• Royal Purple (#3B2065): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Cobalt Basin color palette (#FFF0FA, #30CCE9, #0074B1, #005840, #212D63)
• Cobalt Coast color palette (#EFF5E2, #8EC2EC, #0072CD, #004D68, #001642)
• Soft Boulevard color palette (#E1EBE0, #69A4DA, #4146B3, #003D40, #27133C)
• Dusty Cornflower color palette (#E0FCFB, #99D2FF, #108EF7, #006D90, #0B2F69)
• Powdered Tangerine Workshop color palette (#F2F4FF, #FFAEE3, #E8834D, #19649E, #442A4E)
• Softworn Cypress color palette (#F9F3F9, #ABE9EC, #5893AD, #3F6E4D, #364960)
• Periwinkle Drift color palette (#FFF3E7, #B8DFFF, #81A8FF, #0095A4, #32226D)
• Weathered Cerulean Loft color palette (#F3E2EE, #00A1B5, #004F75, #00321F, #040D3A)

Browse the whole catalog at Explore, or see today's palette.