Sunlit Clover color palette — #E9EEFF · #A69DFF · #3DBC62 · #4285D0 · #1F253B

Clover and Wisteria set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#E9EEFF): A whisper-light, dusty violet — the color of wild irises.
• Wisteria (#A69DFF): A luminous, balanced violet — the color of twilight just after sunset.
• Clover (#3DBC62): A luminous, vivid green — the color of new leaves after rain.
• Azure (#4285D0): A luminous, balanced blue — the color of deep harbor water.
• Midnight (#1F253B): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged cool.

Use it as a design system

One click turns Sunlit 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

• Washed Coast color palette (#F3EFFF, #F495ED, #26A339, #3C6FBB, #0B2A56)
• Hushed Moss Market color palette (#E7EEFF, #B3BAFF, #A18C00, #00949F, #1D253C)
• Washed Wisteria color palette (#EDECFF, #D288F6, #00B0DD, #1E8FB3, #262338)
• Pale Alley color palette (#F9F2FF, #F697C2, #49C2BE, #39A29E, #382E40)
• Misty Cornflower color palette (#E4EDFF, #6979FF, #00928A, #0061BB, #030B25)
• Quiet Fuchsia Thicket color palette (#F2EBFB, #F57BC4, #D98D00, #009787, #2C2137)
• Sapphire Thicket color palette (#F8D9F9, #FF929D, #009B6A, #2A6BFD, #3F0512)
• Gentle Wisteria color palette (#F5F4FF, #E8B4F8, #C29F00, #C070D8, #0C1C12)

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