Clover Lagoon color palette — #DEFDF9 · #00C949 · #00A6CE · #4677DF · #2B1838
Clover and Azure set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#DEFDF9): A whisper-light, dusty teal — the color of sea glass.
- Clover (#00C949): A luminous, vivid green — the color of new leaves after rain.
- Cyan (#00A6CE): A luminous, balanced blue — the color of deep harbor water.
- Azure (#4677DF): A full-bodied, vivid violet — the color of wild irises.
- Deep Indigo (#2B1838): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Creativity, Energy. Tagged jewel, vibrant.
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
- Wandering Field color palette (#E3FBFC, #00C9A2, #0896F5, #7568BA, #1E162B)
- Patina Terrace color palette (#DCFEF7, #71D341, #00B0A1, #0080AB, #252469)
- Faded Fuchsia color palette (#F6F3FF, #F173FD, #00A6B6, #007AC9, #1C203A)
- Moss Boulevard color palette (#DCFFEC, #C9C900, #71B314, #008B94, #333A09)
- Feathered Field color palette (#D7F3FF, #00ADC6, #8462FF, #B600B4, #2F0108)
- Misty Amber color palette (#FFF3E3, #C59200, #007EB7, #005A85, #200404)
- Weathered Mustard color palette (#F0F7F2, #CCDFDE, #A1AFC8, #C3A11D, #36443A)
- Patina Station color palette (#F0F8F1, #D4B274, #C28FC7, #B37184, #3D2B34)
Browse the whole catalog at Explore, or see today's palette.