Clover Pier color palette — #F3F9DE · #44D863 · #04A2F0 · #AB4B99 · #462900

A conversation between Lime and Cornflower, giving this palette its sense of nature and growth.

The five colors

• Custard (#F3F9DE): A whisper-light, dusty green — the color of fresh herbs.
• Lime (#44D863): A luminous, vivid green — the color of new leaves after rain.
• Cornflower (#04A2F0): A luminous, balanced blue — the color of open sky before noon.
• Magenta Rose (#AB4B99): A full-bodied, balanced pink — the color of a candy shop window.
• Espresso (#462900): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged vibrant.

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

• Chalky Plum color palette (#EDFAE7, #00D4B9, #6C91FF, #C03C77, #3F2D00)
• Cobalt Studio color palette (#DEE4D4, #00C078, #0088E2, #97357F, #2F1A00)
• Indigo Veranda color palette (#FBF6DC, #B4C30D, #00AEB3, #685BE5, #5A0C28)
• Aged Indigo color palette (#DEFEF0, #B5B807, #5071E7, #8E1F43, #450019)
• Patina Turquoise Veranda color palette (#CCF1CE, #9BD9CD, #5DB7CB, #A57EA2, #703C48)
• Ancient Lilac color palette (#E9FBE9, #00D1D1, #9D7DFF, #C93C2E, #263700)
• Grape Harbor color palette (#D2EFE3, #007BAC, #8400A2, #601D00, #010200)
• Hushed Lagoon color palette (#FFF3E2, #CC9A18, #0A82C6, #862200, #591602)

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