Timeworn Harbor color palette — #F7F1E7 · #BAB681 · #6E7C4C · #6A4A56 · #2D2714

Walnut takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F7F1E7): a clean, paper-quiet neutral.
• Sage (#BAB681): A luminous, dusty green — the color of new leaves after rain.
• Walnut (#6E7C4C): A full-bodied, dusty green — the color of fresh herbs.
• Charcoal Brown (#6A4A56): A full-bodied, dusty rose — the color of strawberry cream.
• Onyx (#2D2714): A deep, shadowed, dusty 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

• Softworn Lagoon color palette (#F1F3E7, #88C2A9, #29857B, #644D5A, #232A1B)
• Muted Taupe Loft color palette (#F8F1E5, #A2A658, #546F32, #4C4441, #231B01)
• Hushed Driftwood Loft color palette (#EBFAEF, #CAC797, #8E955B, #806980, #2E493C)
• Dusty Stone color palette (#FFEEE5, #E3D6BC, #BDC98C, #986773, #4E2400)
• Ancient Bronze color palette (#FFEDE8, #FEA68F, #B3614B, #6A2F1E, #2A0700)
• Aged Villa color palette (#F6F1E9, #C8E5CB, #3A9CB2, #1F6C5C, #113327)
• Coral Meadow color palette (#FFEEE7, #EB8078, #009FB1, #974A45, #0E2F1A)
• Soft Bloom color palette (#EFE4C4, #7BA605, #086F17, #562A58, #101A00)

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