Clover Lagoon color palette — #BBECE8 · #E6BC00 · #00CE6B · #00A7BA · #001B10
Built around Clover, softened by Saffron — the whole palette hums with nature and growth.
The five colors
- Sea Foam (#BBECE8): A whisper-light, dusty teal — the color of sea glass.
- Saffron (#E6BC00): A luminous, vivid green — the color of fresh herbs.
- Clover (#00CE6B): A luminous, vivid teal — the color of shallow lagoons.
- Cyan (#00A7BA): A luminous, balanced blue — the color of a favorite pair of jeans.
- Ink (#001B10): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Optimism, Calm. Tagged candy, vibrant, light, 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
- Frosted Boulevard color palette (#C7ECDD, #AEBE00, #00B78E, #0092C0, #00110F)
- Ancient Clover Workshop color palette (#F8F8D5, #FCB93F, #00C35A, #008EA5, #000703)
- Sunlit Lime color palette (#D9F5E9, #FFA949, #A4BC00, #00AA8C, #042100)
- Clover Lagoon color palette (#C7EAC5, #96C400, #00B63A, #009272, #001D0D)
- Emerald Drift color palette (#DEF7E8, #94B463, #329458, #6F642E, #00211A)
- Quiet Jade color palette (#DFE7C4, #59BD8A, #4897A4, #884D55, #421216)
- Faded Delta color palette (#B4EAFA, #57E900, #00C5CA, #4697FF, #001A20)
- Clover Grove color palette (#CAEFFB, #00BD53, #00A5AA, #336FD4, #000305)
Browse the whole catalog at Explore, or see today's palette.