Hazy Sapphire Pier color palette — #FFF3EA · #84C1DE · #276BC9 · #00574D · #312072

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

The five colors

• Ivory (#FFF3EA): bright and airy, almost weightless.
• Sky (#84C1DE): A luminous, dusty blue — the color of open sky before noon.
• Royal Blue (#276BC9): A full-bodied, vivid blue — the color of open sky before noon.
• Forest (#00574D): A full-bodied, dusty teal — the color of sea glass.
• Royal Purple (#312072): 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 Hazy 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

• Worn Navy Studio color palette (#FFF2ED, #76C7CB, #00799D, #005A2A, #00306A)
• Cobalt Ridge color palette (#E7F7E9, #6DC8EF, #0078B8, #005156, #00173F)
• Patina Azure Lagoon color palette (#FFF4E2, #7ED8FF, #0094E2, #007179, #0C3164)
• Misty Ultramarine Market color palette (#EBDED5, #6FA6C7, #244EB1, #003E3A, #221148)
• Antique Cypress color palette (#FBF4ED, #C3E5DB, #7A87BC, #007073, #5E3C4A)
• Weathered Periwinkle color palette (#EDFCD9, #81E5FE, #709EFF, #596A00, #004143)
• Periwinkle Parlor color palette (#FFF0F8, #A5E4FF, #6BADFF, #009A85, #2E2A5F)
• Weathered Spruce Parlor color palette (#F9E8E3, #519E9E, #005268, #003310, #00142D)

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