Timeworn Harbor color palette — #DFDFD7 · #A5AC9F · #6D8674 · #244100 · #161500

A conversation between Forest and Ink, giving this palette its sense of nature and growth.

The five colors

• Bone (#DFDFD7): bright and airy, almost weightless.
• Taupe (#A5AC9F): soft and architectural.
• Driftwood (#6D8674): A full-bodied, dusty teal — the color of glacier melt.
• Forest (#244100): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#161500): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Spruce Study color palette (#E0F0EC, #91A4A4, #50887C, #164100, #000605)
• Fern Lantern color palette (#E1E2D8, #B1B8A4, #879D7B, #256300, #151501)
• Abyss Market color palette (#E6EEE8, #ABBEB8, #9D8793, #004E58, #102417)
• Softworn Olive Courtyard color palette (#D6EAE4, #9CB4C1, #8499B4, #5B7F29, #031814)
• Worn Fern color palette (#F5F6EB, #C9D8C4, #91AF9E, #0C6E14, #33342D)
• Weathered Cypress color palette (#F1F7F2, #CDDDDE, #BFADBA, #007276, #313F32)
• Antique Olive color palette (#EEE7D5, #608551, #005865, #4C1C00, #231500)
• Fern Market color palette (#FADDD8, #5B5C00, #003934, #340014, #020F00)

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