Navy Harbor color palette — #E6F1E2 · #00907E · #005E79 · #1B247D · #23002F
A conversation between Navy and Fern, giving this palette its sense of trust and stability.
The five colors
- Cream (#E6F1E2): A whisper-light, dusty green — the color of a quiet forest floor.
- Fern (#00907E): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#005E79): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#1B247D): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Deep Indigo (#23002F): A deep, shadowed, balanced pink — the color of a candy shop window.
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
- Aubergine Drift color palette (#E3F2E8, #008AA3, #224FA5, #480E6D, #2B0017)
- Timeworn Onyx color palette (#DFE7D9, #96AA93, #3C7984, #465073, #2D224C)
- Onyx Alley color palette (#DDEFDC, #006663, #003A5A, #1D004D, #0B0007)
- Washed Nightshade Courtyard color palette (#D8EBE2, #00759B, #3E2E9D, #47003E, #000E0D)
- Cobalt Alley color palette (#F0F3E9, #B1CFC3, #3582BA, #00586E, #07213C)
- Jade Study color palette (#DFF7F8, #00B07A, #00808E, #004F98, #322C00)
- Weathered Bloom color palette (#D2F3DF, #33A781, #007B65, #004A42, #002624)
- Garnet Villa color palette (#E7F6EC, #8D7500, #005E6F, #601554, #481C10)
Browse the whole catalog at Explore, or see today's palette.