Hazy Harbor color palette — #CCF2BB · #00AFA5 · #007D8C · #432CB5 · #003030

Indigo takes the lead with Turquoise close behind in a set that reads as nature and growth at first glance.

The five colors

• Celadon Mist (#CCF2BB): A whisper-light, balanced green — the color of fresh herbs.
• Turquoise (#00AFA5): A luminous, balanced teal — the color of sea glass.
• Teal (#007D8C): A full-bodied, balanced blue — the color of open sky before noon.
• Indigo (#432CB5): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Forest (#003030): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged retro, vibrant, 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

• Chalky Nightshade color palette (#E2FFD8, #00C3BA, #008192, #3E2BA1, #001D1E)
• Misty Harbor color palette (#DCEDB4, #00B568, #00816E, #004F88, #003220)
• Soft Aubergine Loft color palette (#C2F3D1, #00A8D2, #0074B9, #770094, #002D40)
• Soft Lagoon color palette (#E0FCFA, #98D4F3, #0096D9, #006F84, #00355B)
• Pale Ridge color palette (#FFDCD1, #009462, #005C6F, #661800, #00312B)
• Antique Balcony color palette (#CDE6EE, #00888E, #00404B, #001F27, #00090D)
• Basalt Hollow color palette (#D5E7EA, #6DB6D3, #5290C2, #66507D, #532355)
• Antique Aqua color palette (#E3FBF7, #7ACED1, #669CAD, #6F698F, #344C55)

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