Softworn Harbor color palette — #DBE4EC · #C0BEC9 · #B8A0BF · #008AC3 · #0F212E

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

The five colors

• Frost (#DBE4EC): bright and airy, almost weightless.
• Stone (#C0BEC9): a calm mid-gray that lets other colors speak.
• Mauve (#B8A0BF): A luminous, dusty pink — the color of peonies in June.
• Cerulean (#008AC3): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#0F212E): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Muted Denim Canyon color palette (#DEECE7, #CAC1C9, #BB99AD, #00669F, #0E241E)
• Softworn Terrace color palette (#DCE3ED, #B3ADB9, #AD8FA8, #1067E9, #071425)
• Iris Drift color palette (#F0F5FF, #E0D5E5, #D7B6CC, #728FFF, #293345)
• Pine Courtyard color palette (#DDF1EC, #86AAC2, #897BB8, #0C764F, #002C20)
• Muted Abyss Lantern color palette (#DBE9E3, #C2ABBC, #A5828D, #004A68, #010E09)
• Dusty Chapel color palette (#EAEDF8, #A89CA6, #A47E8E, #6D3ACD, #05071B)
• Peony Field color palette (#CDE1F9, #12DDE5, #70B0FF, #EB33B2, #11003E)
• Violet Boulevard color palette (#DDF3FD, #00A2B5, #8551C9, #5C5200, #001519)

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