Navy Harbor color palette — #EAD7EB · #003B77 · #18252A · #400003 · #080B00

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

The five colors

• Thistle (#EAD7EB): A whisper-light, dusty pink — the color of neon signs at night.
• Navy (#003B77): A deep, shadowed, balanced blue — the color of open sky before noon.
• Onyx (#18252A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Espresso (#400003): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#080B00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged dark, 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

• Twilit Coast color palette (#CCEDDE, #00435A, #1A2629, #3C0023, #090A00)
• Lowlit Villa color palette (#EFDCEA, #2000B4, #182329, #3B0900, #010D00)
• Aubergine Chapel color palette (#F1D5E6, #5B2C00, #290083, #200E07, #0A000F)
• Wandering Lagoon color palette (#EBDCD4, #2A918F, #004451, #002412, #000B14)
• Deep Bloom color palette (#D3E0F9, #3A3AD1, #4A3400, #251800, #000300)
• Hushed Delta color palette (#D1E2F1, #6B5A96, #63244C, #192703, #121000)
• Inked Grape Delta color palette (#DAE1FC, #681ED0, #4E006E, #290026, #140001)
• Hushed Raspberry Meadow color palette (#FFDFE1, #B900A2, #514E00, #003C37, #072132)

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