Softworn Harbor color palette — #EFF7F8 · #D5DBE2 · #BCBFCC · #40A28E · #3A4B4E

Built around Fern, softened by Charcoal — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#EFF7F8): a clean, paper-quiet neutral.
• Silver (#D5DBE2): a clean, paper-quiet neutral.
• Stone (#BCBFCC): soft and architectural.
• Fern (#40A28E): A luminous, balanced teal — the color of glacier melt.
• Charcoal (#3A4B4E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Sophistication, Softness, Clarity. 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

• Worn Cerulean Chapel color palette (#EEF7FD, #D8D8E3, #C7BBD8, #0092C5, #30424F)
• Patina Driftwood color palette (#EDF9ED, #A5D0BA, #7D9A63, #477B82, #294A3B)
• Patina Abyss color palette (#D3E2E5, #A8B7BF, #8198AF, #00605A, #00181D)
• Worn Driftwood Balcony color palette (#E0FCFA, #A5CCD7, #8DA2B6, #977081, #3D564A)
• Cerulean Alley color palette (#D3E9F1, #2AA0AE, #385065, #1B313A, #0D1B1D)
• Powdered Atelier color palette (#FFF0F8, #79C2A9, #2493BA, #974B23, #0F4450)
• Patina Terracotta Bloom color palette (#E8F9F8, #71B881, #687CC0, #943F34, #3A3B00)
• Dusty Bloom color palette (#DBE2EC, #C0C3D3, #A69FC0, #2652CE, #131F32)

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