Navy Harbor color palette — #D6F2E1 · #00B1A6 · #007D8E · #005378 · #003B79
Navy and Turquoise set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#D6F2E1): A whisper-light, dusty teal — the color of glacier melt.
- Turquoise (#00B1A6): A luminous, balanced teal — the color of sea glass.
- Teal (#007D8E): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#005378): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#003B79): A deep, shadowed, balanced blue — the color of open sky before noon.
Feels like: Trust, Stability, 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
- Ancient Jade Quarry color palette (#BBF2B6, #00BA84, #007B7D, #00586A, #273665)
- Worn Ridge color palette (#D7ECE9, #00C8D2, #0097A9, #006984, #004464)
- Antique Drift color palette (#CAE9E6, #00ACD2, #007CAE, #2E28D5, #45327F)
- Faded Navy color palette (#D8ECEA, #0083A3, #005789, #00168E, #2C0D53)
- Worn Mallow color palette (#E0FEE9, #E7E3F4, #E3A7F1, #008167, #224E6E)
- Hushed Bronze Drift color palette (#E7FBEB, #00A7B6, #C25F00, #006973, #5D2A00)
- Scarlet Canyon color palette (#DBEEFF, #0085D5, #C7343A, #8B4500, #003356)
- Faded Mustard color palette (#DDE3D4, #F0AC00, #00BDD1, #163447, #0F2617)
Browse the whole catalog at Explore, or see today's palette.