Hazy Harbor color palette — #DCEDDF · #009784 · #006D83 · #00337A · #050013
A conversation between Navy and Fern, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#DCEDDF): A whisper-light, dusty teal — the color of glacier melt.
- Fern (#009784): A luminous, balanced teal — the color of glacier melt.
- Peacock (#006D83): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#00337A): A deep, shadowed, balanced blue — the color of deep harbor water.
- Ink (#050013): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Hazy 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
- Quiet Drift color palette (#E2F5EB, #0094A2, #006A92, #3113A6, #0A0014)
- Emerald Bloom color palette (#EAEEDF, #009658, #00716B, #004152, #000111)
- Aged Petrol color palette (#CDF6F2, #007C88, #005269, #00213C, #000217)
- Denim Boulevard color palette (#FFE4F1, #008E77, #005BA4, #5E2900, #000405)
- Lapis Thicket color palette (#C3F0EE, #008AB6, #474ECF, #56007F, #0F000A)
- Dusty Mulberry Basin color palette (#C9EDF3, #008476, #931C65, #532A00, #040100)
- Softworn Cypress color palette (#DAE9EC, #9AA0AF, #8785A0, #00736C, #000C0F)
- Hushed Cerulean Basin color palette (#E2F1E9, #368EA2, #6D6096, #604300, #180E00)
Browse the whole catalog at Explore, or see today's palette.