Clover Lagoon color palette — #D1EFF3 · #5ABC66 · #009887 · #005C6F · #000808

Clover takes the lead with Fern close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#D1EFF3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Clover (#5ABC66): A luminous, balanced green — the color of new leaves after rain.
• Fern (#009887): A luminous, balanced teal — the color of glacier melt.
• Peacock (#005C6F): A full-bodied, dusty blue — the color of open sky before noon.
• Ink (#000808): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged candy, vibrant, light.

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

• Ancient Archive color palette (#CEF1FF, #00B798, #0095AA, #005CA1, #00070A)
• Wandering Emerald color palette (#D8EFF7, #009E6C, #007B7D, #004B6D, #000305)
• Faded Emerald Harbor color palette (#D4F7F1, #A3A600, #00993F, #00675C, #000703)
• Muted Denim color palette (#D9E6C8, #A2A000, #009072, #005CAD, #001D20)
• Dusty Spruce Pier color palette (#DDF1ED, #4E8666, #005042, #0F3300, #000B04)
• Ultramarine Boulevard color palette (#D3E9F8, #00AEA2, #0087AC, #1C30EA, #000711)
• Ancient Lime color palette (#D4E4CD, #3DCF26, #00B79B, #0087A1, #001C1A)
• Denim Drift color palette (#DCE9DF, #79A3B7, #006181, #003A37, #000C19)

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