Hazy Harbor color palette — #C7F0F0 · #00B7C2 · #008495 · #005E70 · #003442

Cyan and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#C7F0F0): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#00B7C2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#008495): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005E70): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Teal (#003442): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged 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

• Timeworn Teal color palette (#CFF8F1, #00ACAC, #006A77, #004F65, #202F56)
• Soft Jade color palette (#DAF9E9, #00BD97, #00947E, #005F57, #003B39)
• Hushed Sky color palette (#D7F1FF, #09BFF7, #0086B4, #00516B, #001D2A)
• Feathered Courtyard color palette (#D9FFE4, #00D6C9, #009AA8, #005D82, #001E4B)
• Washed Glacier color palette (#E8F8FF, #6DE0F6, #4BA6BF, #447C93, #385468)
• Muted Magenta color palette (#C7EBFF, #00B0D6, #C845EB, #00758F, #49035A)
• Frosted Violet color palette (#CFEEFC, #009AC8, #904FFF, #00835A, #002837)
• Pale Pier color palette (#D7E7F2, #23A1FB, #0071D6, #1C479B, #1B2A5E)

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