Worn Harbor color palette — #FFF0F9 · #7FD9FA · #2E8EEE · #007462 · #2B2866

Azure takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Ice Blue (#7FD9FA): A whisper-light, balanced blue — the color of open sky before noon.
• Azure (#2E8EEE): A luminous, vivid blue — the color of deep harbor water.
• Teal (#007462): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#2B2866): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, 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

• Ancient Balcony color palette (#FBF2F7, #B0DCF2, #6B9AC5, #217D64, #31375C)
• Aged Periwinkle Field color palette (#FFF2EA, #D5E6FC, #379DFE, #007460, #1D165B)
• Pine Chapel color palette (#FEF0FF, #6AE1DC, #009CBD, #06791B, #00345D)
• Antique Market color palette (#F0E3E9, #74BCDB, #2973CF, #005A4F, #1D1449)
• Sky Corridor color palette (#EEF8F0, #A2E5FF, #38B6FD, #00979C, #003265)
• Antique Atelier color palette (#FBF2F6, #DAD4E3, #9AB3D7, #5C909A, #4C5166)
• Weathered Forest color palette (#E7DDE8, #54B3B0, #00728C, #004E10, #00142A)
• Denim Veranda color palette (#F4DEE5, #6798C1, #44509B, #003B3D, #100021)

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