Clover Garden color palette — #EEDEE2 · #99AFFF · #57BE00 · #1F311C · #191A0E

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

The five colors

• Shell Pink (#EEDEE2): a clean, paper-quiet neutral.
• Sky (#99AFFF): A luminous, balanced violet — the color of a velvet chair.
• Clover (#57BE00): A luminous, vivid green — the color of a quiet forest floor.
• Deep Forest (#1F311C): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#191A0E): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged neon, dark, vibrant.

Use it as a design system

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

• Clover Chapel color palette (#F8D5D5, #95C2FF, #00DB66, #1C5552, #092725)
• Chalky Moss Quarry color palette (#F8D9DF, #5CBEFF, #ABA800, #283114, #1E1A0F)
• Ancient Field color palette (#F9EED6, #B68AED, #00BE90, #163424, #161C10)
• Hushed Archive color palette (#F8DAE9, #FBA19A, #77AE00, #1A4038, #0E231E)
• Patina Fuchsia color palette (#F2E1C9, #FA8BFD, #00A075, #002D2E, #0F1901)
• Softworn Moss Ridge color palette (#F4DCF3, #FF8EB4, #749400, #1F1B00, #0C0B03)
• Dusty Wisteria Market color palette (#F6E6CF, #BE80FF, #6A7900, #08190C, #060500)
• Blush Lagoon color palette (#FBECD4, #FF93BC, #00BCD7, #003A35, #102317)

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