Worn Harbor color palette — #F8EFF2 · #DAD0E2 · #8C9CBD · #447381 · #333449

Slate and Blue Fog set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F8EFF2): bright and airy, almost weightless.
• Silver (#DAD0E2): A whisper-light, dusty violet — the color of twilight just after sunset.
• Blue Fog (#8C9CBD): A luminous, dusty violet — the color of wild irises.
• Slate (#447381): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#333449): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Sophistication. Tagged coastal, cool, light, muted.

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

• Antique Petrol Quarry color palette (#F1F7F2, #DADDED, #829BBE, #2D7991, #48526A)
• Tempered Forest Parlor color palette (#F5F0F6, #BBE4F0, #5A97AD, #386C3E, #192E43)
• Washed Pine Villa color palette (#E1F7F4, #9ABF93, #A391C6, #547E4D, #2B2D4D)
• Timeworn Garden color palette (#F2E5ED, #7FBED2, #1E6EB1, #004D3D, #0F0F38)
• Wandering Lagoon Workshop color palette (#F0E4EF, #398688, #004256, #00210A, #000105)
• Ancient Nightshade Cabin color palette (#F7EAEE, #6EA3C7, #334FAB, #003938, #0F0028)
• Patina Powder color palette (#E1F8EF, #C1E4F5, #B6C3E9, #7D987F, #2A4644)
• Pewter Basin color palette (#FCEDF3, #AAC2AF, #9B7787, #694E66, #1F302A)

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