Sapphire Pier color palette — #FFF4E2 · #6DC1FC · #006AD5 · #005363 · #222D63

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

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sky (#6DC1FC): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#006AD5): A full-bodied, vivid blue — the color of open sky before noon.
• Peacock (#005363): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#222D63): A deep, shadowed, balanced 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

• Patina Quarry color palette (#FDEFE3, #7FC4F4, #2867E5, #005157, #180949)
• Washed Study color palette (#FFF4E2, #62C8DD, #00799D, #005651, #003657)
• Cornflower Studio color palette (#FFF1F6, #9CD2F8, #4886FB, #007179, #2E2668)
• Powdered Ultramarine color palette (#F5EAD8, #73A4D1, #2351AB, #003C4B, #171747)
• Dusty Cobalt Quarry color palette (#FCF4E8, #9FD2BF, #447BB5, #005E6B, #4B3047)
• Pale Periwinkle color palette (#E8F9F8, #B6DFFF, #5DB0FF, #0091BB, #002F6D)
• Timeworn Cerulean color palette (#EDE3D3, #26A0B1, #005268, #00302B, #001625)
• Weathered Turquoise Delta color palette (#F9F4ED, #C5ECE0, #5DA6B0, #467B66, #3B5045)

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