Timeworn Pier color palette — #F1F3EC · #C4E2E4 · #7BA0C3 · #3B7389 · #412E42

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

The five colors

• Cream (#F1F3EC): a clean, paper-quiet neutral.
• Silver (#C4E2E4): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#7BA0C3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#3B7389): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#412E42): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Muted Alley color palette (#F1F3EB, #C5E1DF, #7CA794, #39757D, #1D3D33)
• Dusty Boulevard color palette (#FAF3F6, #D9DEEF, #829AC1, #1D7D83, #47526E)
• Hushed Denim color palette (#E2E6D4, #63A5C9, #005E8E, #003745, #000B1B)
• Softworn Petrol Basin color palette (#E9EADE, #84BEC9, #007790, #004B4C, #001923)
• Cerulean Villa color palette (#E7F7E6, #5DABAB, #6E8EC3, #6B8151, #1D2C1D)
• Cerulean Delta color palette (#F2F3E3, #95DFE3, #0093A4, #00635C, #002A34)
• Navy Terrace color palette (#E6EADE, #517CA8, #00377F, #001D2D, #00000D)
• Worn Lagoon color palette (#EAEBD8, #2F9C9B, #00545A, #002C26, #000507)

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