Timeworn Harbor color palette — #E9F3FD · #457AA7 · #78428D · #4A4100 · #041424

A conversation between Plum and Slate, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E9F3FD): bright and airy, almost weightless.
• Slate (#457AA7): A full-bodied, balanced blue — the color of open sky before noon.
• Plum (#78428D): A full-bodied, balanced pink — the color of a candy shop window.
• Deep Olive (#4A4100): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#041424): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged jewel, vibrant, 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

• Ancient Station color palette (#F0F0FE, #8C64A5, #884372, #3D4C00, #0A0F22)
• Denim Dune color palette (#E7F4FB, #3892A4, #4A5BAD, #5F3000, #001823)
• Turquoise Corridor color palette (#DDFAEE, #44ADB7, #60659F, #474B00, #01263A)
• Mulberry Hollow color palette (#EBF7FF, #008CAF, #9A234E, #5C4000, #1A3032)
• Garnet Loft color palette (#F1F0FD, #8E5D9C, #951719, #003A29, #09031B)
• Cobalt Summit color palette (#DAE2ED, #5573B1, #2F2D48, #0B1626, #02070C)
• Chalky Azure Alley color palette (#EBF9F4, #429BDD, #9A5DA6, #775900, #192F29)
• Tempered Violet color palette (#EFF1FF, #8856D8, #A20044, #034B0D, #14062A)

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