Clover Pier color palette — #E7F7DC · #00C77E · #00A388 · #007478 · #002621
Clover and Fern set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#E7F7DC): A whisper-light, dusty green — the color of a quiet forest floor.
- Clover (#00C77E): A luminous, vivid teal — the color of sea glass.
- Fern (#00A388): A luminous, balanced teal — the color of glacier melt.
- Teal (#007478): A full-bodied, balanced teal — the color of sea glass.
- Onyx (#002621): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Calm, Balance. Tagged candy, vibrant, light, 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
- Timeworn Teal Courtyard color palette (#DDF7E3, #00C8BF, #00A3B8, #0078A3, #00252E)
- Emerald Grove color palette (#EFF5D9, #8ABB40, #00B34B, #00795E, #002910)
- Lime Station color palette (#E8F5DC, #90CF00, #00A789, #006FAB, #001010)
- Forest Orchard color palette (#E3E7D3, #5C9C78, #00644B, #1E4825, #242D0C)
- Lime Pier color palette (#D5FBFF, #ABD100, #00C7A7, #0091C8, #002A2D)
- Aged Cerulean Quarry color palette (#D6E8E8, #009EAB, #006473, #004655, #162945)
- Tempered Lagoon color palette (#D8E7DE, #0099A2, #007898, #004F80, #001019)
- Softworn Grove color palette (#EEEFE7, #85BBC9, #007391, #004F53, #003347)
Browse the whole catalog at Explore, or see today's palette.