Softworn Harbor color palette — #FAF4ED · #C3E6FF · #E1B8D4 · #70AEB2 · #644A54

Blue Fog takes the lead with Carnation close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FAF4ED): a clean, paper-quiet neutral.
• Powder Blue (#C3E6FF): A whisper-light, dusty blue — the color of deep harbor water.
• Carnation (#E1B8D4): A whisper-light, dusty pink — the color of neon signs at night.
• Blue Fog (#70AEB2): A luminous, dusty blue — the color of open sky before noon.
• Charcoal Brown (#644A54): A full-bodied, dusty rose — the color of pressed rose petals.

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

• Patina Coast color palette (#FBF3EE, #BFE6F4, #A7CBEF, #95AA84, #614A5A)
• Worn Boulevard color palette (#FFF1F5, #DCB3FF, #8BD09F, #6BB4AA, #4E3D42)
• Powder Quarry color palette (#F0F7F1, #DBDDEC, #9BB1DE, #5A8FA3, #495268)
• Weathered Mallow Chapel color palette (#FFEFFF, #D0D3FF, #C9A5E6, #B089AD, #62433E)
• Petrol Coast color palette (#EFF3EE, #D8DAED, #8B9AC8, #287785, #30344B)
• Antique Powder Harbor color palette (#FEF3EB, #BCE7FF, #89B2F9, #25A094, #4E2F40)
• Soft Forest color palette (#F9EAE5, #4AB2B6, #0080A4, #00622B, #00091C)
• Tempered Fern Lantern color palette (#FAF5E8, #CFE2B3, #C1B786, #A58D76, #414F01)

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