Hazy Harbor color palette — #FDF1FB · #79C7CA · #00799D · #005A2A · #00306A

Navy takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FDF1FB): bright and airy, almost weightless.
• Aqua (#79C7CA): A luminous, dusty teal — the color of shallow lagoons.
• Cerulean (#00799D): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#005A2A): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#00306A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, 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

• Sunlit Alley color palette (#FFF0F7, #84C1DE, #296BC9, #00574D, #312567)
• Aged Petrol Loft color palette (#FAF0E1, #6DCDD5, #007F98, #005346, #001D2B)
• Chalky Veranda color palette (#E9FBEC, #8BDAE1, #009CBA, #007463, #00384F)
• Hushed Denim Delta color palette (#F1E2ED, #6EAAB3, #005E88, #004029, #0D1B45)
• Tempered Cypress Market color palette (#FAF3F8, #D5E1F3, #7F9DB7, #4A7A67, #485368)
• Timeworn Navy color palette (#E9DEE4, #428BA4, #003D71, #00231C, #07002A)
• Feathered Ember color palette (#FFDCD0, #E04B0D, #008080, #892800, #003635)
• Worn Scarlet color palette (#FFE6E2, #D30A11, #006F88, #294F77, #460B08)

Browse the whole catalog at Explore, or see today's palette.