Worn Harbor color palette — #ECF9EE · #98C1F5 · #9687C4 · #8A6745 · #3F4859

Slate Blue and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF9EE): bright and airy, almost weightless.
• Sky (#98C1F5): A luminous, balanced blue — the color of deep harbor water.
• Slate Blue (#9687C4): A luminous, balanced violet — the color of wild irises.
• Walnut (#8A6745): A full-bodied, dusty gold — the color of honey in a jar.
• Charcoal (#3F4859): A full-bodied, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged 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

• Powder Field color palette (#F0F6FE, #8FB1F0, #B67597, #836236, #1F4A4A)
• Hushed Azure color palette (#ECF9EE, #74CEDB, #6097C9, #985B5E, #364B57)
• Ash Thicket color palette (#FFF2EE, #D1DBFF, #A599CD, #94626C, #4B3944)
• Turquoise Alley color palette (#E6FBF1, #53B5DA, #816BA1, #5D5C31, #3E4956)
• Ash Courtyard color palette (#EFF6FF, #CFD6F3, #ADA5CB, #6D8472, #3D594F)
• Antique Archive color palette (#DEFFE5, #929EFF, #AB4BCA, #725600, #362E55)
• Weathered Quarry color palette (#EDF2FC, #8B96D7, #54566D, #313846, #1F2226)
• Sunlit Peony color palette (#E5FCEA, #D299DD, #C75E81, #506E31, #41394E)

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