Worn Harbor color palette — #EBF2FF · #6F80B8 · #536297 · #683923 · #0A1E23

Built around Slate Blue, softened by Slate — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#EBF2FF): bright and airy, almost weightless.
• Slate Blue (#6F80B8): A luminous, balanced violet — the color of a velvet chair.
• Slate (#536297): A full-bodied, balanced violet — the color of wild irises.
• Cocoa (#683923): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#0A1E23): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Periwinkle Garden color palette (#ECF2FB, #7195CF, #6E5E8B, #693755, #0D211E)
• Softworn Hollow color palette (#EEF1FF, #877DB6, #7B5487, #454B19, #111924)
• Softworn Quarry color palette (#E7F7E8, #6CBAC0, #6E75A1, #644E27, #192F3D)
• Mulberry Bloom color palette (#ECF2FF, #6169C0, #842569, #3C3900, #030A1D)
• Timeworn Thicket color palette (#ECF7FC, #4E8E9A, #905475, #6C3E00, #1B3633)
• Tempered Bronze color palette (#FAF2FA, #7DA1D4, #6884BA, #965B25, #27392E)
• Cerulean Drift color palette (#EBF3F7, #D6D6DE, #B5ABB2, #63899B, #2E383C)
• Onyx Field color palette (#D6FAFF, #82C5D7, #5D87B5, #504F81, #411A50)

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