Clover Pier color palette — #DBE3CB · #3EC366 · #008163 · #00595F · #1B3A5A

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

The five colors

• Celadon Mist (#DBE3CB): A whisper-light, dusty green — the color of new leaves after rain.
• Clover (#3EC366): A luminous, vivid green — the color of new leaves after rain.
• Teal (#008163): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#00595F): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#1B3A5A): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged cool.

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

• Antique Jade color palette (#D7EAD6, #1DB77C, #008872, #005751, #002D30)
• Tempered Mint color palette (#E5EFDC, #5BDF7B, #00B795, #009498, #004354)
• Pale Dune color palette (#D8F3DC, #00B09D, #007A84, #005A79, #0C3C7C)
• Pale Boulevard color palette (#F2EAD2, #95AE00, #398200, #006340, #004C4C)
• Aqua Ridge color palette (#D5FFFB, #00C7D0, #007C7A, #004240, #002D2A)
• Soft Olive color palette (#F8EED3, #86AA6C, #746C00, #673F00, #103F2B)
• Teal Field color palette (#E8DECF, #FFB3CA, #00AF95, #01393F, #1A2315)
• Chalky Periwinkle color palette (#E9FDDD, #B5EEFF, #9DA9F9, #5E7F31, #004F4D)

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