Worn Harbor color palette — #D1EADF · #00A0A7 · #00647F · #003A62 · #0D025B

Deep Indigo and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#D1EADF): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#00A0A7): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#00647F): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#003A62): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#0D025B): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Ancient Cerulean Alley color palette (#D6F0F0, #0098A8, #006883, #004B68, #003358)
• Tempered Jade Corridor color palette (#D5E5D2, #00A781, #006C6A, #004656, #001E2E)
• Gentle Aqua Garden color palette (#AFFCFF, #00C6E2, #0096B9, #00547A, #00243F)
• Frosted Nightshade color palette (#C8EEE9, #009BBC, #006896, #0D00A8, #25024E)
• Pale Denim color palette (#D1F9E9, #00BAC0, #008DB2, #004F9D, #262977)
• Aged Azure Pier color palette (#D7EAFF, #0D9FF3, #005F9C, #002F51, #000B16)
• Gentle Meadow color palette (#C6F1FD, #0096B2, #A25F00, #005667, #241100)
• Sunlit Fuchsia color palette (#DBF3FF, #C4D6FF, #E376D1, #007960, #001F37)

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