Timeworn Harbor color palette — #F9F5EB · #C5C2A5 · #678C6E · #7E5A6A · #574E00

Deep Olive and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F5EB): bright and airy, almost weightless.
• Stone (#C5C2A5): A luminous, dusty green — the color of fresh herbs.
• Fern (#678C6E): A luminous, dusty teal — the color of shallow lagoons.
• Graphite (#7E5A6A): A full-bodied, dusty rose — the color of pressed rose petals.
• Deep Olive (#574E00): A full-bodied, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, 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

• Fern Orchard color palette (#F5F6EF, #CFD6AF, #7BA889, #6E8374, #4C5200)
• Weathered Lagoon Workshop color palette (#EBF4F2, #A1CEC9, #5F8F71, #496673, #223533)
• Wandering Plum color palette (#FFF1F2, #CDA0BC, #71A87A, #A64D8B, #34563A)
• Washed Driftwood color palette (#FFF1F2, #E2D9D0, #BFC89B, #8E7DB0, #5E4844)
• Cypress Coast color palette (#FAF3F0, #CBE7E4, #74A0BA, #247F6E, #5F4A5F)
• Muted Bloom color palette (#EFF8F2, #D1E6BB, #8EC1BE, #9698AE, #3C534D)
• Worn Aubergine Garden color palette (#FAF6DE, #7BB380, #007B63, #6A3B74, #244327)
• Frosted Forest Orchard color palette (#EBE0D0, #7B7F42, #1C5200, #2F1D65, #1B1D00)

Browse the whole catalog at Explore, or see today's palette.