Worn Harbor color palette — #F4F7EC · #9ED8A9 · #54B5E6 · #9879A4 · #48413D
A conversation between Cyan and Pistachio, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F4F7EC): bright and airy, almost weightless.
- Pistachio (#9ED8A9): A whisper-light, balanced green — the color of new leaves after rain.
- Cyan (#54B5E6): A luminous, balanced blue — the color of deep harbor water.
- Heather (#9879A4): A luminous, dusty pink — the color of a candy shop window.
- Charcoal (#48413D): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged 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
- Weathered Corridor color palette (#F1F7EF, #71DDCC, #93A4F0, #AC7580, #45423B)
- Timeworn Sunflower Summit color palette (#EBF9F4, #C1D77C, #8F95CC, #895C67, #442F4A)
- Stone Garden color palette (#F3F8E2, #BFE4D4, #A8CDB6, #B6979A, #5D4946)
- Airy Atelier color palette (#EBF9D8, #97E8D7, #3ED4CF, #48A4B1, #385845)
- Raspberry Courtyard color palette (#EEFAE4, #00D5AC, #4898FF, #B54096, #492700)
- Mint Ridge color palette (#EFF4E8, #6ACDA3, #6E826B, #475E1C, #21221B)
- Timeworn Quarry color palette (#DBF3E7, #008DB6, #9E07AE, #663500, #000B03)
- Timeworn Teal Garden color palette (#E4F6F6, #6AAD8B, #2A7E8C, #364C70, #282A00)
Browse the whole catalog at Explore, or see today's palette.