Worn Navy Harbor color palette — #DFEFE2 · #3E87B9 · #003A7A · #002129 · #03022B

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

The five colors

• Honeydew (#DFEFE2): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#3E87B9): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#003A7A): A deep, shadowed, balanced blue — the color of deep harbor water.
• Midnight (#002129): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#03022B): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

One click turns Worn Navy 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

• Patina Cerulean Atelier color palette (#E4F2E6, #0091A1, #004356, #00231F, #000A15)
• Misty Workshop color palette (#D6EADA, #5E94C5, #003BAD, #002E3B, #0D0540)
• Antique Cobalt color palette (#EEF1E7, #76A7CB, #0077CC, #005975, #00081E)
• Patina Denim color palette (#D6E5D9, #65A9C3, #005D8B, #003D40, #041F3F)
• Timeworn Lantern color palette (#EAFAED, #38CFD3, #007B8E, #005846, #00394C)
• Cellar Orchard color palette (#FFDEEA, #754400, #004070, #321A00, #000612)
• Weathered Boulevard color palette (#FDEACC, #866100, #3F2800, #202B27, #100800)
• Washed Olive Thicket color palette (#D8E9D6, #A4933E, #667F2B, #501C00, #150E00)

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