Worn Harbor color palette — #EFF7F5 · #C1E3EB · #339B9D · #00735F · #244E5D
A conversation between Teal and Cerulean, giving this palette its sense of calm and sophistication.
The five colors
- Ivory (#EFF7F5): bright and airy, almost weightless.
- Silver (#C1E3EB): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#339B9D): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#00735F): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#244E5D): A full-bodied, dusty blue — the color of a favorite pair of jeans.
Feels like: 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
- Dusty Petrol Drift color palette (#EFF7F6, #D4DDEE, #6DA1BB, #1A7C89, #405567)
- Washed Cerulean Cabin color palette (#F8EFF5, #BCE4EE, #0D9EB4, #216F42, #162F40)
- Ancient Lagoon Lantern color palette (#DBF0EC, #4F9DA3, #00545E, #00302D, #00171E)
- Cerulean Hollow color palette (#EFF7F6, #A9CBD9, #00879D, #00605E, #044152)
- Patina Quarry color palette (#F6F6EC, #BEEEFF, #73CFD2, #60A897, #32503A)
- Washed Orchard color palette (#FAF4F0, #D3EDCF, #2BB8CD, #4E8A61, #285142)
- Frosted Alley color palette (#F4F4FF, #AF91C7, #009AB1, #833FB0, #004B57)
- Gentle Corridor color palette (#EBF8F8, #AAD3F7, #2F81D7, #006183, #1F3D74)
Browse the whole catalog at Explore, or see today's palette.