Softworn Harbor color palette — #EBF9F0 · #FAC8B9 · #5FA0B1 · #1F6E80 · #16261D

A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EBF9F0): a clean, paper-quiet neutral.
• Wheat (#FAC8B9): A whisper-light, dusty orange — the color of sun-warmed clay.
• Blue Fog (#5FA0B1): A luminous, dusty blue — the color of open sky before noon.
• Teal (#1F6E80): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#16261D): A deep, shadowed, dusty teal — the color of sea glass.

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

• Cypress Studio color palette (#EBF8FC, #B4CEA3, #367E83, #004C50, #0B252D)
• Iris Courtyard color palette (#F7EAF2, #C5CF97, #7E80C0, #4F4F85, #1E111A)
• Aged Garden color palette (#EFF8EF, #D5F1B8, #1D8689, #234026, #0A120A)
• Sunlit Chapel color palette (#CDEDE1, #FFA38B, #0088C3, #00547B, #00111E)
• Tempered Thicket color palette (#F0F7F4, #DED4D2, #6CB4E7, #A5A89C, #3B4C46)
• Aged Coral Garden color palette (#DAF7E8, #DA7564, #00627E, #002D3C, #000201)
• Tempered Olive Lagoon color palette (#F8F6E2, #8AD3F3, #9E9AE5, #81892F, #22453D)
• Ancient Garden color palette (#F0F7F3, #9AE3F3, #BD9EE0, #00B5D0, #331C25)

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