Navy Harbor color palette — #D7E7D1 · #00665B · #003C52 · #190061 · #0B1500
Deep Indigo takes the lead with Pine close behind in a set that reads as trust and stability at first glance.
The five colors
- Celadon Mist (#D7E7D1): A whisper-light, dusty green — the color of fresh herbs.
- Pine (#00665B): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Teal (#003C52): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Indigo (#190061): A deep, shadowed, balanced violet — the color of a velvet chair.
- Ink (#0B1500): A deep, shadowed, dusty green — the color of new leaves after rain.
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
- Navy Meadow color palette (#E1F2E5, #00636F, #003374, #2E004B, #00170A)
- Aged Studio color palette (#E8F0D6, #00693B, #003F43, #00203D, #161200)
- Timeworn Lagoon Lantern color palette (#CCEEE8, #00928C, #005B5D, #00383D, #002127)
- Onyx Canyon color palette (#D8F7EA, #00425D, #1D005B, #160013, #000202)
- Inked Abyss Balcony color palette (#DEE8D5, #005240, #242A30, #001310, #000402)
- Powdered Navy color palette (#D8EFDE, #007C8B, #0044A3, #4B006E, #002C1B)
- Worn Lagoon Study color palette (#D3ECE7, #089CA0, #005D6E, #333169, #3A1929)
- Wandering Aubergine Boulevard color palette (#C9E7DC, #005E8B, #370094, #390036, #2A0007)
Browse the whole catalog at Explore, or see today's palette.