Soft Clover color palette — #F4F7E6 · #26C23D · #007564 · #026917 · #122208
A conversation between Clover and Pine, giving this palette its sense of nature and growth.
The five colors
- Cream (#F4F7E6): A whisper-light, dusty green — the color of a quiet forest floor.
- Clover (#26C23D): A luminous, vivid green — the color of a quiet forest floor.
- Teal (#007564): A full-bodied, balanced teal — the color of glacier melt.
- Pine (#026917): A full-bodied, balanced green — the color of a quiet forest floor.
- Onyx (#122208): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Energy, Balance. Tagged duotone, vibrant.
Use it as a design system
One click turns Soft 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
- Tempered Jade Loft color palette (#F1F8E9, #00BE8B, #007180, #006649, #062312)
- Clover Station color palette (#F2F3E4, #74BF41, #00788F, #356B00, #000D05)
- Quiet Moss Study color palette (#F8F6E7, #9DAD00, #00784F, #535C00, #182105)
- Worn Canyon color palette (#E8EEDB, #00A266, #005A5E, #004F2F, #031105)
- Quiet Lagoon Study color palette (#FBF8CE, #00A47E, #006F6B, #234280, #003F35)
- Chalky Olive color palette (#E6FAF6, #95CD75, #00999C, #478B00, #00212A)
- Patina Pine Delta color palette (#F3F9E0, #008937, #005A72, #513100, #2B2501)
- Teal Market color palette (#8AFFD3, #00C2A6, #00837B, #005558, #003E46)
Browse the whole catalog at Explore, or see today's palette.