Navy Harbor color palette — #E2E0BD · #008C6B · #005956 · #072B77 · #002B24
Built around Navy, softened by Fern — the whole palette hums with calm and balance.
The five colors
- Celadon Mist (#E2E0BD): A whisper-light, dusty green — the color of a quiet forest floor.
- Fern (#008C6B): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#005956): A full-bodied, dusty teal — the color of glacier melt.
- Navy (#072B77): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Deep Forest (#002B24): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Calm, Balance. Tagged retro, 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
- Wandering Aubergine color palette (#DCE2BF, #008791, #00556E, #3E1671, #092B18)
- Chalky Olive color palette (#E5DFC1, #3B8D10, #005C3A, #00384E, #232704)
- Muted Petrol Workshop color palette (#EEEFE7, #75BECC, #00748C, #004F51, #003344)
- Nocturne Onyx Chapel color palette (#DEEEE2, #006276, #003450, #28003A, #000D14)
- Mint Veranda color palette (#E8F5E0, #00D682, #009F84, #00757A, #002F28)
- Airy Pine Thicket color palette (#FFEAE0, #009046, #005661, #510931, #071200)
- Powdered Emerald Drift color palette (#F8D1E8, #00AF4F, #007783, #742849, #002A2D)
- Aged Aubergine Boulevard color palette (#D3E8D6, #00777E, #00487E, #3A0072, #3D002B)
Browse the whole catalog at Explore, or see today's palette.