Worn Harbor color palette — #F4EDE3 · #8ABFD9 · #006CAA · #003D42 · #00020C

A conversation between Peacock and Sky, giving this palette its sense of trust and stability.

The five colors

• Cream (#F4EDE3): bright and airy, almost weightless.
• Sky (#8ABFD9): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#006CAA): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003D42): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#00020C): 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

• Hushed Basin color palette (#F2E9DA, #6EAFB4, #005F71, #002C24, #000103)
• Cornflower Boulevard color palette (#FAF4EB, #A7D8CA, #3F76D8, #004F61, #070035)
• Navy Boulevard color palette (#FCE5F0, #2D96BE, #004694, #002C26, #040019)
• Cornflower Balcony color palette (#FAEBE0, #76BBD8, #1080F5, #006E60, #120937)
• Emerald Grove color palette (#DFE8DC, #00A251, #006547, #002E27, #000202)
• Gentle Plum Corridor color palette (#D8E8CC, #009377, #B60079, #004738, #040002)
• Azure Station color palette (#FAF4EC, #BEE9E7, #479BCF, #00696D, #001E41)
• Ancient Archive color palette (#8DFBEB, #00ABA1, #00605C, #001A17, #000201)

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