Timeworn Harbor color palette — #FBF3EF · #C9E9D8 · #85B6EC · #00A389 · #343560

Built around Fern, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#FBF3EF): a clean, paper-quiet neutral.
• Celadon Mist (#C9E9D8): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#85B6EC): A luminous, balanced blue — the color of deep harbor water.
• Fern (#00A389): A luminous, balanced teal — the color of sea glass.
• Navy (#343560): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, 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

• Hazy Meadow color palette (#FBF3F1, #D1E8CE, #48C3E3, #4AA248, #133D60)
• Sky Meadow color palette (#FBF4EA, #BFE6F5, #4CB1EA, #007F81, #3B253E)
• Weathered Alley color palette (#D6EDE4, #5ACECF, #00ABCE, #0081B8, #293B69)
• Teal Lantern color palette (#FAF4F0, #D0E5E3, #A0CCF2, #6AB399, #65485D)
• Hazy Cornflower color palette (#E9E0D9, #8EC9E9, #598FF2, #007E74, #21104A)
• Ancient Apricot Bloom color palette (#DBF6E9, #70CCF2, #FA9060, #009FCD, #56260E)
• Worn Corridor color palette (#DDFEEE, #E6DFF6, #FDBCCD, #2AC4A8, #4A304C)
• Wandering Cobalt Parlor color palette (#FAEEF5, #A4CEE5, #4E80B1, #005D4B, #151F39)

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