Timeworn Harbor color palette — #F9E8E1 · #34868E · #00415B · #002110 · #000108

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

The five colors

• Rose Water (#F9E8E1): A whisper-light, dusty orange — the color of autumn markets.
• Cerulean (#34868E): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#00415B): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#002110): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000108): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Timeworn Workshop color palette (#EDDDD6, #5196A2, #004F75, #002D1D, #01001E)
• Washed Lagoon color palette (#ECE3DA, #4280A2, #0020A6, #001F1D, #020008)
• Pine Orchard color palette (#D0F3E2, #007449, #003525, #000E05, #000201)
• Ancient Denim Boulevard color palette (#EEEEDB, #1DA195, #0065A7, #372F00, #000302)
• Obsidian Aubergine color palette (#E1F0D5, #005A48, #510088, #00251C, #020006)
• Sunlit Ultramarine color palette (#F8EEE3, #73A1CC, #423ACA, #00393C, #120122)
• Sapphire Cabin color palette (#EFE7E2, #89BCD1, #006AC8, #004C41, #130E36)
• Fern Harbor color palette (#FCECD9, #5B5400, #3A2500, #1F0500, #010100)

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