Softworn Harbor color palette — #F1F7F2 · #D8E0EC · #80C6E3 · #29948B · #284258

A conversation between Fern and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#D8E0EC): bright and airy, almost weightless.
• Sky (#80C6E3): A luminous, balanced blue — the color of deep harbor water.
• Fern (#29948B): A luminous, balanced teal — the color of sea glass.
• Navy (#284258): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. 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

• Muted Petrol color palette (#EFF8F0, #D9D5E1, #79ACD6, #007E87, #182E50)
• Cerulean Corridor color palette (#F0F7F1, #DAD5DF, #C4BFEB, #5C9CB0, #414D66)
• Patina Cabin color palette (#E2F4E5, #72C3E0, #006FA0, #003D3F, #000209)
• Cobalt Ridge color palette (#EDF9EF, #9FD3F8, #477CBE, #004F5D, #040037)
• Aged Cerulean Summit color palette (#F9F4ED, #C1E7CD, #2B97BD, #17706A, #2C5045)
• Tempered Meadow color palette (#D9E5DB, #69B0B0, #00606D, #002C21, #000102)
• Cerulean Study color palette (#F8F2FF, #ED9DCE, #B7AD57, #25A0C4, #30263C)
• Worn Forest color palette (#F8F0EC, #C6E5CF, #5095C4, #0A6F4F, #3C2137)

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