Timeworn Pier color palette — #E7F1EE · #C3CFCD · #8BA7A7 · #485E00 · #1B332D

Olive and Deep Forest set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E7F1EE): bright and airy, almost weightless.
• Oat (#C3CFCD): a calm mid-gray that lets other colors speak.
• Blue Fog (#8BA7A7): A luminous, dusty teal — the color of glacier melt.
• Olive (#485E00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#1B332D): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Worn Olive color palette (#EFF7F5, #D1DBDF, #A0B9BC, #3D740F, #2D3F3B)
• Softworn Market color palette (#DEE9E8, #ACBDBD, #6C969F, #005416, #0E2422)
• Hushed Forest Workshop color palette (#D9E9E1, #7E955B, #14661C, #434000, #212E04)
• Lagoon Canyon color palette (#EFF7F9, #D6DAE0, #B2A9B0, #33938D, #485559)
• Weathered Taupe Orchard color palette (#F0EFE2, #C7D9C7, #A5C2AF, #879B60, #302E22)
• Wandering Station color palette (#E2EBEF, #8B9DA7, #59748B, #003235, #000B10)
• Patina Aubergine Alley color palette (#DEEFD7, #709B9E, #437486, #583167, #55263D)
• Sunlit Aubergine Harbor color palette (#CAE7D0, #578812, #005B47, #440079, #002D08)

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