Worn Harbor color palette — #ECF9EE · #D9DFF2 · #4C9AFF · #006F83 · #121267

Built around Cornflower, softened by Deep Indigo — the whole palette hums with trust and stability.

The five colors

• Ivory (#ECF9EE): bright and airy, almost weightless.
• Frost (#D9DFF2): A whisper-light, dusty violet — the color of a velvet chair.
• Cornflower (#4C9AFF): A luminous, vivid blue — the color of a favorite pair of jeans.
• Teal (#006F83): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#121267): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Worn 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 Periwinkle Villa color palette (#F1F7F2, #DBDFEA, #76AAE3, #007D8D, #1D2C53)
• Sapphire Pier color palette (#FFF4E2, #6DC1FC, #006AD5, #005363, #222D63)
• Wandering Turquoise color palette (#EDF9EF, #C7DCF8, #00ADC0, #007558, #002936)
• Powdered Ridge color palette (#EFF8F1, #ACD0F2, #4776D2, #004E62, #080132)
• Patina Denim Quarry color palette (#DAE7DC, #71AEB3, #005F72, #002C25, #000103)
• Timeworn Harbor color palette (#F1F7F2, #D4D6E6, #79C9DA, #00987B, #234357)
• Soft Rose color palette (#FFF1F2, #FF5177, #5F9E00, #0073CF, #2B0009)
• Tempered Plum Atelier color palette (#FCF1FF, #FF87A6, #00B1A7, #C3005A, #002422)

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