Worn Pier color palette — #F0F7F1 · #D7DDF4 · #96C1F4 · #00AAC3 · #384863

Cyan and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Frost (#D7DDF4): A whisper-light, dusty violet — the color of wild irises.
• Sky (#96C1F4): A luminous, balanced blue — the color of open sky before noon.
• Cyan (#00AAC3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#384863): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Worn 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 Sky color palette (#EEF6FF, #DAD8E3, #CDAEA5, #6DC1E2, #3A4B62)
• Cobalt Thicket color palette (#C8EFFF, #7ED4EF, #4CB2E7, #3292D8, #364A75)
• Wandering Boulevard color palette (#FAF4EE, #C2E3F6, #9EBAF8, #1D948F, #543444)
• Washed Ridge color palette (#F1F7F2, #CDDFEF, #72CED9, #2CB184, #0E5061)
• Patina Cobalt Corridor color palette (#E1EAE3, #73AABD, #007DB2, #005D5F, #00091A)
• Periwinkle Alley color palette (#E9F1EB, #B7D7F5, #70A5F6, #008DA9, #222857)
• Soft Turquoise color palette (#EDF9EF, #99EAEE, #00BEDE, #009A80, #00384D)
• Hazy Cornflower Atelier color palette (#E4F0E6, #8BB4DE, #4F7DE4, #006984, #0F0440)

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