Navy Harbor color palette — #F5E8E0 · #4B8AA2 · #003B77 · #00231D · #080029

A conversation between Navy and Ink, giving this palette its sense of trust and stability.

The five colors

• Cream (#F5E8E0): bright and airy, almost weightless.
• Cerulean (#4B8AA2): A luminous, dusty blue — the color of deep harbor water.
• Navy (#003B77): A deep, shadowed, balanced blue — the color of open sky before noon.
• Onyx (#00231D): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#080029): A deep, shadowed, balanced violet — the color of wild irises.

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

• Wandering Navy color palette (#F5E9E0, #5599B8, #004499, #00302A, #150041)
• Cerulean Study color palette (#DCE6DD, #2D84A0, #004060, #001F20, #000105)
• Wandering Abyss color palette (#FDECE7, #6C896D, #004357, #00240A, #00091B)
• Inked Onyx Veranda color palette (#CFF7E5, #006E71, #003D48, #001425, #01002A)
• Antique Boulevard color palette (#D7E9F6, #0064AB, #002D4C, #292128, #000A14)
• Weathered Plum Hollow color palette (#CEEEDA, #8890BF, #9F4F9F, #003B2F, #000A1E)
• Softworn Cobalt Veranda color palette (#F7E8F0, #5AADCB, #2D76C3, #005F4F, #070029)
• Denim Villa color palette (#F0DFD9, #85A98F, #005E89, #00402A, #0B194B)

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