Clover Pier color palette — #D2F4E9 · #3EC970 · #008B76 · #00657F · #003917

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

The five colors

• Honeydew (#D2F4E9): A whisper-light, dusty teal — the color of sea glass.
• Clover (#3EC970): A luminous, vivid teal — the color of sea glass.
• Fern (#008B76): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#00657F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Forest (#003917): A deep, shadowed, balanced teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Balance, Grounding. Tagged botanical, earthy, 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

• Antique Canyon color palette (#DAF3E1, #9EB900, #278E39, #006967, #2A3300)
• Feathered Lagoon color palette (#F6F8D7, #90D5AB, #00937A, #00646E, #002613)
• Washed Drift color palette (#D7EADE, #99AF6A, #298645, #4E5274, #043127)
• Hazy Emerald color palette (#D6F3E4, #63A461, #006A5A, #00486B, #033906)
• Antique Bloom color palette (#D3ECE2, #56A85B, #007259, #583561, #00201E)
• Cobalt Coast color palette (#F6EBCB, #91D48A, #00AF94, #0084BC, #063904)
• Aged Mustard color palette (#E9FBEC, #BDC35A, #639651, #656294, #154434)
• Dusty Thicket color palette (#FFE2EB, #C5AA00, #668400, #4B5789, #362E00)

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