Worn Harbor color palette — #E9FAF3 · #A2BE96 · #519067 · #845742 · #123D37
Built around Fern, softened by Coffee — the whole palette hums with nature and growth.
The five colors
- Ivory (#E9FAF3): A whisper-light, dusty teal — the color of shallow lagoons.
- Sage (#A2BE96): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#519067): A full-bodied, balanced teal — the color of glacier melt.
- Coffee (#845742): A full-bodied, dusty orange — the color of toasted spice.
- Forest (#123D37): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, 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
- Hushed Lagoon Coast color palette (#E7FAF4, #96CB92, #379B6F, #5F7133, #244322)
- Lagoon Veranda color palette (#EBF9F6, #9CCFCF, #579F8D, #8D6472, #2A4948)
- Muted Lagoon color palette (#FAF6E1, #B4DFA0, #529C6C, #69625D, #292A0E)
- Olive Boulevard color palette (#DCF2E2, #B0B24A, #5D8700, #705800, #303000)
- Tempered Atelier color palette (#D1EBE5, #7FB38F, #00856A, #3B611E, #00302F)
- Timeworn Cypress color palette (#EBF9F2, #82A683, #007364, #623C5A, #1C3C39)
- Seafoam Orchard color palette (#FAF5E7, #A5DB99, #4CB59B, #9D787D, #35362F)
- Cypress Boulevard color palette (#DCF0EA, #749F78, #007252, #6A3500, #002206)
Browse the whole catalog at Explore, or see today's palette.