Worn Harbor color palette — #F0F6FE · #D5DEF0 · #B8B7EE · #3A70E0 · #283343

Sapphire and Lavender set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#F0F6FE): bright and airy, almost weightless.
• Silver (#D5DEF0): A whisper-light, dusty violet — the color of twilight just after sunset.
• Lavender (#B8B7EE): A luminous, dusty violet — the color of twilight just after sunset.
• Sapphire (#3A70E0): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Teal (#283343): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Cobalt Courtyard color palette (#ECF7FF, #CDE1F3, #9DC1EB, #0082AE, #1E3645)
• Dusty Basin color palette (#EEF6FF, #DDD9E3, #CEADA7, #1E80D8, #182634)
• Timeworn Indigo Balcony color palette (#EDEEF5, #D7D5E9, #B9B3CC, #825EA7, #2C2C3A)
• Tempered Denim color palette (#EEF6FF, #CAD2E9, #B39CC4, #0A5AA5, #263444)
• Worn Summit color palette (#E4E9F9, #7849FF, #422863, #1A123A, #030616)
• Dusty Orchid color palette (#F1F5FF, #AECAFF, #A6A9FF, #AF5BFF, #2B1C57)
• Ancient Byzantium Harbor color palette (#FCD7F8, #8E85FF, #9800EA, #930029, #2B1D51)
• Weathered Chapel color palette (#F6F4FA, #DFD7DC, #D1BCC6, #B479A2, #49464E)

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