Worn Harbor color palette — #F5F7E8 · #D1DFFA · #00ADC3 · #00736D · #002A34
A conversation between Cyan and Teal, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F5F7E8): bright and airy, almost weightless.
- Powder Blue (#D1DFFA): A whisper-light, dusty violet — the color of wild irises.
- Cyan (#00ADC3): A luminous, balanced blue — the color of deep harbor water.
- Teal (#00736D): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#002A34): 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 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
- Linen Drift color palette (#F3F7EA, #D8E1F5, #10A2F6, #006E88, #002549)
- Turquoise Garden color palette (#E9EBDF, #57AFCE, #005C7E, #002A31, #000103)
- Ancient Harbor color palette (#E4F8E8, #57CFD8, #007F97, #005346, #001D2B)
- Sky Coast color palette (#FFF2EC, #81EEF6, #00BCEA, #009C72, #003559)
- Softworn Studio color palette (#FFF2ED, #7DC6CB, #0078A0, #005A2F, #002E70)
- Lagoon Courtyard color palette (#F5F6EF, #BFDFE8, #9FC6F2, #50A1A4, #3C5349)
- Feathered Jade color palette (#DBFFED, #00B580, #0097C6, #857200, #00180D)
- Frosted Mint Orchard color palette (#DBFFEC, #00ED9D, #009D6B, #00492C, #000703)
Browse the whole catalog at Explore, or see today's palette.