Navy Harbor color palette — #CFE5E6 · #00644B · #002760 · #15000B · #020100
A conversation between Midnight and Pine, giving this palette its sense of trust and stability.
The five colors
- Silver (#CFE5E6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Pine (#00644B): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#002760): A deep, shadowed, balanced blue — the color of open sky before noon.
- Ink (#15000B): A deep, shadowed, dusty rose — the color of strawberry cream.
- Black (#020100): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged dark, muted.
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
- Deep Fern Grove color palette (#D2EEE8, #2E6400, #003040, #110017, #030100)
- Aubergine Balcony color palette (#D0EAF3, #006165, #35006F, #170000, #010100)
- Tempered Cypress Grove color palette (#CDF5F0, #007879, #004550, #001D27, #000103)
- Washed Pier color palette (#E7F0E8, #74ACB9, #005D7A, #002C29, #000103)
- Charred Coast color palette (#EEF1D7, #164800, #300045, #14150B, #180002)
- Patina Villa color palette (#CBF5F9, #498286, #005876, #4A0032, #050000)
- Clover Ridge color palette (#BBE8EC, #6BB64F, #009373, #005B6F, #000201)
- Aubergine Parlor color palette (#D7EAF9, #00709B, #630068, #240F00, #000200)
Browse the whole catalog at Explore, or see today's palette.