Hazy Harbor color palette — #DCFFEA · #38EAC9 · #1AC2F6 · #7845FF · #00060D

Violet and Lagoon set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#DCFFEA): A whisper-light, dusty teal — the color of shallow lagoons.
• Lagoon (#38EAC9): A whisper-light, balanced teal — the color of glacier melt.
• Cyan (#1AC2F6): A luminous, balanced blue — the color of deep harbor water.
• Violet (#7845FF): A full-bodied, vivid violet — the color of twilight just after sunset.
• Ink (#00060D): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Creativity, Energy, Balance. Tagged candy, vibrant, 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

• Patina Indigo Delta color palette (#E5FDE7, #57EF91, #00C7DF, #5973FF, #000203)
• Powdered Byzantium color palette (#D9FEF3, #00D4D7, #0D96F5, #A200E1, #000107)
• Patina Veranda color palette (#FFEFFF, #2CE9FC, #73ADFF, #AC34D0, #02001A)
• Indigo Thicket color palette (#F0D8EA, #07B4F0, #6A59FF, #92007C, #020006)
• Patina Quarry color palette (#D1E9F9, #23DBF6, #00BBF0, #449BFF, #001625)
• Hushed Chartreuse Coast color palette (#EAFCDE, #B9E544, #00CEB6, #007BB7, #000807)
• Gentle Thicket color palette (#D2F4FF, #1396E2, #1E51EB, #23008A, #130029)
• Misty Denim color palette (#D4F9E8, #00B4CD, #008FBA, #0056A3, #000811)

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