Timeworn Harbor color palette — #F8EBC8 · #676800 · #284700 · #002528 · #030400

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

The five colors

• Custard (#F8EBC8): A whisper-light, dusty green — the color of new leaves after rain.
• Olive (#676800): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#284700): A deep, shadowed, balanced green — the color of new leaves after rain.
• Midnight (#002528): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#030400): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Moonless Fern color palette (#D3EFE0, #666800, #1E3A00, #001012, #010100)
• Chestnut Pier color palette (#F1E7D2, #8E5300, #4E3A00, #002715, #060300)
• Pine Lantern color palette (#E5E3D5, #007744, #00483D, #00203D, #000502)
• Frosted Amber color palette (#F5F0DC, #AF9500, #747F00, #256500, #040700)
• Timeworn Bloom color palette (#E3F0D5, #578254, #2C5D49, #003B4E, #001123)
• Washed Navy color palette (#E2ECDB, #00856E, #005657, #0F0C82, #000F0C)
• Denim Pier color palette (#ECEEDB, #5D9EAA, #006377, #003B3C, #000B12)
• Aubergine Meadow color palette (#F7E3CF, #997300, #1A751E, #480B70, #040400)

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