Worn Harbor color palette — #FAF5E7 · #9D9F6D · #5C6A23 · #554B13 · #37352F
Built around Olive, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Ivory (#FAF5E7): a clean, paper-quiet neutral.
- Moss (#9D9F6D): A luminous, dusty green — the color of a quiet forest floor.
- Olive (#5C6A23): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#554B13): A full-bodied, dusty green — the color of a quiet forest floor.
- Espresso (#37352F): a grounded near-black with real depth.
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
- Dusty Chapel color palette (#F9F0E4, #A3A472, #46722A, #5F3F00, #221C06)
- Washed Cypress Studio color palette (#F4F7E8, #77A88A, #287259, #2C5630, #2E3B00)
- Emerald Dune color palette (#ECFAED, #B7B982, #609046, #775F35, #1F3C30)
- Washed Basin color palette (#F4F6EF, #B9C6AA, #548E7F, #5E6E29, #3F5614)
- Aged Fern color palette (#E3DECE, #738146, #314F00, #313100, #181E00)
- Lagoon Boulevard color palette (#DCEBCD, #008F6D, #0076A3, #665C00, #003426)
- Hushed Cypress color palette (#EAFCE3, #B0F0EF, #55BDD4, #007D61, #31472E)
- Wandering Cypress Canyon color palette (#E3FFDB, #5CB7AE, #00766B, #004039, #002A27)
Browse the whole catalog at Explore, or see today's palette.