Clover Lagoon color palette — #DFF7FF · #06D33A · #00AEB7 · #004DE2 · #000102

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

The five colors

• Ivory (#DFF7FF): A whisper-light, dusty blue — the color of open sky before noon.
• Clover (#06D33A): A luminous, vivid green — the color of fresh herbs.
• Cyan (#00AEB7): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cobalt (#004DE2): A full-bodied, vivid violet — the color of twilight just after sunset.
• 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 Lagoon 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 Summit color palette (#E4F6FF, #00CEA7, #00B1C8, #4B4EF6, #000103)
• Pale Lime Field color palette (#D0F9FE, #77DC29, #00A996, #0079AB, #000202)
• Muted Field color palette (#D5F6FA, #53A700, #008581, #4213C4, #000304)
• Grape Balcony color palette (#C3E6FF, #00B9A5, #008CB6, #5E00C5, #000104)
• Gentle Studio color palette (#D7F9F5, #CBB200, #00BB61, #008191, #000201)
• Quiet Grape color palette (#EEF6FF, #00C9CB, #179CF6, #821FCA, #00000B)
• Ancient Lagoon color palette (#DCEEDF, #009D72, #007984, #004C7C, #000C0F)
• Worn Denim color palette (#CDF2E2, #3599B0, #3462B2, #432700, #0E0500)

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