Worn Harbor color palette — #EAF9F6 · #A4E7EE · #00BFD9 · #009892 · #003947

Cyan and Fern set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EAF9F6): bright and airy, almost weightless.
• Sea Foam (#A4E7EE): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#00BFD9): A luminous, balanced blue — the color of open sky before noon.
• Fern (#009892): A luminous, balanced teal — the color of sea glass.
• Deep Teal (#003947): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Sky Station color palette (#E6FAF9, #B2E1FF, #4FB2FF, #0092B6, #003364)
• Turquoise Meadow color palette (#EEF7F6, #D1DDF3, #82C8E8, #00ACBB, #2D4B62)
• Wandering Cerulean color palette (#FCF1F9, #85DBE4, #009AC5, #007558, #00355C)
• Worn Aqua color palette (#F2F4DF, #38D2E0, #008093, #00524F, #001E27)
• Antique Delta color palette (#E5F2F1, #7EA6BF, #007EAD, #005B68, #000A15)
• Fuchsia Lantern color palette (#F7E4F6, #EC63EE, #FF5F3F, #4486FF, #3F0041)
• Airy Magenta Orchard color palette (#E8DFFF, #F782EC, #E79000, #DE00D4, #432600)
• Fuchsia Alley color palette (#F8F2FF, #FCD2CE, #F2B6A0, #D267D6, #581C42)

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