Timeworn Pier color palette — #FAF2F8 · #CFE0F9 · #77ACCB · #008F78 · #344963

Fern and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Powder Blue (#CFE0F9): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#77ACCB): A luminous, dusty blue — the color of deep harbor water.
• Fern (#008F78): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#344963): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Azure Thicket color palette (#FBF2F7, #B7DAF1, #619AD3, #007C79, #2C3764)
• Hushed Teal Alley color palette (#EEF8F6, #C5E5FF, #86C9DE, #53A8AA, #2A4C60)
• Wandering Denim color palette (#EBDDE6, #51A1A2, #006376, #003E25, #000A15)
• Hushed Cerulean Ridge color palette (#F5F6EF, #C2E7CE, #0099BA, #007073, #2D5041)
• Wandering Petrol Thicket color palette (#F0E3EA, #71ACC0, #006CA7, #004B45, #010744)
• Chalky Parlor color palette (#E6FAF9, #86CA9B, #D18ABC, #009952, #59344E)
• Gentle Emerald Field color palette (#C3F2DC, #AFCC90, #4EA762, #007D5C, #00514A)
• Sunlit Lagoon Ridge color palette (#D9FDFF, #98DCC2, #37A48B, #006F4F, #003423)

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