Timeworn Harbor color palette — #EAFAF3 · #E6B8A7 · #447995 · #1B485E · #12261F

Slate takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EAFAF3): a clean, paper-quiet neutral.
• Sand (#E6B8A7): A luminous, dusty orange — the color of autumn markets.
• Slate (#447995): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#1B485E): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#12261F): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, 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

• Cobalt Thicket color palette (#EEF6FF, #FAD7CD, #4D7AA6, #203A54, #06101B)
• Washed Basalt Corridor color palette (#FAF2FA, #E9CBAD, #90718F, #5E425E, #302830)
• Weathered Villa color palette (#EAF8FF, #C5AB74, #005B6F, #003440, #141B29)
• Sand Study color palette (#E9FAF0, #F4D086, #4DA2BA, #4C6B5A, #1B241F)
• Sapphire Terrace color palette (#FFF0FB, #CEBC5F, #4B61B8, #22317C, #290F25)
• Hushed Azure Study color palette (#EFF7F5, #DDD5D1, #ACA995, #5795CC, #3E4B47)
• Softworn Fern Summit color palette (#F6F7E0, #73BFCE, #837DBD, #497032, #23453B)
• Blush Hollow color palette (#F0F7F2, #81D3E3, #C3738C, #0090A4, #331D1A)

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