Worn Harbor color palette — #FAF4EC · #9ED2C0 · #457ABA · #005D6D · #4D2E47

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

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Pistachio (#9ED2C0): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#457ABA): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005D6D): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#4D2E47): A deep, shadowed, dusty pink — the color of neon signs at night.

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 Loft color palette (#FCF4E8, #93D1DD, #0784A8, #006059, #183E58)
• Wandering Station color palette (#F9F0E8, #A6D3C3, #547BBD, #005A60, #1C1B40)
• Wandering Atelier color palette (#FDF1F6, #B5D9F8, #7596CE, #007B83, #363659)
• Airy Crimson Villa color palette (#FFDBD3, #D42F5E, #517B0E, #2B5D8E, #422019)
• Wandering Cerulean color palette (#E6DDCF, #00A1B7, #00516A, #00302D, #001626)
• Chalky Pier color palette (#E5DDD1, #5485AF, #003586, #00212A, #05002C)
• Peony Courtyard color palette (#FFE9E5, #D95D84, #008B82, #8F2F4F, #003F3A)
• Dusty Loft color palette (#FFF2EE, #FFD2C8, #D09B6B, #926078, #6D3113)

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