Sapphire Pier color palette — #F0E5D2 · #63A6E2 · #3E70CE · #005A70 · #06002B

Royal Blue and Cornflower set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#F0E5D2): A whisper-light, dusty gold — the color of old brass.
• Cornflower (#63A6E2): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#3E70CE): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#005A70): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#06002B): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Wandering Cobalt Lagoon color palette (#E6DDCF, #31B1D1, #007EAE, #005D5D, #000A18)
• Quiet Wisteria Orchard color palette (#E0EDFF, #A4A4EE, #BB79D3, #0D6F94, #0A0A2B)
• Ultramarine Veranda color palette (#F4E7D9, #4D99D4, #3C48B5, #003B3C, #0F0021)
• Airy Navy Courtyard color palette (#D7F6FE, #0084B4, #00649A, #003A81, #040030)
• Softworn Azure Garden color palette (#EEE5D6, #89CAEA, #3798E3, #007B87, #071D44)
• Frosted Canyon color palette (#EDD8F0, #0080E0, #956600, #005599, #0A0500)
• Worn Archive color palette (#DDE3F1, #5A86FF, #2353D4, #002D8E, #00010E)
• Navy Lantern color palette (#DBE9E8, #597C9D, #003A77, #001D2B, #00000B)

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