Clover Lagoon color palette — #D6FBA0 · #4FD465 · #009D6C · #005C4E · #002C2F
Clover and Fern set the tone — five colors that lean into nature and growth.
The five colors
- Butter (#D6FBA0): A whisper-light, balanced green — the color of fresh herbs.
- Clover (#4FD465): A luminous, vivid green — the color of new leaves after rain.
- Fern (#009D6C): A luminous, balanced teal — the color of sea glass.
- Pine (#005C4E): A full-bodied, dusty teal — the color of sea glass.
- Deep Forest (#002C2F): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Calm, Energy, Balance. Tagged cool.
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
- Lime Coast color palette (#FAFD97, #8DCA22, #00A12F, #006245, #002824)
- Soft Mint color palette (#ACFFCA, #00D5B9, #00999B, #005964, #002232)
- Softworn Emerald color palette (#D7E6C6, #00B34C, #007650, #004B44, #003739)
- Hazy Seafoam color palette (#DCFFEB, #23E9C8, #00ABAD, #007285, #00354F)
- Aged Lantern color palette (#D6FFF8, #00E8CF, #009B8A, #004E49, #000F0D)
- Tempered Peony color palette (#EBFDD5, #2FE0A8, #EF397F, #007E5B, #3F001A)
- Powdered Mustard Courtyard color palette (#FFEACC, #DEB800, #738400, #245D00, #003213)
- Muted Moss color palette (#EBFCDD, #D9EBF9, #AFD5FF, #509800, #003233)
Browse the whole catalog at Explore, or see today's palette.