Softworn Harbor color palette — #F9F4EE · #C4DFEF · #C0BDEF · #609CAC · #5B4556

A conversation between Lavender and Slate Blue, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Powder Blue (#C4DFEF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Lavender (#C0BDEF): A luminous, dusty violet — the color of wild irises.
• Slate Blue (#609CAC): A luminous, dusty blue — the color of open sky before noon.
• Charcoal Brown (#5B4556): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

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

• Muted Periwinkle color palette (#F1F7F2, #D9DDEE, #749BD0, #2C7A8C, #475368)
• Lagoon Basin color palette (#F9F4EE, #C0E0E4, #9CD0C7, #699F8A, #365545)
• Mallow Workshop color palette (#FFF1F5, #E1BAFA, #DBB382, #56B4B0, #483138)
• Stone Veranda color palette (#FFF1F5, #E4D8D2, #D2A9BF, #AAB4AD, #60494B)
• Hushed Lilac Alley color palette (#FFF0FB, #E3D7E6, #B4A0DD, #896F9D, #5F3E45)
• Antique Cobalt color palette (#FFF4E3, #9BD4F7, #2F7DC9, #00505B, #010039)
• Aged Cypress Lantern color palette (#FAF4EC, #BFE4F4, #74ADD5, #007E83, #152F4F)
• Tempered Teal Quarry color palette (#E7E1D7, #57B3B0, #00606A, #002D1F, #000102)

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