Clover Lagoon color palette — #C8E5E4 · #1ED332 · #8994FF · #161741 · #140811

Clover and Lavender Blue set the tone — five colors that lean into nature and growth.

The five colors

• Silver (#C8E5E4): A whisper-light, dusty teal — the color of sea glass.
• Clover (#1ED332): A luminous, vivid green — the color of new leaves after rain.
• Lavender Blue (#8994FF): A luminous, balanced violet — the color of wild irises.
• Deep Indigo (#161741): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#140811): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged neon, dark, 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

• Misty Lime Coast color palette (#E3E0CB, #6EC856, #5888E9, #0B1C40, #0E060D)
• Mustard Villa color palette (#DBECFF, #C9CA00, #78B9FF, #223951, #1A2634)
• Misty Magenta color palette (#DDF5FB, #00CAB7, #E554FF, #2D0E32, #130508)
• Byzantium Lagoon color palette (#E7F0CE, #00BBBB, #8940EA, #190D2D, #060203)
• Aubergine Villa color palette (#FFECF2, #2DC394, #681F95, #2D0D43, #110308)
• Patina Peony Grove color palette (#D4E1EE, #00C4E0, #FF51B9, #340923, #1A0708)
• Hushed Violet color palette (#FFEBF6, #8A6FFF, #2F6C00, #013EA6, #140D2F)
• Weathered Blush color palette (#D2E3FF, #92D5FF, #FF97B3, #3A2724, #1C1513)

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