Clover Pier color palette — #FFF2EF · #00C779 · #0088B9 · #8C3D51 · #003F39

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

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Clover (#00C779): A luminous, vivid teal — the color of shallow lagoons.
• Cerulean (#0088B9): A full-bodied, balanced blue — the color of deep harbor water.
• Garnet (#8C3D51): A full-bodied, balanced red — the color of a theater curtain.
• Forest (#003F39): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.

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

• Faded Teal color palette (#FFE9E0, #00BBA4, #4B79B5, #804038, #1A3824)
• Aged Brick color palette (#FFF0FC, #61DB8F, #0096AB, #A70902, #003026)
• Lime Veranda color palette (#FFF1F1, #8EBA00, #008F95, #833C76, #343630)
• Antique Workshop color palette (#F8F7DE, #57D5A6, #00999F, #5D7141, #144433)
• Washed Seafoam color palette (#E1EABC, #74D8C8, #5996C4, #8F673C, #684113)
• Aged Villa color palette (#FFE0A9, #00AAC6, #744DD8, #654700, #002B48)
• Wandering Grove color palette (#F5F9DA, #48C12E, #8452BE, #932F01, #571800)
• Faded Navy Courtyard color palette (#E5FFD2, #00A28D, #006E73, #303B8B, #003F3B)

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