Timeworn Harbor color palette — #FCF1F9 · #BD7D71 · #7F8535 · #3F6B48 · #483744

Olive Leaf takes the lead with Caramel close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FCF1F9): bright and airy, almost weightless.
• Caramel (#BD7D71): A luminous, balanced orange — the color of sun-warmed clay.
• Olive Leaf (#7F8535): A full-bodied, balanced green — the color of a quiet forest floor.
• Pine (#3F6B48): A full-bodied, dusty green — the color of a quiet forest floor.
• Charcoal (#483744): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Hushed Orchard color palette (#F8F2FF, #B77A9E, #A27444, #696030, #41394A)
• Dusty Bronze color palette (#E8FAF1, #8A842E, #00827B, #005C74, #24382E)
• Lagoon Alley color palette (#F0F5FF, #7A8EC3, #4B9066, #006E68, #353D4D)
• Wandering Pier color palette (#F1F0FF, #B17FBF, #5F906E, #316967, #23212D)
• Timeworn Dune color palette (#FFF1F4, #C792E1, #67AC8B, #787C74, #4A373C)
• Faded Bloom color palette (#FFF0F7, #B35B00, #2F7A00, #005844, #3F1F30)
• Softworn Grove color palette (#F7F3F9, #E2D7DC, #B7ACA3, #A37184, #555058)
• Wandering Mallow color palette (#F8F2FF, #EDABD1, #B0BE86, #93A16C, #41394B)

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