Softworn Clover Pier color palette — #DFEE7D · #63B813 · #00723C · #003C2D · #000303
A conversation between Clover and Butter, giving this palette its sense of nature and growth.
The five colors
- Butter (#DFEE7D): A whisper-light, balanced green — the color of a quiet forest floor.
- Clover (#63B813): A luminous, vivid green — the color of fresh herbs.
- Pine (#00723C): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Forest (#003C2D): A deep, shadowed, dusty teal — the color of sea glass.
- Black (#000303): a grounded near-black with real depth.
Feels like: Nature, Growth, Energy, Balance. Tagged cool.
Use it as a design system
One click turns Softworn 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
- Clover Harbor color palette (#DAE6D3, #00BA5C, #007355, #003633, #000507)
- Tempered Villa color palette (#F2EDD8, #9AA300, #457500, #003517, #000402)
- Aged Moss Thicket color palette (#FFECC5, #6C9B00, #00644B, #34165C, #000600)
- Timeworn Seafoam Grove color palette (#82FCC0, #00B09E, #006B6F, #003947, #00050B)
- Pine Coast color palette (#D5E9C9, #3B8E43, #00582E, #002C1E, #001518)
- Tempered Emerald Villa color palette (#F1ECD9, #96AF3C, #009645, #006956, #00191B)
- Wandering Mint Orchard color palette (#E0FFDF, #00E0A3, #009689, #00575D, #001C25)
- Muted Clover color palette (#F5F8DB, #D6CA00, #4CC932, #009289, #000602)
Browse the whole catalog at Explore, or see today's palette.