Clover Pier color palette — #DDFDF8 · #30BA31 · #0081B4 · #87198A · #4B2500

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

The five colors

• Ivory (#DDFDF8): A whisper-light, dusty teal — the color of shallow lagoons.
• Clover (#30BA31): A luminous, vivid green — the color of a quiet forest floor.
• Cerulean (#0081B4): A full-bodied, balanced blue — the color of deep harbor water.
• Plum (#87198A): A full-bodied, vivid pink — the color of a candy shop window.
• Espresso (#4B2500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Cobalt Meadow color palette (#E3FBFB, #00B87B, #0077DC, #8F1E69, #422B00)
• Hushed Moss color palette (#E1FCF4, #83AC00, #008797, #5F39A5, #5E0716)
• Faded Grove color palette (#D0E7E5, #00A058, #0069A1, #70006C, #331700)
• Hazy Teal color palette (#E9F9FC, #00BDB2, #6E78C9, #894555, #423705)
• Ancient Nightshade color palette (#F2F9E2, #43CB7D, #008E9E, #1247AD, #1F2500)
• Tempered Lime color palette (#F9F7DA, #95CC1A, #4B98FE, #B74873, #590A2F)
• Washed Moss Market color palette (#D6FFF7, #499B12, #752C8F, #651862, #590639)
• Weathered Villa color palette (#E4FAFF, #00B2AD, #724DFF, #9E132D, #313400)

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