Timeworn Pier color palette — #F3F7ED · #B6C7AA · #4A8F85 · #536C63 · #475041
Built around Fern, softened by Pistachio — the whole palette hums with sophistication and grounding.
The five colors
- Ivory (#F3F7ED): bright and airy, almost weightless.
- Pistachio (#B6C7AA): A luminous, dusty green — the color of new leaves after rain.
- Fern (#4A8F85): A luminous, dusty teal — the color of glacier melt.
- Graphite (#536C63): A full-bodied, dusty teal — the color of sea glass.
- Charcoal Brown (#475041): A full-bodied, dusty green — the color of a quiet forest floor.
Feels like: Sophistication, Grounding. Tagged botanical, earthy, 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
- Tempered Spruce color palette (#F3F3E7, #BDC9A6, #728B6A, #705B5D, #2A3700)
- Oat Lantern color palette (#E9FAF5, #AEDEC2, #6DA8A0, #7F7A8C, #3D5251)
- Weathered Drift color palette (#F5F7E8, #8EBD9A, #258660, #7D4D11, #3D4900)
- Hushed Periwinkle Courtyard color palette (#F4F6F0, #C9E3E6, #6D9DD2, #47758B, #5D4C5C)
- Pine Thicket color palette (#E1E5D3, #187E58, #004234, #311E00, #00140A)
- Timeworn Fern color palette (#F8F5EC, #DBE2C1, #A4BF9A, #AE938E, #4A5303)
- Weathered Pine Thicket color palette (#F9F6E4, #8DA478, #337425, #693E2D, #36362F)
- Worn Cocoa color palette (#FFF2ED, #B5ECF5, #E0D9CE, #A57B71, #7E4123)
Browse the whole catalog at Explore, or see today's palette.