Clover Pier color palette — #F2E2E5 · #9DB9FF · #00CC72 · #002928 · #0A1212

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

The five colors

• Rose Water (#F2E2E5): bright and airy, almost weightless.
• Sky (#9DB9FF): A luminous, balanced violet — the color of a velvet chair.
• Clover (#00CC72): A luminous, vivid teal — the color of sea glass.
• Onyx (#002928): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#0A1212): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Balance. Tagged neon, dark, vibrant, muted.

Use it as a design system

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

• Worn Lime color palette (#F2D6E2, #4FCAFE, #62C800, #062C26, #091312)
• Mallow Harbor color palette (#FFE5D9, #D0A4FF, #00C5B7, #092B31, #0B1314)
• Weathered Basin color palette (#F0DBDC, #B1CBFF, #00E27E, #3D4A00, #292C20)
• Wandering Iris color palette (#FFE5D8, #8290FF, #00A58A, #001B15, #00090B)
• Patina Delta color palette (#FED8D6, #EDC4FF, #A3A800, #383B34, #28261F)
• Cobalt Villa color palette (#EAF4F5, #74C5B0, #007FAF, #007661, #03101A)
• Fuchsia Delta color palette (#FBDCC4, #FF68F5, #00B4C8, #00262B, #001118)
• Chartreuse Market color palette (#F4E9FF, #DBEA00, #D6D0C6, #204135, #131E1A)

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