Sapphire Pier color palette — #FFECF2 · #88C2F1 · #4856F9 · #005152 · #230541

Built around Royal Blue, softened by Deep Indigo — the whole palette hums with trust and stability.

The five colors

• Blush (#FFECF2): A whisper-light, dusty rose — the color of strawberry cream.
• Sky (#88C2F1): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#4856F9): A full-bodied, vivid violet — the color of wild irises.
• Forest (#005152): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#230541): A deep, shadowed, balanced violet — the color of wild irises.

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

• Gentle Meadow color palette (#F2E5EB, #81BDD6, #1A6AC1, #004C41, #130D38)
• Sapphire Ridge color palette (#E5FCEA, #7DBFF4, #0064E4, #005365, #252D61)
• Softworn Balcony color palette (#F8EFF5, #8FDEF2, #0089D6, #00654B, #181F4D)
• Wandering Dune color palette (#FFF3E7, #98D2FF, #637FFF, #007272, #3B225F)
• Patina Atelier color palette (#D0E3EA, #0098A7, #C7008C, #005760, #2E001D)
• Dusty Villa color palette (#E5DBE6, #4AAFA8, #006376, #093C03, #000C19)
• Washed Lilac Grove color palette (#D6F9FF, #7BD8FF, #9E9AFF, #4C7800, #002427)
• Muted Turquoise Quarry color palette (#F5F0F5, #D0D4EC, #56A9C4, #517654, #293848)

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