Timeworn Harbor color palette — #EFF7F5 · #CEE2F3 · #7CBFC1 · #4D9685 · #3E5761

A conversation between Fern and Mint Leaf, giving this palette its sense of sophistication.

The five colors

• Ivory (#EFF7F5): bright and airy, almost weightless.
• Frost (#CEE2F3): A whisper-light, dusty blue — the color of open sky before noon.
• Mint Leaf (#7CBFC1): A luminous, dusty teal — the color of sea glass.
• Fern (#4D9685): A luminous, dusty teal — the color of glacier melt.
• Peacock (#3E5761): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Sophistication. Tagged coastal, cool, 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

• Patina Lilac Villa color palette (#E8F9FE, #78D6DA, #B7A3EB, #339DA2, #474B68)
• Worn Atelier color palette (#FAF2F8, #D3D8F2, #68A4B0, #477977, #405666)
• Hushed Grove color palette (#E0F2EE, #3AA3AC, #006471, #003C39, #000B10)
• Muted Courtyard color palette (#E4F2F0, #92CFE6, #0092C5, #006A78, #07314A)
• Sapphire Terrace color palette (#DAEFEF, #89B6E0, #1373D7, #005474, #061B4A)
• Taupe Balcony color palette (#FEF1F7, #E2C0CD, #C18F6F, #8D677E, #404B3F)
• Turquoise Pier color palette (#EFF7F6, #D1DFF0, #78BECC, #56938E, #415661)
• Turquoise Corridor color palette (#EFF7F6, #D2DEEE, #70BED4, #439595, #3F5664)

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