Sapphire Pier color palette — #F2E7DD · #64A9D6 · #3F65EB · #005D5B · #0D0024

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

The five colors

• Parchment (#F2E7DD): a clean, paper-quiet neutral.
• Cyan (#64A9D6): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#3F65EB): A full-bodied, vivid violet — the color of wild irises.
• Peacock (#005D5B): A full-bodied, dusty teal — the color of shallow lagoons.
• Ink (#0D0024): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged coastal, cool, light, 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

• Aged Courtyard color palette (#FCEBE3, #6BACB8, #007DB4, #006040, #01012E)
• Muted Denim Boulevard color palette (#E2EFE5, #5E99C2, #0056A9, #003A45, #03012C)
• Patina Cornflower Boulevard color palette (#F2E8E1, #8CCBE0, #1895FB, #007F68, #181648)
• Tempered Iris Meadow color palette (#E3F5D7, #3EB8D9, #8682FF, #437200, #001001)
• Wandering Lagoon color palette (#D3ECED, #00A5A3, #007277, #004142, #000202)
• Timeworn Navy color palette (#F9E7EE, #457FA5, #00308E, #001F21, #01000A)
• Sunlit Plum Coast color palette (#D9E8D1, #00937E, #D00051, #006354, #130003)
• Patina Emerald color palette (#F9EBE6, #95E3E8, #00B3EC, #009752, #112D56)

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