Hazy Clover color palette — #F9DAF0 · #65C550 · #444FAC · #202561 · #080A2A

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

The five colors

• Blush (#F9DAF0): A whisper-light, dusty pink — the color of peonies in June.
• Clover (#65C550): A luminous, vivid green — the color of new leaves after rain.
• Cobalt (#444FAC): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#202561): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#080A2A): A deep, shadowed, dusty violet — the color of wild irises.

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

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

• Ancient Canyon color palette (#F8DBEA, #00C98B, #5B42B2, #2F1B67, #1E0514)
• Weathered Ultramarine color palette (#F8DAF3, #D9A000, #2750BC, #0D266B, #1B0719)
• Worn Quarry color palette (#FFE8EB, #88C68D, #804F7E, #482747, #230F13)
• Misty Lapis color palette (#F1F5FF, #8EDD45, #4E20DE, #1B005E, #00000B)
• Hazy Market color palette (#E0E3F6, #B88A00, #461B82, #22004A, #0A0B28)
• Tempered Violet color palette (#FBDAE8, #EFB403, #914BFC, #553B8A, #1F0513)
• Airy Parlor color palette (#FCE6E6, #63A649, #721A5C, #310626, #090001)
• Inked Aubergine color palette (#F4D6E2, #128A5A, #361360, #09001A, #0B0101)

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