Hazy Harbor color palette — #FFF2EC · #78DCEB · #0099CA · #00755C · #003361
Built around Cerulean, softened by Teal — the whole palette hums with trust and stability.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Ice Blue (#78DCEB): A whisper-light, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#0099CA): A luminous, balanced blue — the color of open sky before noon.
- Teal (#00755C): A full-bodied, balanced teal — the color of sea glass.
- Navy (#003361): A deep, shadowed, balanced blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Cornflower Study color palette (#FFF3E8, #8DD5FF, #398AF6, #007275, #29276B)
- Azure Lantern color palette (#FCF1FA, #D0DAF6, #00A8DC, #00755C, #002548)
- Chalky Turquoise color palette (#F5F6EB, #7FEDFD, #00BEE0, #009797, #00394A)
- Petrol Alley color palette (#E7FAF7, #86C3CD, #007B91, #005655, #003949)
- Patina Lagoon color palette (#FBF4EF, #C5E5E4, #7FAAD1, #208C85, #5B3B55)
- Petrol Villa color palette (#FDEDDF, #67ABD2, #3065AF, #004A4C, #0F053F)
- Airy Tangerine color palette (#FFDDC7, #FE6A13, #00A296, #AD4300, #003632)
- Softworn Atelier color palette (#FFEBE5, #F34500, #0090A3, #3F6AA3, #450D00)
Browse the whole catalog at Explore, or see today's palette.