Hazy Harbor color palette — #DEFCFC · #C1E283 · #00E58F · #00BCC0 · #003027
Built around Clover, softened by Pistachio — the whole palette hums with nature and growth.
The five colors
- Ivory (#DEFCFC): A whisper-light, dusty teal — the color of glacier melt.
- Pistachio (#C1E283): A whisper-light, balanced green — the color of new leaves after rain.
- Clover (#00E58F): A luminous, vivid teal — the color of glacier melt.
- Turquoise (#00BCC0): A luminous, balanced teal — the color of shallow lagoons.
- Deep Forest (#003027): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, 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
- Powdered Sky color palette (#E0F8FF, #7FEEB6, #00DCDA, #00BBF3, #002528)
- Mint Lantern color palette (#C0E7EE, #5CDE7D, #00CEAF, #00A0BF, #001B1B)
- Chartreuse Archive color palette (#DDF7EF, #F6D041, #9BDB12, #00C18F, #0E2F00)
- Hazy Teal color palette (#D1EDE1, #00C9AE, #00A19D, #007D8A, #003643)
- Chalky Chartreuse Atelier color palette (#F1FADA, #FFE67D, #00ED5E, #00A2E5, #001712)
- Timeworn Lime color palette (#DCF5F0, #EDC059, #65CB3D, #008EC2, #002721)
- Misty Jade color palette (#D9E9E3, #9FC792, #3CA86E, #707C40, #143107)
- Seafoam Station color palette (#E5FAFE, #BEFFD8, #6EEEE4, #6ECFFF, #06494E)
Browse the whole catalog at Explore, or see today's palette.