Timeworn Harbor color palette — #ECF3F9 · #D7D7E3 · #BFBACB · #5A7992 · #242D35

A conversation between Slate and Ash, giving this palette its sense of sophistication.

The five colors

• Ivory (#ECF3F9): a clean, paper-quiet neutral.
• Silver (#D7D7E3): a clean, paper-quiet neutral.
• Ash (#BFBACB): A luminous, dusty violet — the color of a velvet chair.
• Slate (#5A7992): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#242D35): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Pewter Station color palette (#F1F1F9, #DDD2DB, #BDB3C2, #775684, #201F2A)
• Washed Terrace color palette (#EFF7F4, #E0D4D1, #CCB7B6, #4A7B97, #3F4B46)
• Dusty Studio color palette (#D5E9FF, #B0ADDB, #8C88A7, #4B634C, #2A3E35)
• Tempered Navy color palette (#E6EFFA, #96A0B3, #727A9B, #003764, #00040E)
• Dusty Indigo color palette (#DFE7F5, #4C6ECE, #2A2F49, #0F1621, #03070B)
• Antique Powder Garden color palette (#E9F3FF, #94E1FF, #86BAFF, #9D85C0, #1A233A)
• Stone Thicket color palette (#EAF6EB, #BFB574, #707B47, #3C596A, #1A2C23)
• Tempered Lantern color palette (#ECE9F7, #B8AFC1, #99859D, #632764, #0C0814)

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