Timeworn Harbor color palette — #E8F9F9 · #9BD3B2 · #D79DBD · #599D77 · #554565

Fern takes the lead with Mauve close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#E8F9F9): bright and airy, almost weightless.
• Pistachio (#9BD3B2): A luminous, dusty teal — the color of sea glass.
• Mauve (#D79DBD): A luminous, balanced pink — the color of a candy shop window.
• Fern (#599D77): A luminous, balanced teal — the color of sea glass.
• Charcoal Brown (#554565): A full-bodied, dusty violet — the color of wild irises.

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

Use it as a design system

One click turns Timeworn Harbor 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

• Washed Driftwood color palette (#EAFAF2, #C6C98E, #B4A7E1, #8E9154, #454A6C)
• Patina Cerulean Terrace color palette (#EAF8FE, #81D4DF, #DBA196, #1E9DAC, #61415A)
• Muted Mallow color palette (#F2F7EE, #B6F6DD, #EDB4F9, #58AD8F, #5E3B43)
• Wandering Ash color palette (#DCFDFD, #7EC2A2, #C890B8, #B67A74, #2E4848)
• Ancient Quarry color palette (#E4FAF9, #D2DEEB, #C8B8D5, #82ADA0, #3C555A)
• Pine Corridor color palette (#F3F7E8, #90BC9E, #C18B61, #2C8652, #524C46)
• Hushed Taupe color palette (#ECF9EF, #AED5C3, #81A689, #8C6977, #354E48)
• Antique Market color palette (#ECF7FD, #ECC3DB, #508793, #38515C, #1E2E35)

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