Timeworn Harbor color palette — #F2F7F2 · #ACC9AC · #9D6991 · #007D7D · #3A282A

Built around Teal, softened by Heather — the whole palette hums with nature and growth.

The five colors

• Ivory (#F2F7F2): bright and airy, almost weightless.
• Pistachio (#ACC9AC): A luminous, dusty green — the color of new leaves after rain.
• Heather (#9D6991): A full-bodied, balanced pink — the color of a candy shop window.
• Teal (#007D7D): A full-bodied, balanced teal — the color of shallow lagoons.
• Espresso (#3A282A): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged duotone, 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

• Aged Corridor color palette (#F4F6EE, #A3CCAC, #5D7DB5, #158241, #372836)
• Cobalt Boulevard color palette (#EFF7F5, #9BCCBE, #A56D5B, #0073B3, #4B1F00)
• Ancient Dune color palette (#ECF3F7, #92CEE0, #8375C4, #167E96, #13151F)
• Ancient Courtyard color palette (#EFF7F2, #97DEF2, #A48DD3, #3C9AB2, #38292F)
• Fern Parlor color palette (#F8F6E6, #91B291, #6775A0, #4F6122, #334F41)
• Pale Grove color palette (#F8F3F8, #96B0D9, #AF4A49, #285DAE, #321F17)
• Chalky Garden color palette (#E1FFDC, #9AC7B0, #5F82B7, #694D98, #70315C)
• Worn Plum Loft color palette (#ECF9F1, #00B4D7, #AB0E89, #006074, #310D27)

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