Timeworn Pier color palette — #FBF5E6 · #99BB8E · #32846E · #466056 · #454600

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

The five colors

• Ivory (#FBF5E6): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#99BB8E): A luminous, dusty green — the color of fresh herbs.
• Fern (#32846E): A full-bodied, balanced teal — the color of sea glass.
• Pine (#466056): A full-bodied, dusty teal — the color of sea glass.
• Deep Olive (#454600): A deep, shadowed, balanced green — the color of new leaves after rain.

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

• Basalt Summit color palette (#FFF3E8, #BCB07D, #667C4F, #6F4F5A, #553E00)
• Washed Fern color palette (#F4F7E8, #A4D1B3, #629E84, #62795A, #3B4900)
• Washed Archive color palette (#FCF5E3, #80A876, #00745E, #663F3C, #35362F)
• Patina Cypress color palette (#E9F5F3, #8BBEBD, #488082, #2D5D65, #042E2D)
• Teal Harbor color palette (#EAF9F2, #B5DFD8, #73BEA1, #579CAB, #1F4B46)
• Patina Cerulean color palette (#FCF3EE, #BFE8CE, #608FB6, #2D7059, #583E52)
• Weathered Cerulean color palette (#FFF0FA, #E6D8D4, #EBBBA7, #507F9A, #5E4B54)
• Hushed Lagoon color palette (#F4EED2, #3D8C5A, #00504B, #47202C, #181E00)

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