Worn Harbor color palette — #DFE9E6 · #A494A3 · #83667C · #002C50 · #000C09

Built around Midnight, softened by Slate — the whole palette hums with trust and stability.

The five colors

• Parchment (#DFE9E6): bright and airy, almost weightless.
• Heather (#A494A3): A luminous, dusty pink — the color of a candy shop window.
• Slate (#83667C): A full-bodied, dusty pink — the color of a candy shop window.
• Midnight (#002C50): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000C09): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

One click turns Worn 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

• Worn Aubergine Thicket color palette (#EDDFE5, #AC919A, #82696F, #330F65, #13040B)
• Ancient Atelier color palette (#DBE2DC, #86A28F, #567A68, #003235, #030C04)
• Antique Denim color palette (#E0E7EF, #9CA5B3, #7E869B, #004974, #020A13)
• Dusty Aubergine color palette (#E4DBDF, #CAB1BA, #A5848D, #483381, #2B1922)
• Wandering Thicket color palette (#E4F0EB, #B29EA1, #A9827B, #006B99, #000D07)
• Washed Mulberry Delta color palette (#FFF1F3, #EEC8CA, #C39B9A, #852F8C, #3F2D30)
• Hazy Boulevard color palette (#DBDBFC, #6F5093, #54275D, #41070A, #250E00)
• Feathered Boulevard color palette (#F5D6F0, #0083D0, #0050DC, #361886, #010010)

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