Clover Garden color palette — #EEDCDA · #9CC0FF · #00DB6C · #2A5856 · #0F2423

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

The five colors

• Shell Pink (#EEDCDA): A whisper-light, dusty orange — the color of autumn markets.
• Sky (#9CC0FF): A luminous, balanced violet — the color of wild irises.
• Clover (#00DB6C): A luminous, vivid teal — the color of sea glass.
• Peacock (#2A5856): A full-bodied, dusty teal — the color of shallow lagoons.
• Onyx (#0F2423): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, 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

• Dusty Mint Pier color palette (#FDD7D3, #B4B8FF, #00D3BF, #225058, #0E2225)
• Linen Lime color palette (#FFE8F1, #78C9FF, #ABC600, #316152, #141D19)
• Wandering Seafoam color palette (#FFEAEA, #CBC9FF, #00E8BD, #446C70, #20292A)
• Soft Clover Ridge color palette (#E8DAE3, #FF9CAE, #00B533, #063C38, #121F1E)
• Weathered Fuchsia Coast color palette (#FFE8DF, #F282FF, #00C6C7, #005757, #05191E)
• Ancient Teal Thicket color palette (#EFF7F9, #D3DAE6, #C2B7D5, #4BB2B0, #303D41)
• Iris Station color palette (#F5E0DE, #8B8EFF, #00B079, #003723, #000C0C)
• Timeworn Hollow color palette (#EEE9D8, #FFA6CD, #4ECDFF, #0F5B76, #13242E)

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