Weathered Clover color palette — #E6FAF7 · #5ABA61 · #007569 · #006919 · #002227
Clover and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E6FAF7): A whisper-light, dusty teal — the color of sea glass.
- Clover (#5ABA61): A luminous, balanced green — the color of a quiet forest floor.
- Teal (#007569): A full-bodied, balanced teal — the color of sea glass.
- Pine (#006919): A full-bodied, balanced green — the color of a quiet forest floor.
- Midnight (#002227): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Balance. Tagged duotone.
Use it as a design system
One click turns Weathered Clover 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 Moss color palette (#EBF9F3, #9FAC00, #00784F, #545C00, #002223)
- Dusty Teal color palette (#E9F9FB, #00BCA2, #007183, #006456, #02202D)
- Hazy Meadow color palette (#E0F8F0, #98B700, #007698, #526400, #000B14)
- Patina Emerald color palette (#DCF0F0, #00A268, #005A60, #004F30, #001016)
- Frosted Navy Lagoon color palette (#D9FFF6, #00A386, #006E6F, #20389B, #003F38)
- Worn Teal Coast color palette (#A8FFDC, #00C1A5, #007D76, #005355, #003A42)
- Quiet Lime Grove color palette (#F9F6E0, #A6CC00, #0096B3, #6A8300, #042315)
- Worn Pine color palette (#EEF7F7, #C9DFEB, #98C5CD, #197D52, #314444)
Browse the whole catalog at Explore, or see today's palette.