Clover Pier color palette — #DDE3D6 · #36C615 · #008242 · #005C45 · #00404B
A conversation between Clover and Fern, giving this palette its sense of nature and growth.
The five colors
- Parchment (#DDE3D6): a clean, paper-quiet neutral.
- Clover (#36C615): A luminous, vivid green — the color of new leaves after rain.
- Fern (#008242): A full-bodied, balanced teal — the color of glacier melt.
- Pine (#005C45): A full-bodied, balanced teal — the color of glacier melt.
- Deep Teal (#00404B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Moss Garden color palette (#DFE3C3, #78B325, #00864E, #005948, #002C2B)
- Wandering Clover color palette (#DFF8DB, #7BDB89, #00BE6B, #009465, #004938)
- Powdered Lime color palette (#E1E991, #88CB45, #00A956, #006E5B, #004F4A)
- Feathered Jade color palette (#DFF3E7, #00B48C, #008479, #005D5F, #173F5A)
- Moss Canyon color palette (#F7DD84, #A9A400, #607700, #396000, #004C3F)
- Plum Terrace color palette (#EEFBD7, #2BBF82, #B23196, #006E46, #59234C)
- Feathered Aqua color palette (#ECFCDB, #80FFF8, #41C9ED, #538856, #364A30)
- Hazy Indigo color palette (#BCFCE1, #009670, #6F5AD3, #9B4100, #023A2A)
Browse the whole catalog at Explore, or see today's palette.