Worn Harbor color palette — #FBF3EE · #CAEFD9 · #6CADD8 · #4D877C · #573E55

Built around Cyan, softened by Fern — the whole palette hums with trust and stability.

The five colors

• Ivory (#FBF3EE): bright and airy, almost weightless.
• Honeydew (#CAEFD9): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#6CADD8): A luminous, balanced blue — the color of deep harbor water.
• Fern (#4D877C): A full-bodied, dusty teal — the color of sea glass.
• Charcoal (#573E55): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Worn 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 Turquoise Chapel color palette (#FCF3EF, #D2EECF, #4DB5C9, #4F8963, #2B5043)
• Cypress Grove color palette (#FDF3ED, #CAE4D4, #5D8FBC, #1A725B, #5B3C53)
• Worn Coast color palette (#F0F7F2, #D9E0EB, #88C4E5, #009594, #26415D)
• Aged Azure color palette (#FFF2EC, #94EAFE, #01A8E9, #008571, #21406B)
• Feathered Quarry color palette (#F1F8E9, #30D5A3, #CC8CBF, #349373, #563550)
• Softworn Station color palette (#F8E7E0, #20A5AE, #00627C, #003D2B, #000A17)
• Tempered Cornflower color palette (#FFF3E7, #94D3FF, #4E88F3, #007179, #2E2963)
• Feathered Hollow color palette (#EDDDD0, #36B0DE, #0068B5, #004A49, #08093E)

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