Timeworn Pier color palette — #EFF8EE · #B6E9E9 · #82AA80 · #637F61 · #204033

A conversation between Sage and Fern, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EFF8EE): bright and airy, almost weightless.
• Sea Foam (#B6E9E9): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#82AA80): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#637F61): A full-bodied, dusty green — the color of fresh herbs.
• Forest (#204033): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, 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

• Ancient Teal color palette (#EEF8F3, #C3DCF4, #7FBDAC, #708E7E, #354B48)
• Timeworn Jade color palette (#DAFFEE, #BAE0A5, #4BBC90, #008479, #004450)
• Teal Veranda color palette (#EEF8F3, #B8E7F5, #60AF9E, #8F6788, #16403C)
• Patina Stone Cabin color palette (#E9F6EC, #B7B877, #687E4A, #445C4B, #182C24)
• Misty Teal Atelier color palette (#E1FCF4, #ABE8CC, #00A6AB, #5B762C, #013826)
• Patina Chestnut Coast color palette (#FFF3E6, #B3B37D, #5B7E59, #7B4F0D, #514100)
• Hushed Grove color palette (#DFF5ED, #418C5F, #004642, #1A1E00, #000201)
• Weathered Cypress color palette (#FFF1F6, #D9D29D, #749562, #087273, #0D2F20)

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