Hazy Harbor color palette — #EFF6FF · #75A6FF · #56A800 · #008B7C · #002A36
Built around Kelly Green, softened by Cornflower — the whole palette hums with nature and growth.
The five colors
- Ivory (#EFF6FF): bright and airy, almost weightless.
- Cornflower (#75A6FF): A luminous, balanced violet — the color of wild irises.
- Kelly Green (#56A800): A luminous, vivid green — the color of a quiet forest floor.
- Fern (#008B7C): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#002A36): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, Energy. Tagged jewel, vibrant, 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
- Softworn Jade Drift color palette (#F2F4FF, #AC9EF2, #0DAC86, #007F92, #0C1F37)
- Emerald Canyon color palette (#ECF7FF, #05BBF7, #9DA200, #00953F, #002729)
- Softworn Emerald Balcony color palette (#DFE7F8, #7F8AEF, #009853, #007677, #001423)
- Softworn Lilac color palette (#FFF0F8, #977AFF, #878200, #005B75, #140B2D)
- Turquoise Loft color palette (#F6F3FF, #DCABD7, #44B3C1, #578EC0, #2E3040)
- Feathered Orchard color palette (#F0EDFF, #DF69E5, #009AA5, #006DA9, #190A37)
- Dusty Hollow color palette (#EAEAFF, #AF65E7, #00867F, #006284, #03001E)
- Feathered Pine Lagoon color palette (#FFF1F7, #FE9C49, #A79C00, #008D41, #003839)
Browse the whole catalog at Explore, or see today's palette.