Softworn Harbor color palette — #E7F6F0 · #5EA3D2 · #655062 · #2A3D36 · #1D2320

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

The five colors

• Cream (#E7F6F0): a clean, paper-quiet neutral.
• Cornflower (#5EA3D2): A luminous, balanced blue — the color of deep harbor water.
• Charcoal Brown (#655062): A full-bodied, dusty pink — the color of neon signs at night.
• Forest (#2A3D36): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#1D2320): a grounded near-black with real depth.

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

• Softworn Teal Boulevard color palette (#EAF5EA, #0DB2AE, #455F4F, #303C2F, #20231E)
• Ancient Powder color palette (#E7F4FF, #7FBFEA, #747B8B, #4A5661, #1A2327)
• Dusty Cabin color palette (#E1F8EF, #0086BF, #493541, #212B27, #101615)
• Lilac Coast color palette (#F4DEE5, #A27ACA, #644247, #3C262E, #1C161A)
• Tempered Atelier color palette (#FFF0F9, #A8ABE4, #E28B69, #5BA481, #4E3C47)
• Hushed Iris Ridge color palette (#FDF1F9, #B4C1F9, #C0B361, #7A87CB, #504D46)
• Worn Basin color palette (#E9D9E8, #3B7DFF, #433D6E, #351C33, #041510)
• Tempered Fern Parlor color palette (#F6F5EE, #D0D5B1, #71AA8E, #728371, #4C5200)

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