Hazy Navy Harbor color palette — #DCF8FA · #009977 · #00667B · #172295 · #151B00
Built around Indigo, softened by Fern — the whole palette hums with trust and stability.
The five colors
- Ivory (#DCF8FA): A whisper-light, dusty blue — the color of deep harbor water.
- Fern (#009977): A luminous, balanced teal — the color of shallow lagoons.
- Peacock (#00667B): A full-bodied, balanced blue — the color of open sky before noon.
- Indigo (#172295): A deep, shadowed, vivid violet — the color of wild irises.
- Ink (#151B00): 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 Hazy 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
- Washed Emerald color palette (#DBF9F6, #009D46, #00686D, #00396B, #1B1900)
- Hushed Cabin color palette (#CCE7EA, #007D68, #004E64, #18007A, #080D00)
- Aged Petrol Bloom color palette (#E7F4FA, #079FB0, #3265A6, #4B3269, #002423)
- Clover Studio color palette (#F4F9D7, #16BB2D, #008989, #005991, #393000)
- Nightshade Harbor color palette (#C9E5F7, #007DA4, #4200CF, #4D004A, #00120F)
- Hazy Lagoon Station color palette (#BDF9DB, #74C3B4, #00959A, #364C74, #252350)
- Emerald Drift color palette (#DAFAF4, #3E9A1D, #006A61, #003F55, #0E074A)
- Patina Chapel color palette (#D7F4E4, #00BF92, #00866E, #00554C, #002927)
Browse the whole catalog at Explore, or see today's palette.