Sapphire Pier color palette — #FFF3E8 · #72C3ED · #006CCF · #005557 · #272B64

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

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Sky (#72C3ED): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#006CCF): A full-bodied, vivid blue — the color of open sky before noon.
• Peacock (#005557): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#272B64): 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

• Sapphire Field color palette (#FFEEE1, #78C6EF, #336BD5, #00524C, #1C0845)
• Worn Petrol Market color palette (#FFF2EC, #5CCAD6, #00799C, #005842, #00345D)
• Hazy Field color palette (#FFF1F7, #99D4F4, #4887FA, #00736A, #342466)
• Denim Harbor color palette (#E9DDD2, #6AA6CF, #2151AA, #003D42, #1B1646)
• Frosted Periwinkle color palette (#E9FAEC, #AFE2FF, #5CB0FF, #0095A6, #142E6B)
• Cerulean Station color palette (#FEEBE2, #2EA1A8, #005267, #003121, #001527)
• Softworn Ridge color palette (#F1E4D9, #A25E00, #006C9B, #43428E, #381C00)
• Washed Cerulean color palette (#FEF2EC, #CCE4C9, #3998AB, #3A6F4E, #295143)

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