Worn Harbor color palette — #ECF8F4 · #9EB990 · #597E59 · #43624B · #2E4843
Built around Fern, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Ivory (#ECF8F4): a clean, paper-quiet neutral.
- Sage (#9EB990): A luminous, dusty green — the color of fresh herbs.
- Fern (#597E59): A full-bodied, dusty green — the color of new leaves after rain.
- Pine (#43624B): A full-bodied, dusty teal — the color of shallow lagoons.
- Charcoal (#2E4843): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Timeworn Driftwood Quarry color palette (#DAFEF9, #BEE3F3, #98D0BF, #71895D, #345655)
- Cypress Pier color palette (#E2FCF6, #7DA780, #2A734C, #3A532E, #073E3A)
- Tempered Terrace color palette (#D5FFFA, #99CC9C, #52854F, #1A5017, #133713)
- Timeworn Hollow color palette (#E4E6B0, #A0AD5E, #708B35, #466425, #304D27)
- Olive Cabin color palette (#E4FBF6, #88AC73, #4594B8, #417517, #21475E)
- Muted Corridor color palette (#E6F6F0, #92BDB8, #3C846F, #654A67, #002F2B)
- Ancient Fern Balcony color palette (#F7F5EA, #C2C8A6, #5A9F8B, #976062, #404800)
- Mint Summit color palette (#F6F6EC, #D6D8B2, #83BD89, #9F8D70, #454600)
Browse the whole catalog at Explore, or see today's palette.