Sapphire Pier color palette — #F3EBDE · #7EA5C8 · #386FD3 · #005A6F · #05002C

A conversation between Royal Blue and Ink, giving this palette its sense of trust and stability.

The five colors

• Cream (#F3EBDE): bright and airy, almost weightless.
• Blue Fog (#7EA5C8): A luminous, dusty blue — the color of a favorite pair of jeans.
• Royal Blue (#386FD3): A full-bodied, vivid violet — the color of twilight just after sunset.
• Peacock (#005A6F): A full-bodied, dusty blue — the color of deep harbor water.
• Ink (#05002C): 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

• Aged Meadow color palette (#F0E7D8, #6CABBE, #007EAC, #005D5C, #000A18)
• Washed Nightshade color palette (#EBE0D5, #7296B8, #4248B0, #003B3D, #100021)
• Linen Lagoon color palette (#E7E0D6, #94C8E2, #3099E4, #007B86, #011B4B)
• Misty Navy color palette (#D7E8DA, #3B7EB4, #00308E, #001E27, #01000B)
• Hushed Lagoon Market color palette (#C7F0F5, #009EA5, #00747B, #004146, #000203)
• Feathered Atelier color palette (#E0F4DD, #00918B, #CF0058, #00625E, #130003)
• Washed Veranda color palette (#C8F0F0, #007F81, #9B00C0, #765000, #000202)
• Wandering Turquoise color palette (#F4EEE4, #BADDC3, #27B5DD, #009284, #00324B)

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