Softworn Harbor color palette — #EDF7F8 · #D3DBE3 · #B1AAB3 · #588C90 · #4B5555

Built around Storm Blue, softened by Ash — the whole palette hums with sophistication.

The five colors

• Ivory (#EDF7F8): a clean, paper-quiet neutral.
• Silver (#D3DBE3): bright and airy, almost weightless.
• Ash (#B1AAB3): a calm mid-gray that lets other colors speak.
• Storm Blue (#588C90): A luminous, dusty blue — the color of deep harbor water.
• Charcoal Brown (#4B5555): a grounded near-black with real depth.

Feels like: 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

• Lagoon Coast color palette (#EBF4F4, #D2D7DD, #B0ADB9, #5C8F7B, #2C3939)
• Dusty Taupe color palette (#F3F6EF, #D4DCDA, #A7B6BC, #91A37C, #50544B)
• Abyss Delta color palette (#E1EAEF, #A7BCCF, #808FA6, #004C63, #0F222D)
• Timeworn Lantern color palette (#EEF8F0, #C7C395, #618B7E, #4E6D6B, #3F5248)
• Powder Garden color palette (#E2FAFF, #A0C6D8, #8292A3, #716673, #604E4F)
• Aged Teal color palette (#E8FBEC, #58BCA7, #338397, #635172, #334C53)
• Tempered Spruce Courtyard color palette (#D3E5E8, #849FA9, #5D7482, #00332D, #000C0E)
• Washed Ultramarine Atelier color palette (#EFF6FF, #CAD2E7, #A0A4C5, #1B56AE, #243448)

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