Navy Harbor color palette — #C0E8E2 · #00ABB7 · #0076A0 · #0F4799 · #31315A

A conversation between Indigo and Cyan, giving this palette its sense of trust and stability.

The five colors

• Silver (#C0E8E2): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#00ABB7): A luminous, balanced blue — the color of open sky before noon.
• Slate (#0076A0): A full-bodied, balanced blue — the color of deep harbor water.
• Indigo (#0F4799): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#31315A): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

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

• Timeworn Parlor color palette (#C7F3F9, #00A8C5, #006B92, #004671, #081D3B)
• Tempered Azure Summit color palette (#D3EDED, #31CEE2, #00AAE8, #2D79BD, #263662)
• Sunlit Dune color palette (#C7E9CB, #56BEE7, #2A73D2, #464E96, #473C60)
• Navy Atelier color palette (#D8E8E6, #008BAC, #004E7E, #001591, #24124B)
• Pale Jade color palette (#DCE7D8, #4BB273, #00847A, #00565D, #27375C)
• Tempered Bronze color palette (#E3F3E9, #009EBC, #9D6F00, #006174, #473100)
• Lapis Studio color palette (#DCF3FD, #4F93E4, #5F52D0, #613586, #502B4D)
• Airy Harbor color palette (#D2ECF3, #006B98, #1800C8, #22005E, #1C002D)

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