Timeworn Harbor color palette — #F3F3E7 · #779B46 · #007567 · #004762 · #2A1B00
Built around Moss, softened by Teal — the whole palette hums with nature and growth.
The five colors
- Cream (#F3F3E7): a clean, paper-quiet neutral.
- Moss (#779B46): A luminous, balanced green — the color of new leaves after rain.
- Teal (#007567): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#004762): A deep, shadowed, dusty blue — the color of deep harbor water.
- Onyx (#2A1B00): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged muted.
Use it as a design system
One click turns Timeworn 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
- Washed Field color palette (#F0F3EA, #64AF85, #00818D, #2E4D76, #302607)
- Aged Corridor color palette (#EFF4E6, #55A074, #007379, #004471, #20163C)
- Pine Field color palette (#FAF1E2, #A9893A, #30771F, #004B4B, #351300)
- Muted Navy color palette (#E9F7E0, #00997E, #006580, #26228E, #121C00)
- Driftwood Quarry color palette (#F2F1D6, #B9BF9C, #80906E, #416758, #253F38)
- Weathered Pine color palette (#DEE4C7, #008938, #005859, #002F4D, #130E00)
- Quiet Lime Orchard color palette (#E6FBF3, #9EB038, #36946F, #006A78, #502F12)
- Aubergine Delta color palette (#DAE2D6, #007D6C, #004D6A, #27086B, #010F00)
Browse the whole catalog at Explore, or see today's palette.