Timeworn Pier color palette — #F7F6E9 · #E9FFBE · #DFDECD · #70DABF · #3F4039
Built around Lagoon, softened by Custard — the whole palette hums with nature and growth.
The five colors
- Ivory (#F7F6E9): bright and airy, almost weightless.
- Custard (#E9FFBE): A whisper-light, balanced green — the color of new leaves after rain.
- Bone (#DFDECD): A whisper-light, dusty green — the color of a quiet forest floor.
- Lagoon (#70DABF): A luminous, balanced teal — the color of sea glass.
- Charcoal (#3F4039): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged candy, vibrant, 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
- Weathered Market color palette (#E7FAF4, #FAF7A7, #9DF1BA, #A4D1A6, #354F4A)
- Soft Mint color palette (#FBF7D4, #A7F9DA, #71D297, #3D8D79, #3C513E)
- Dusty Seafoam Grove color palette (#FBF4EA, #E2DBD1, #ABDBA8, #9FBCC2, #504200)
- Timeworn Chapel color palette (#FFF4E1, #D5E4CB, #B6CBAA, #A88989, #674D48)
- Weathered Glacier Grove color palette (#F4F7EC, #B5F4D6, #86E9FF, #B1D0EA, #35402E)
- Powdered Celadon Market color palette (#F7F8D5, #8AFF9C, #D7E3C3, #00C4DA, #00371D)
- Bronze Meadow color palette (#FAF4EC, #C6E0CC, #A2B78C, #A97C40, #574300)
- Dusty Teal color palette (#F1F8EA, #B6F6DE, #F0B5E9, #54AD91, #5E3B40)
Browse the whole catalog at Explore, or see today's palette.