Worn Pier color palette — #FDF1F8 · #C6EBFF · #7DA9D5 · #4F8776 · #3B4763

Built around Blue Fog, softened by Fern — the whole palette hums with trust and stability.

The five colors

• Ivory (#FDF1F8): bright and airy, almost weightless.
• Frost (#C6EBFF): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#7DA9D5): A luminous, balanced blue — the color of open sky before noon.
• Fern (#4F8776): A full-bodied, dusty teal — the color of sea glass.
• Charcoal (#3B4763): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Sophistication. 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

• Tempered Iris color palette (#FFF1F6, #AFDBF9, #7993D4, #007C78, #333759)
• Aged Shell color palette (#EAF8FF, #DAD9E5, #F2B8CB, #679C9F, #394A5C)
• Airy Cabin color palette (#ECF7FF, #5AC3FF, #E78670, #3C89B4, #54384D)
• Muted Lantern color palette (#F4F6EC, #C6E5D3, #5A93AD, #006F7B, #255144)
• Airy Turquoise Market color palette (#EAF8FF, #00B7DC, #C8893E, #A57E52, #213C49)
• Hushed Cerulean color palette (#F6E7F2, #2FA4AF, #006084, #003E22, #000624)
• Aqua Archive color palette (#BBFAE7, #00DAE0, #009DC0, #347199, #3E4D6A)
• Washed Azure color palette (#EDF7FF, #8AD0FF, #3E9BCA, #2B648D, #002F46)

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