Worn Pier color palette — #F0F6FA · #D9DAE2 · #B6A8AA · #418EA3 · #4C5458

Cerulean and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F0F6FA): bright and airy, almost weightless.
• Silver (#D9DAE2): bright and airy, almost weightless.
• Ash (#B6A8AA): soft and architectural.
• Cerulean (#418EA3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Charcoal Brown (#4C5458): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Tempered Cerulean color palette (#EDF4F0, #CFD9DA, #BBAEA2, #578B9F, #2F3934)
• Weathered Lagoon color palette (#EFF8F3, #A6C9C3, #558B91, #496A82, #3C524F)
• Ancient Courtyard color palette (#EBF9F1, #77B5AE, #6077A4, #655A15, #334C57)
• Muted Denim Loft color palette (#F1F5FC, #DDD6E2, #B7AFC3, #3861AD, #333B47)
• Antique Onyx Ridge color palette (#E1EBF2, #929AA8, #6D6E87, #003041, #000B14)
• Washed Boulevard color palette (#EDF7FE, #BEDBF1, #AAC1FF, #A97CC6, #3C4C63)
• Patina Atelier color palette (#E5E7EF, #ABA6B8, #8F7493, #400E86, #101321)
• Ancient Grape color palette (#F3F4FF, #D7CEE3, #BB9BB8, #7822B7, #2F304A)

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