Timeworn Harbor color palette — #F9F5EB · #B2B385 · #6C7C2D · #85452D · #504100
Olive Leaf takes the lead with Coffee close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F9F5EB): bright and airy, almost weightless.
- Sage (#B2B385): A luminous, dusty green — the color of a quiet forest floor.
- Olive Leaf (#6C7C2D): A full-bodied, balanced green — the color of a quiet forest floor.
- Coffee (#85452D): A full-bodied, balanced orange — the color of autumn markets.
- Deep Olive (#504100): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, 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
- Timeworn Workshop color palette (#F4F7E9, #90BCA0, #3B8368, #7B4E0E, #3A4900)
- Fern Chapel color palette (#F9F5E9, #9C9F6F, #5A6B20, #6C3E00, #37352F)
- Stone Grove color palette (#FAF0E3, #B8B779, #61804D, #674B5A, #2C2716)
- Chalky Moss color palette (#FFF2EC, #D4887D, #70992D, #A14439, #384923)
- Ancient Boulevard color palette (#FFF2EB, #E1DAC5, #DDB78A, #A5655A, #733D0A)
- Driftwood Orchard color palette (#EBFAEC, #C9C890, #7A9B65, #69708B, #33483E)
- Weathered Fern Thicket color palette (#F1ECD0, #75A147, #1B6D04, #722800, #1F3500)
- Misty Market color palette (#FFF2EB, #E29F82, #B65933, #6C2C07, #472211)
Browse the whole catalog at Explore, or see today's palette.