Sapphire Pier color palette — #E5EEE4 · #71A6D5 · #486AD9 · #005B67 · #0B0027

Sapphire takes the lead with Cornflower close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E5EEE4): bright and airy, almost weightless.
• Cornflower (#71A6D5): A luminous, balanced blue — the color of open sky before noon.
• Sapphire (#486AD9): A full-bodied, vivid violet — the color of a velvet chair.
• Peacock (#005B67): A full-bodied, dusty blue — the color of deep harbor water.
• Ink (#0B0027): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Cobalt Studio color palette (#EADCE5, #3CB0D0, #007BBA, #005E55, #000427)
• Denim Veranda color palette (#DCE1D4, #6297CB, #1F56A2, #003850, #01012E)
• Tempered Boulevard color palette (#F7EBDF, #77A7D4, #434C97, #002B2D, #020006)
• Ancient Parlor color palette (#FBE9F1, #6ACDFC, #5095E3, #007D7D, #151945)
• Forest Corridor color palette (#F6E4F0, #54C4C3, #0092AC, #007145, #001624)
• Navy Workshop color palette (#EEE5D6, #547CA2, #113481, #001E28, #01000B)
• Turquoise Bloom color palette (#F7EAF4, #81E5F6, #4DB0DF, #009479, #0F2E51)
• Plum Station color palette (#F0D9DA, #CE0045, #007670, #205678, #070001)

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