Timeworn Harbor color palette — #F1E4DA · #78A2BD · #284EB5 · #003A37 · #0F0029

Cobalt and Ink set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#F1E4DA): bright and airy, almost weightless.
• Blue Fog (#78A2BD): A luminous, dusty blue — the color of deep harbor water.
• Cobalt (#284EB5): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Forest (#003A37): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#0F0029): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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

• Worn Denim Corridor color palette (#EFE6D9, #62A7D1, #0058A0, #003D46, #0F1C43)
• Hushed Quarry color palette (#EDDDD6, #80A78C, #005E8C, #003B27, #020032)
• Sapphire Veranda color palette (#F3E7EB, #88B8D5, #3E6ED6, #005A54, #211640)
• Patina Navy color palette (#F3E5DB, #4D7F9C, #113382, #001F1D, #020008)
• Ancient Forest Atelier color palette (#F0E7E4, #9EBD9E, #007695, #004F1A, #001630)
• Patina Cobalt color palette (#EFF8F1, #ADD1ED, #387DC4, #00505C, #020038)
• Aubergine Thicket color palette (#E4E2CE, #66871E, #5918A8, #2B3D00, #0B0020)
• Iris Workshop color palette (#F6F1EB, #C2E5DB, #7F89C2, #006C71, #411F2D)

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