Hazy Harbor color palette — #ECF2E1 · #82B7E6 · #3A76BE · #005474 · #081C46
Built around Cerulean, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Cream (#ECF2E1): A whisper-light, dusty green — the color of fresh herbs.
- Sky (#82B7E6): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#3A76BE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005474): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#081C46): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, 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
- Muted Petrol Summit color palette (#E8EADE, #6AC0D4, #0081A1, #00585D, #002332)
- Misty Iris color palette (#D8E3DA, #9EC4E7, #5C90EB, #007994, #151350)
- Feathered Denim color palette (#E6E0D6, #7BA3C7, #2352A7, #003C4B, #161748)
- Washed Orchard color palette (#FDF3EA, #A6D8CA, #636FD0, #005154, #150028)
- Cerulean Veranda color palette (#F4F7E8, #64DCFF, #009AC7, #00717B, #003751)
- Faded Byzantium Coast color palette (#F2DBF4, #B700CB, #C50A0B, #0054B0, #1E0621)
- Timeworn Grape color palette (#FEDDE8, #A659E8, #008393, #7016AC, #001F24)
- Worn Studio color palette (#F8D0FB, #EDA2D5, #E675A2, #8459A0, #371934)
Browse the whole catalog at Explore, or see today's palette.