Clover Pier color palette — #D5E6CC · #00C664 · #008F77 · #00615E · #003C44
Clover takes the lead with Fern close behind in a set that reads as nature and growth at first glance.
The five colors
- Celadon Mist (#D5E6CC): A whisper-light, dusty green — the color of fresh herbs.
- Clover (#00C664): A luminous, vivid teal — the color of sea glass.
- Fern (#008F77): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#00615E): A full-bodied, dusty teal — the color of sea glass.
- Deep Teal (#003C44): 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
- Wandering Clover color palette (#E5E8DA, #40CD4E, #00A781, #008583, #003D4D)
- Gentle Orchard color palette (#A8FEB5, #00D992, #00977C, #005A51, #002C2C)
- Wandering Loft color palette (#CFEBDF, #00C0B3, #008690, #00627E, #00324F)
- Weathered Lime color palette (#E8E8DA, #8BB700, #3C9200, #006A41, #003B32)
- Linen Teal Corridor color palette (#ADFEFF, #00CAC4, #009090, #004F4B, #002422)
- Timeworn Emerald color palette (#D4FFF4, #61EBFE, #92BAFF, #56944A, #003C3D)
- Wandering Balcony color palette (#C0EEF5, #00B89E, #F03682, #007B69, #590029)
- Soft Lime color palette (#E4E1B2, #88B800, #837A00, #6E4B00, #00330E)
Browse the whole catalog at Explore, or see today's palette.