Clover Workshop color palette — #DAE4C5 · #21CC6D · #7B7EDE · #3E4168 · #1E0E19

Built around Clover, softened by Lavender Blue — the whole palette hums with nature and growth.

The five colors

• Celadon Mist (#DAE4C5): A whisper-light, dusty green — the color of new leaves after rain.
• Clover (#21CC6D): A luminous, vivid teal — the color of shallow lagoons.
• Lavender Blue (#7B7EDE): A luminous, balanced violet — the color of a velvet chair.
• Navy (#3E4168): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#1E0E19): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

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

• Dusty Summit color palette (#E2E2CF, #00D4B9, #618FE6, #523950, #170E16)
• Ancient Grove color palette (#C5EEF0, #00D349, #83A2FF, #364367, #170915)
• Indigo Parlor color palette (#EBD8E4, #94CA7D, #6A6EC4, #404371, #160411)
• Orchid Coast color palette (#E5F3E2, #00D2CE, #AF6DE7, #593442, #1B0F13)
• Sunlit Iris color palette (#E5ECDA, #59CCFF, #9289E6, #413C70, #25131E)
• Pale Mint Pier color palette (#DDDEFD, #00E8AC, #CBABFF, #5F4F7A, #291C21)
• Weathered Delta color palette (#E4E4D2, #24C52B, #1C6BEA, #031231, #00030A)
• Apricot Grove color palette (#D6E3D1, #FF8D3A, #00BDCB, #00464C, #09140C)

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