Softworn Harbor color palette — #FDF1F8 · #C5E6F8 · #7CB9E7 · #389E92 · #28395E

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

The five colors

• Ivory (#FDF1F8): bright and airy, almost weightless.
• Frost (#C5E6F8): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#7CB9E7): A luminous, balanced blue — the color of open sky before noon.
• Fern (#389E92): A luminous, balanced teal — the color of glacier melt.
• Navy (#28395E): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Washed Drift color palette (#FFF0FB, #7CEEF9, #00BCED, #009B75, #00355B)
• Worn Cabin color palette (#E9F1E8, #B6D7F8, #88A0EF, #008EA2, #302356)
• Aged Azure Dune color palette (#F4F6EC, #B5E0C8, #43A1C9, #007A87, #073F5C)
• Tempered Periwinkle color palette (#F2F5FF, #E9D3E9, #FAB7A9, #6CA4D5, #404059)
• Hazy Lilac color palette (#DCE3FF, #AD9FF9, #B1A842, #5A9F63, #2B2548)
• Powdered Boulevard color palette (#E8DCE2, #65ABC8, #2A78BB, #005D5A, #03002E)
• Feathered Azure color palette (#E6DBE0, #97C8E1, #4294EF, #007D7D, #151848)
• Washed Lagoon color palette (#F9F0EA, #98D2E5, #1583C4, #005C54, #111F3E)

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