Hazy Clover color palette — #E5F6F4 · #42C46B · #007B78 · #006E30 · #000B0F

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

The five colors

• Ivory (#E5F6F4): a clean, paper-quiet neutral.
• Clover (#42C46B): A luminous, vivid teal — the color of sea glass.
• Teal (#007B78): A full-bodied, balanced teal — the color of sea glass.
• Pine (#006E30): A full-bodied, balanced teal — the color of sea glass.
• Ink (#000B0F): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Balance. Tagged duotone.

Use it as a design system

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

• Hushed Market color palette (#E7F5F7, #00C2AB, #00788F, #006A5D, #000B12)
• Wandering Bloom color palette (#E8F6F0, #A4B300, #00813A, #596200, #000C0B)
• Softworn Dune color palette (#D5EAE9, #16A770, #006167, #005436, #000304)
• Linen Moss color palette (#F8F6E4, #8EB200, #006B9F, #4B5F00, #00231A)
• Washed Navy Harbor color palette (#D0FDF2, #00A98D, #007072, #223583, #00221E)
• Sunlit Teal color palette (#97F6D3, #00BCA4, #007C76, #00494D, #001F24)
• Worn Mint Balcony color palette (#F4F8E2, #66D778, #009C88, #0E9035, #112207)
• Muted Pine color palette (#EAF4F4, #C9D9E3, #A0C7CE, #007F54, #12292A)

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