Timeworn Pier color palette — #FAF4F0 · #CCE8E6 · #80B8E1 · #4B958A · #5D4C5B

Sky takes the lead with Fern close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Silver (#CCE8E6): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#80B8E1): A luminous, balanced blue — the color of open sky before noon.
• Fern (#4B958A): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#5D4C5B): A full-bodied, dusty pink — the color of peonies in June.

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

Use it as a design system

One click turns Timeworn 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

• Muted Alley color palette (#F1F7F2, #D9E0EB, #A5D3EE, #56A09F, #394F66)
• Timeworn Jade Terrace color palette (#FFF1F2, #DE96CA, #6AB97F, #58A0A2, #513C3D)
• Misty Periwinkle color palette (#FBF4EC, #B7E1FF, #6198FF, #00818A, #3B396A)
• Misty Market color palette (#EDE4DB, #6EAACD, #0060CD, #004A4C, #0E093A)
• Cobalt Quarry color palette (#E9DCD5, #6AC0D3, #007EB0, #005B4D, #001D47)
• Weathered Lichen color palette (#FFF1F1, #DEF8C3, #E2DAD0, #AD9BC5, #5A4846)
• Timeworn Azure color palette (#FEF2ED, #A4E1E7, #2FA3CA, #007F5F, #15443A)
• Weathered Mint Study color palette (#FFF1F1, #E7B2D1, #63C89C, #B7729D, #4B4E47)

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