Timeworn Harbor color palette — #C9E9D2 · #857626 · #564300 · #362400 · #181700

Built around Walnut, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Celadon Mist (#C9E9D2): A whisper-light, dusty teal — the color of shallow lagoons.
• Walnut (#857626): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#564300): A deep, shadowed, balanced green — the color of fresh herbs.
• Espresso (#362400): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#181700): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Ancient Bronze Corridor color palette (#FFE9F2, #9B6A34, #693600, #441A00, #211300)
• Soft Bronze color palette (#EEDFC5, #AFA055, #987800, #765300, #191700)
• Worn Balcony color palette (#D3E6DA, #8F8B43, #645500, #463400, #002C1F)
• Shadow Orchard color palette (#E7F4E7, #725400, #3D2600, #1C0C00, #050300)
• Softworn Boulevard color palette (#CBEAF3, #668733, #4A433B, #002E2D, #000C0C)
• Hushed Chestnut color palette (#FDCFE5, #BB7E48, #8D4400, #672400, #3C2200)
• Chestnut Pier color palette (#E5FCEF, #86B39F, #7A7444, #5F5021, #26443A)
• Basalt Canyon color palette (#CEF8F9, #00573C, #541E00, #271B00, #040A00)

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