Hazy Harbor color palette — #FCF1FC · #B1FFFC · #00AAD1 · #007921 · #002547

Built around Olive, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Ivory (#FCF1FC): bright and airy, almost weightless.
• Sea Foam (#B1FFFC): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#00AAD1): A luminous, balanced blue — the color of deep harbor water.
• Olive (#007921): A full-bodied, balanced green — the color of fresh herbs.
• Midnight (#002547): A deep, shadowed, dusty 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

• Pale Azure color palette (#FFF0FB, #D2DAF6, #00A4EE, #007651, #0B1763)
• Ancient Turquoise color palette (#FEF4E4, #9BEAE8, #00C0D4, #009B76, #003949)
• Aged Forest color palette (#FFF2EE, #71C9C6, #007A96, #005B14, #00345E)
• Wandering Cypress Chapel color palette (#FFF1F5, #D9D3DD, #98A1DD, #007E84, #2A2A4B)
• Worn Aqua color palette (#E9F6EB, #44D3D0, #00808E, #00543E, #001E28)
• Lagoon Bloom color palette (#FAF2F8, #D5D4E2, #8EC2E5, #4A9372, #2E3F5C)
• Hushed Lagoon color palette (#FFF1F2, #FF536C, #009BB1, #008193, #2B0007)
• Timeworn Harbor color palette (#EADEE6, #61AFC0, #005A8A, #002D1E, #00000B)

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