Clover Pier color palette — #E9F1DF · #00C45B · #008B6C · #00605C · #003C42

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

The five colors

• Cream (#E9F1DF): A whisper-light, dusty green — the color of a quiet forest floor.
• Clover (#00C45B): A luminous, vivid teal — the color of sea glass.
• Fern (#008B6C): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#00605C): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Teal (#003C42): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Calm, Energy, 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

• Soft Moss color palette (#DDE2CE, #33AA01, #007A5A, #00514F, #003B45)
• Mint Boulevard color palette (#C1FCAF, #00D47A, #009571, #005B50, #002D2C)
• Weathered Lime Chapel color palette (#E4E9CD, #59D149, #00AD84, #008581, #003940)
• Frosted Lantern color palette (#E6F4EB, #00D1C0, #00979F, #006983, #004061)
• Muted Emerald Dune color palette (#F3EED2, #A5B000, #329700, #006533, #003F35)
• Aged Seafoam Drift color palette (#F5FACC, #8EE0B5, #53B09B, #408183, #385645)
• Worn Aqua Canyon color palette (#A8FFF7, #00D0CA, #009184, #005150, #001E1C)
• Tempered Mustard color palette (#FAE8F8, #C8C500, #00A98A, #00382C, #0A1701)

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