Clover Studio color palette — #D2E6C9 · #52BF07 · #009581 · #00569B · #000102

Clover takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.

The five colors

• Celadon Mist (#D2E6C9): A whisper-light, dusty green — the color of a quiet forest floor.
• Clover (#52BF07): A luminous, vivid green — the color of new leaves after rain.
• Fern (#009581): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#00569B): A full-bodied, balanced blue — the color of open sky before noon.
• Black (#000102): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged candy, vibrant, light.

Use it as a design system

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

• Hazy Corridor color palette (#D2E7D6, #00B777, #0097A1, #0049DF, #000102)
• Feathered Mustard color palette (#DDE4D0, #BAAD00, #009453, #006371, #000201)
• Lagoon Boulevard color palette (#E0E4D2, #008E90, #064F7A, #3B1600, #040100)
• Hushed Station color palette (#E9EBD3, #00906C, #004545, #072200, #010100)
• Hazy Grape Basin color palette (#CCF1E2, #00B5A6, #0093BE, #6F21BF, #000106)
• Sunlit Navy Boulevard color palette (#D6F6FE, #6B7F00, #00715C, #00298F, #000102)
• Aged Harbor color palette (#F1E8E2, #5AAECD, #005890, #002C29, #00000C)
• Dusty Cocoa color palette (#D8E9E1, #00759A, #873B00, #003041, #030100)

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