Wandering Pier color palette — #FCF4E7 · #9BD1FF · #3E87FF · #006F87 · #252B66

Built around Azure, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Ivory (#FCF4E7): bright and airy, almost weightless.
• Sky (#9BD1FF): A whisper-light, balanced blue — the color of deep harbor water.
• Azure (#3E87FF): A luminous, vivid blue — the color of a favorite pair of jeans.
• Teal (#006F87): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#252B66): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Wandering 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 Cerulean Market color palette (#FDF4E5, #84D9F0, #0099CD, #007270, #00355B)
• Washed Periwinkle Grove color palette (#E2FBFA, #D7DBEE, #439BFF, #006C93, #001D5D)
• Sapphire Atelier color palette (#FFF3E6, #6AC0FF, #465CDF, #005656, #3C2063)
• Feathered Periwinkle color palette (#FFF1F5, #B8DFFF, #81A8FF, #0095A4, #322468)
• Powdered Cabin color palette (#EEF5FF, #DADDFF, #D7A6FF, #0082B3, #2C335B)
• Ultramarine Thicket color palette (#C0EAF4, #00B7F0, #007CC3, #0053B5, #1C2B7B)
• Crimson Studio color palette (#E2EEFF, #2B8AFD, #ED004C, #3D8200, #01234C)
• Ancient Studio color palette (#E2ECFF, #8CB5FF, #106EF5, #0036BB, #00153D)

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