Sapphire Pier color palette — #F8EBF1 · #62ABCC · #006DE8 · #005E53 · #0A0028

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

The five colors

• Blush (#F8EBF1): a clean, paper-quiet neutral.
• Cyan (#62ABCC): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#006DE8): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Pine (#005E53): A full-bodied, dusty teal — the color of glacier melt.
• Ink (#0A0028): A deep, shadowed, balanced 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

• Weathered Harbor color palette (#EBE3EA, #55B1B7, #007FA8, #006132, #00081E)
• Denim Canyon color palette (#EBE3D6, #679AB4, #005C95, #003B40, #000623)
• Azure Grove color palette (#E5DBE1, #71D0E4, #009BE7, #00815D, #10194A)
• Ancient Pier color palette (#F4E6DB, #43819D, #003C70, #001F1F, #01000B)
• Byzantium Thicket color palette (#F0EBFF, #B416AC, #007578, #27537B, #050005)
• Dusty Meadow color palette (#F5EBF5, #98E3DF, #00B6DC, #4B914B, #073051)
• Timeworn Chapel color palette (#F2EAFF, #E99488, #B79700, #7854A5, #1D0007)
• Hushed Periwinkle Ridge color palette (#FFF1F5, #BBDEFF, #92A2FF, #00979C, #3F205F)

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