Softworn Harbor color palette — #F0F5FF · #9EACF3 · #CF8CB6 · #44A1B0 · #3A4254

Lavender takes the lead with Mauve close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Lavender (#9EACF3): A luminous, balanced violet — the color of wild irises.
• Mauve (#CF8CB6): A luminous, balanced pink — the color of a candy shop window.
• Cerulean (#44A1B0): A luminous, balanced blue — the color of open sky before noon.
• Charcoal (#3A4254): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Hushed Parlor color palette (#ECF7FF, #7DBADF, #B194DC, #5AA38B, #354450)
• Ancient Apricot Atelier color palette (#F8F2FF, #D79CBF, #E58A59, #848EC7, #473E51)
• Worn Villa color palette (#F1F5FF, #DCD7E1, #B6AFA6, #95ACD1, #494D5E)
• Lilac Field color palette (#F1F5FF, #C9D0FF, #979CE2, #63679B, #2D3855)
• Hushed Powder color palette (#FFF0FB, #B4C4FF, #EEAA9B, #8DBC9A, #503A4B)
• Tempered Iris color palette (#F0F6FF, #7695E0, #A9823C, #797A49, #384354)
• Timeworn Blush color palette (#FAF2FD, #E38EA6, #B9964D, #758149, #433947)
• Tempered Rose Veranda color palette (#E8E9FF, #B678F5, #F63C6D, #0086C3, #39264D)

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