Softworn Harbor color palette — #EFF6FD · #D8D8EB · #C5BDE6 · #2F9DFA · #283441

Cornflower and Lavender set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF6FD): bright and airy, almost weightless.
• Silver (#D8D8EB): A whisper-light, dusty violet — the color of wild irises.
• Lavender (#C5BDE6): A luminous, dusty violet — the color of a velvet chair.
• Cornflower (#2F9DFA): A luminous, vivid blue — the color of a favorite pair of jeans.
• Deep Teal (#283441): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Softworn 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 Basin color palette (#EDF7FF, #D4DFF1, #B5BAE4, #007FBD, #213545)
• Washed Iris color palette (#ECEEF6, #D7CFDC, #CEB3D3, #9682D8, #2B2D38)
• Muted Cabin color palette (#E8F9FE, #CEDAED, #B1C3E9, #00ADB5, #20373E)
• Dusty Terrace color palette (#E7FAF3, #E9D6D0, #ADA595, #0C86C6, #132A23)
• Weathered Basin color palette (#E0E8F9, #7482FF, #59489F, #263453, #020712)
• Gentle Atelier color palette (#F0F6FF, #B9DCFF, #CAB3EF, #B197FF, #1E1A5D)
• Soft Plum color palette (#FFDADB, #94ACFF, #976CFF, #C5005C, #22234E)
• Softworn Denim color palette (#E6F4FF, #C9D4EC, #A9A7C8, #00628E, #0A1C29)

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