Worn Harbor color palette — #F9F3F8 · #E1D6D7 · #D5BBBB · #DA847B · #41373F

Coral Clay and Stone set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#F9F3F8): a clean, paper-quiet neutral.
• Silver (#E1D6D7): bright and airy, almost weightless.
• Stone (#D5BBBB): A luminous, dusty red — the color of embers at dusk.
• Coral Clay (#DA847B): A luminous, balanced orange — the color of toasted spice.
• Charcoal (#41373F): a grounded near-black with real depth.

Feels like: Sophistication, Softness, Clarity. 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

• Weathered Amber color palette (#F2F7F2, #D0DCDA, #ACCBC7, #C7954C, #343E34)
• Timeworn Dune color palette (#F8F3F8, #E3D6D6, #AFC9C2, #BE5F62, #423642)
• Wandering Cabin color palette (#EAE0E7, #CDBABB, #BE9E9C, #D44E24, #2A1925)
• Muted Boulevard color palette (#F9F0EC, #DDD5C7, #C5B3A6, #89544D, #271E1A)
• Hushed Amber Cabin color palette (#F9E3EE, #E67927, #785662, #4E3241, #130A10)
• Washed Pine Basin color palette (#DDF6E1, #EFA77A, #C28B35, #1D8B37, #462433)
• Soft Marigold Orchard color palette (#FFF0F8, #FFD6CE, #FFBC9A, #F29C10, #4F2700)
• Dusty Teal Delta color palette (#E7FAF8, #A4D7BF, #63B19C, #9D7E50, #0F3D3E)

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