Worn Harbor color palette — #CAF0E1 · #B99ABC · #61719C · #70466A · #623A38

Charcoal Brown takes the lead with Slate close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Honeydew (#CAF0E1): A whisper-light, dusty teal — the color of sea glass.
• Mauve (#B99ABC): A luminous, dusty pink — the color of neon signs at night.
• Slate (#61719C): A full-bodied, dusty violet — the color of wild irises.
• Charcoal Brown (#70466A): A full-bodied, dusty pink — the color of a candy shop window.
• Cocoa (#623A38): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Creativity, Sophistication. Tagged vintage, retro, 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

• Wandering Cerulean color palette (#D3F0DB, #93AFA0, #597D9B, #724958, #59362B)
• Softworn Lagoon color palette (#FAD3EF, #C59FB3, #836E93, #7A3A46, #692F0A)
• Timeworn Station color palette (#B9F3FF, #8CCFF2, #83A8D0, #817F99, #4C455C)
• Washed Pewter Bloom color palette (#F2E0E4, #B68AA9, #8C516A, #64370B, #323200)
• Garnet Grove color palette (#CFE1F6, #677AB0, #4E4C75, #57163D, #400D00)
• Soft Chestnut Courtyard color palette (#FEE5FF, #CA9B9D, #AE687D, #804800, #464700)
• Hushed Cobalt color palette (#F4F7EC, #A8CFC1, #447DAF, #005C75, #233B5B)
• Washed Bronze Delta color palette (#FFF1F7, #DBC1C8, #A38C8F, #9C5D3D, #624D00)

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