Timeworn Harbor color palette — #F2F5FB · #DCD7E0 · #CDBBCC · #849CE4 · #353B45

Built around Cornflower, softened by Stone — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#F2F5FB): bright and airy, almost weightless.
• Silver (#DCD7E0): bright and airy, almost weightless.
• Stone (#CDBBCC): A luminous, dusty pink — the color of neon signs at night.
• Cornflower (#849CE4): A luminous, balanced violet — the color of wild irises.
• Charcoal (#353B45): a grounded near-black with real depth.

Feels like: Creativity, Sophistication, Softness, Clarity. Tagged scandi, muted, 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

• Wandering Cobalt color palette (#F9F3F7, #E5D5D6, #D0B8B6, #6D78C8, #43363F)
• Patina Veranda color palette (#D3EBFF, #BDC6E9, #AB9FC8, #738E6C, #00514E)
• Hushed Terrace color palette (#E3E5F4, #A786E3, #675A7E, #373A56, #090D15)
• Tempered Canyon color palette (#F7F4FA, #E7D6DB, #B6AC9F, #E977B8, #443C4C)
• Indigo Boulevard color palette (#E4E7F0, #C6BBCA, #B99EB2, #706DE6, #191F2E)
• Softworn Meadow color palette (#EDF9F0, #A8D5C6, #7CAF82, #8879B0, #0C3F33)
• Magenta Grove color palette (#F4F4FF, #E3D4DE, #E4B5C7, #C863F5, #322E4C)
• Gentle Olive Workshop color palette (#D2F8EF, #85BEFF, #B07FD1, #3F8825, #23304B)

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