Navy Harbor color palette — #E7E9D8 · #006C2B · #00485A · #0A147B · #190622
Deep Indigo takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Parchment (#E7E9D8): A whisper-light, dusty green — the color of a quiet forest floor.
- Pine (#006C2B): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Teal (#00485A): A deep, shadowed, dusty blue — the color of open sky before noon.
- Deep Indigo (#0A147B): A deep, shadowed, vivid violet — the color of twilight just after sunset.
- Ink (#190622): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged jewel, vibrant.
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
- Lowlit Onyx color palette (#E3EDD5, #004F39, #00314E, #1B005D, #160014)
- Gentle Olive Courtyard color palette (#E2E3CD, #377B00, #005249, #003344, #13174B)
- Aubergine Dune color palette (#DFEDDA, #005E53, #00397F, #370068, #250B0C)
- Worn Chestnut Harbor color palette (#EDDCBF, #6C5900, #004655, #002641, #110000)
- Aubergine Courtyard color palette (#FFE7EB, #7D1B8B, #004B4E, #002740, #1C0714)
- Midnight Fern color palette (#EEEACF, #515B00, #29373A, #101F00, #0C0900)
- Linen Workshop color palette (#EBDDB9, #807B00, #395700, #003B3E, #232700)
- Nightshade Ridge color palette (#DBF8E0, #006F79, #4600BD, #4A0057, #320812)
Browse the whole catalog at Explore, or see today's palette.