Hazy Clover color palette — #F2F4FF · #76B649 · #502F90 · #2A1B4B · #1C1126

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

The five colors

• Ivory (#F2F4FF): a clean, paper-quiet neutral.
• Clover (#76B649): A luminous, balanced green — the color of a quiet forest floor.
• Indigo (#502F90): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Indigo (#2A1B4B): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#1C1126): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Balance. Tagged luxury, dark.

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

• Weathered Canyon color palette (#F8F2FF, #A6AA00, #72255C, #3C1631, #220E1E)
• Mint Courtyard color palette (#FFF0F8, #70D48C, #635BB0, #37306C, #281220)
• Airy Moss Basin color palette (#DADCF1, #719C28, #46176F, #1F0734, #090917)
• Soft Amber color palette (#EFF6FF, #DF8C00, #244389, #10234F, #161228)
• Dusty Stone Chapel color palette (#FAF2FA, #C9C389, #814D51, #423243, #2C2124)
• Airy Aubergine color palette (#FFF1F5, #EFC979, #A178C8, #704198, #2C101B)
• Pale Olive color palette (#E5E1F5, #768300, #420048, #2F1513, #150018)
• Orchid Alley color palette (#F4F4FF, #B449F2, #106910, #004E3F, #292745)

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