Navy Harbor color palette — #D4E7D8 · #39876C · #005D58 · #00305C · #1F051B
Navy and Fern set the tone — five colors that lean into trust and stability.
The five colors
- Celadon Mist (#D4E7D8): A whisper-light, dusty teal — the color of sea glass.
- Fern (#39876C): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#005D58): A full-bodied, dusty teal — the color of glacier melt.
- Navy (#00305C): A deep, shadowed, balanced blue — the color of deep harbor water.
- Ink (#1F051B): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Calm, Sophistication. Tagged vintage, retro, muted, 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
- Tempered Ridge color palette (#E6EFD4, #638C54, #185C38, #003743, #00111D)
- Wandering Denim color palette (#D1F3F6, #428598, #005E84, #362851, #1E0026)
- Washed Field color palette (#D2EED6, #4FB08B, #217F75, #244A69, #1E2A4C)
- Hazy Veranda color palette (#D8EBD1, #007C6E, #4432D4, #004038, #050027)
- Softworn Lagoon Basin color palette (#D6ECE8, #009289, #004E47, #002320, #000202)
- Hushed Emerald color palette (#E2E1C8, #5E974E, #006768, #532538, #3A1512)
- Denim Thicket color palette (#EAEDE2, #5CA7C8, #005F88, #003842, #000C19)
- Navy Cabin color palette (#C5E8E6, #006664, #0045A2, #2E4300, #000504)
Browse the whole catalog at Explore, or see today's palette.