Worn Harbor color palette — #FFF4E2 · #82DDD7 · #009FAC · #007654 · #003947
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Lagoon (#82DDD7): A whisper-light, balanced teal — the color of sea glass.
- Cerulean (#009FAC): A luminous, balanced blue — the color of deep harbor water.
- Pine (#007654): A full-bodied, balanced teal — the color of shallow lagoons.
- 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
- Dusty Azure Harbor color palette (#FEF4E4, #92D6EF, #0097D6, #007274, #003362)
- Turquoise Boulevard color palette (#EEF9EF, #C5DEFB, #00AEBC, #007654, #002A35)
- Chalky Thicket color palette (#D3FDFF, #99E5FF, #98C1FF, #009684, #004451)
- Muted Teal Balcony color palette (#DDEFE4, #00BE9E, #00938C, #00676E, #003640)
- Antique Lagoon color palette (#FAF4EB, #BEE9E1, #6BB0C7, #288C7E, #275143)
- Forest Drift color palette (#FFF2EF, #7CC7C3, #007A95, #055B11, #00355D)
- Antique Archive color palette (#EAE2D6, #549FAE, #00617E, #003C38, #000A16)
- Aqua Delta color palette (#B5F5FF, #00CDDC, #008D9D, #004F59, #002328)
Browse the whole catalog at Explore, or see today's palette.