Navy Harbor color palette — #ECDADF · #557D9F · #272E83 · #001F20 · #020007

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

The five colors

• Shell Pink (#ECDADF): A whisper-light, dusty rose — the color of a warm blush.
• Slate (#557D9F): A full-bodied, dusty blue — the color of open sky before noon.
• Indigo (#272E83): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#001F20): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#020007): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Gentle Orchard color palette (#D8E4DA, #6284A3, #002C99, #00212B, #06002B)
• Weathered Abyss color palette (#EFE6EE, #3C858C, #00415B, #002110, #000108)
• Hushed Denim Veranda color palette (#F6EDDE, #83A6C7, #2D5197, #002A35, #01000A)
• Sunlit Nightshade color palette (#EDE2D7, #6B9E91, #4147B4, #003B3D, #100021)
• Cobalt Quarry color palette (#F7EFF4, #AACDE1, #4D80B2, #005D4B, #141F3B)
• Petrol Pier color palette (#CDF4E5, #40987E, #00759B, #422D00, #000401)
• Inked Field color palette (#D7EAE3, #475300, #62006A, #1C2200, #030004)
• Twilit Forest Boulevard color palette (#D7EAD2, #006E1F, #033305, #1C252B, #000B02)

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