Worn Harbor color palette — #FFF1F6 · #A7D4F7 · #4F7BD8 · #00656E · #3C3477

Built around Azure, softened by Royal Purple — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Powder Blue (#A7D4F7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Azure (#4F7BD8): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#00656E): A full-bodied, dusty blue — the color of open sky before noon.
• Royal Purple (#3C3477): 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 Cerulean color palette (#FBF2F8, #ACD5E7, #008BBA, #006855, #1B416B)
• Sapphire Ridge color palette (#FFF1F5, #96BCE0, #4862D0, #005460, #371C71)
• Weathered Cornflower Study color palette (#F0F3EA, #A6D6FC, #0084E7, #005D7C, #06234F)
• Muted Station color palette (#F9F3F7, #D3E1F1, #77A0B6, #3D7D61, #3C556C)
• Washed Abyss color palette (#F4ECF1, #85BBC9, #007589, #005330, #00324A)
• Hushed Thicket color palette (#EEE3EC, #5D8799, #00425C, #00231B, #00091B)
• Powder Lantern color palette (#FFF3E7, #CCE9FF, #8FB6FF, #00A4B1, #3C3965)
• Feathered Archive color palette (#F7EAEF, #5B97BC, #00439C, #002F32, #100341)

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