Worn Harbor color palette — #CDEBF1 · #007691 · #00496B · #002442 · #000B36

Teal takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#CDEBF1): A whisper-light, dusty blue — the color of open sky before noon.
• Teal (#007691): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#00496B): A deep, shadowed, balanced blue — the color of deep harbor water.
• Midnight (#002442): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#000B36): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged muted, cool.

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 Onyx Orchard color palette (#C4E9E4, #008B95, #005780, #002D61, #0F0045)
• Navy Balcony color palette (#D9ECF5, #0070A9, #004175, #04006F, #13044C)
• Hushed Balcony color palette (#D1F0DD, #00816D, #004441, #002525, #020D18)
• Worn Harbor color palette (#E0EDFE, #256CD4, #003A72, #000E27, #00020C)
• Worn Denim color palette (#CCE5FC, #00659A, #6D3F00, #00304C, #1B0B00)
• Worn Violet Loft color palette (#DAE8F5, #9AA7E1, #946CB6, #004252, #06143A)
• Garnet Courtyard color palette (#E0EEFD, #004F88, #7B002F, #233700, #000815)
• Twilit Nightshade color palette (#D8E8F5, #0055BC, #11009C, #11004D, #0A001D)

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