Clover Basin color palette — #DCEDEF · #2FC61F · #009472 · #005C6A · #000201

A conversation between Clover and Fern, giving this palette its sense of nature and growth.

The five colors

• Frost (#DCEDEF): bright and airy, almost weightless.
• Clover (#2FC61F): A luminous, vivid green — the color of new leaves after rain.
• Fern (#009472): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#005C6A): A full-bodied, dusty blue — the color of open sky before noon.
• Black (#000201): quiet, heavy and certain.

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

Use it as a design system

One click turns Clover Basin 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

• Antique Courtyard color palette (#BBEBE8, #95B100, #009B67, #006063, #000201)
• Wandering Thicket color palette (#E6F5DB, #009556, #006955, #003E3F, #000202)
• Tempered Moss Study color palette (#CDECEC, #7EB400, #00AB86, #0085B7, #000202)
• Teal Bloom color palette (#D3F1FE, #00C5A7, #0098AA, #0060A4, #000102)
• Marigold Balcony color palette (#E2F2D4, #CB9C00, #6F8B00, #006748, #000200)
• Washed Drift color palette (#CAEDDF, #1C8E8E, #004F6B, #2D1D38, #040000)
• Denim Pier color palette (#DFEEE2, #5CB0C1, #005D79, #002C28, #000103)
• Terracotta Villa color palette (#CAEAF9, #00788D, #913000, #00313B, #040000)

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