Hazy Workshop color palette — #BEECD5 · #17E685 · #00BFF2 · #AF65E5 · #00132A

A conversation between Clover and Amethyst, giving this palette its sense of nature and growth.

The five colors

• Mint (#BEECD5): A whisper-light, dusty teal — the color of glacier melt.
• Clover (#17E685): A luminous, vivid teal — the color of shallow lagoons.
• Cyan (#00BFF2): A luminous, balanced blue — the color of deep harbor water.
• Amethyst (#AF65E5): A luminous, vivid violet — the color of a velvet chair.
• Ink (#00132A): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged candy, vibrant, light, cool.

Use it as a design system

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

• Faded Magenta color palette (#C3E8DE, #1EE6BE, #4DBAFF, #C961CE, #0A0D39)
• Misty Chartreuse color palette (#E6F0E4, #A8D91D, #00C9CC, #6287F6, #001A23)
• Washed Cornflower color palette (#E3FCF0, #00E3E3, #15C0F7, #4D77FF, #000810)
• Pale Indigo color palette (#C8E6F7, #00CDD1, #00A4D5, #4E6BF1, #001525)
• Soft Raspberry color palette (#F4E3EF, #00B5CF, #8178FF, #D21288, #05000C)
• Pale Market color palette (#F4E4EE, #36D9F9, #88AAFF, #E95AA0, #1A0437)
• Hazy Fuchsia Grove color palette (#EFF6FF, #49F2FA, #A8C8FF, #FF71E6, #26175A)
• Hazy Corridor color palette (#F3E1DA, #86CED7, #009EDA, #008251, #071B49)

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