Hazy Basin color palette — #C9E6E5 · #2CC06D · #9811EB · #24001D · #040411

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

The five colors

• Silver (#C9E6E5): A whisper-light, dusty teal — the color of shallow lagoons.
• Clover (#2CC06D): A luminous, vivid teal — the color of sea glass.
• Violet (#9811EB): A full-bodied, vivid violet — the color of twilight just after sunset.
• Ink (#24001D): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#040411): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged neon, dark, vibrant.

Use it as a design system

One click turns Hazy Basin 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

• Muted Quarry color palette (#DBECE7, #6ABC28, #684DEB, #21012E, #020517)
• Weathered Magenta color palette (#CBEDF6, #00A89D, #C300EB, #1A0022, #04020F)
• Washed Basin color palette (#DFE2CF, #00BEAB, #7D66E6, #432537, #0D0208)
• Hushed Canyon color palette (#D7F3FD, #00C4BD, #D550FF, #2E003C, #120E22)
• Raspberry Balcony color palette (#D7F1F6, #00AA8D, #E3008F, #260304, #08010E)
• Misty Byzantium Canyon color palette (#BEEBE3, #BA6700, #B300C6, #130016, #040001)
• Sapphire Station color palette (#E2EBDF, #CB9A27, #2F61EB, #170035, #000519)
• Magenta Thicket color palette (#D2E8E9, #DE7C00, #DB03F2, #270B2A, #090614)

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