Clover Lagoon color palette — #D1F4EA · #4DC768 · #008D67 · #00686B · #0A3816
A conversation between Clover and Fern, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#D1F4EA): A whisper-light, dusty teal — the color of glacier melt.
- Clover (#4DC768): A luminous, vivid green — the color of a quiet forest floor.
- Fern (#008D67): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#00686B): A full-bodied, dusty teal — the color of sea glass.
- Deep Forest (#0A3816): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.
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 Pine color palette (#D7F3E5, #95BA4F, #378C3A, #2A5F8A, #243400)
- Lagoon Terrace color palette (#F4F8E2, #8ED6A8, #00956C, #00675D, #002612)
- Quiet Workshop color palette (#D4F4E6, #5CA653, #006B50, #004C59, #163712)
- Muted Jade color palette (#F2ECD0, #96D38C, #00B185, #008A9F, #083902)
- Antique Mustard color palette (#D5F5D8, #C2AC00, #718100, #2D693D, #352E00)
- Lagoon Pier color palette (#D1E7E5, #009B71, #006057, #35315D, #00140C)
- Seafoam Market color palette (#E6FAF6, #9AD4AD, #639D8B, #677287, #2E4847)
- Muted Cerulean color palette (#E9FBEC, #53DFFD, #0099CA, #00736E, #003659)
Browse the whole catalog at Explore, or see today's palette.