Clover Pier color palette — #D9E2D6 · #18BA2B · #008C45 · #00643D · #004D36
Built around Clover, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Bone (#D9E2D6): a clean, paper-quiet neutral.
- Clover (#18BA2B): A luminous, vivid green — the color of fresh herbs.
- Fern (#008C45): A full-bodied, balanced teal — the color of sea glass.
- Pine (#00643D): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#004D36): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Energy, Balance. 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
- Powdered Emerald color palette (#D4EBD8, #00A466, #006F4F, #004937, #002E35)
- Washed Canyon color palette (#CCEEA3, #76C860, #00A962, #007C5E, #00473D)
- Pale Clover color palette (#E9E598, #A4D762, #00BF44, #009584, #00474C)
- Moss Pier color palette (#E7E58E, #9CA600, #688000, #3E5C00, #004734)
- Jade Canyon color palette (#EDFCD4, #00AF75, #B76800, #006E48, #582F00)
- Wandering Orchard color palette (#D9FFF2, #00C8A4, #007F66, #004436, #002A21)
- Weathered Teal color palette (#C7EDDF, #00B69E, #00847C, #005F5F, #0D4257)
- Aqua Boulevard color palette (#E6FEDA, #ABFFF8, #24D8E9, #318B65, #3A4E32)
Browse the whole catalog at Explore, or see today's palette.