Softworn Harbor color palette — #F0F7F3 · #CFDCDE · #BFAEB9 · #006F87 · #313E37

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

The five colors

• Ivory (#F0F7F3): a clean, paper-quiet neutral.
• Silver (#CFDCDE): bright and airy, almost weightless.
• Ash (#BFAEB9): A luminous, dusty pink — the color of a candy shop window.
• Teal (#006F87): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#313E37): A deep, shadowed, dusty teal — the color of sea glass.

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

• Wandering Cerulean color palette (#F0F7F3, #CEDCDD, #AFC3C6, #008DB4, #313E38)
• Muted Pier color palette (#ECF3F7, #D3D5DD, #A8B9CB, #006F8F, #15222A)
• Denim Pier color palette (#FCF1FB, #DFCDD5, #C19BA3, #2F55A7, #402A3E)
• Softworn Chapel color palette (#E3EFE9, #C3B3C2, #9E8693, #004B66, #08251B)
• Tempered Workshop color palette (#F9F6E1, #7EA785, #007460, #315342, #323A00)
• Ancient Fern Cabin color palette (#CFF2D6, #AD96B0, #91697A, #62592E, #464700)
• Charred Denim Market color palette (#C7E7DF, #0065AE, #361C2C, #001813, #000605)
• Weathered Navy color palette (#ECDEE6, #AA9399, #896666, #281B62, #14030D)

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