Timeworn Harbor color palette — #E5F4FF · #8DBDEA · #5E84D2 · #5E578E · #2F314C

Azure takes the lead with Slate close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#E5F4FF): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#8DBDEA): A luminous, balanced blue — the color of a favorite pair of jeans.
• Azure (#5E84D2): A luminous, balanced violet — the color of twilight just after sunset.
• Slate (#5E578E): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#2F314C): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Tempered Powder color palette (#EEF6FF, #91BCFF, #6B88C8, #56618E, #454E65)
• Wandering Taupe color palette (#EBF2FF, #9CB1EB, #A4A04D, #586EAE, #1A382B)
• Patina Cerulean color palette (#D4F8FF, #70CBD0, #0094B0, #266384, #233448)
• Ancient Parlor color palette (#DAE7FF, #BFAEE6, #9C69B5, #75476E, #42324A)
• Washed Iris color palette (#EDF1FF, #C8C6F8, #8375BE, #493E72, #151D36)
• Cerulean Hollow color palette (#ECF2FF, #DDD4E1, #AED0C8, #708DA7, #383B49)
• Hushed Driftwood color palette (#FEECF3, #A4C5A8, #9F7A5D, #694E62, #1E3127)
• Soft Harbor color palette (#E5EAFF, #967DDB, #8C2EB0, #601C60, #38132A)

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