Navy Harbor color palette — #E4F3EA · #006376 · #002169 · #00232B · #030003
Midnight takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#E4F3EA): a clean, paper-quiet neutral.
- Peacock (#006376): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#002169): A deep, shadowed, balanced violet — the color of wild irises.
- Midnight (#00232B): A deep, shadowed, dusty blue — the color of open sky before noon.
- Black (#030003): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. Tagged duotone, dark, muted, 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
- Obsidian Cypress color palette (#EAF3E7, #00665D, #1B3349, #002420, #000201)
- Obsidian Canyon color palette (#C7E8FF, #005C97, #002561, #040038, #01000A)
- Smoked Grove color palette (#D3E8DE, #00497A, #0C0072, #1A0013, #000105)
- Onyx Harbor color palette (#D6E4DD, #7A948B, #79627B, #002E40, #000201)
- Washed Aubergine Thicket color palette (#E6F1E4, #008D85, #51008A, #003330, #040001)
- Weathered Navy color palette (#D8EEF8, #008299, #0039A1, #003F4C, #000207)
- Velvet Ultramarine color palette (#F1E6EF, #1F4AC1, #3D005F, #010466, #040001)
- Hushed Aubergine Ridge color palette (#EADFEA, #1E73E7, #4900AE, #003275, #040002)
Browse the whole catalog at Explore, or see today's palette.