Gentle Clover color palette — #FFF4DE · #C7CC51 · #27BB22 · #007247 · #003932
Clover and Honey set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FFF4DE): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Honey (#C7CC51): A luminous, balanced green — the color of a quiet forest floor.
- Clover (#27BB22): A luminous, vivid green — the color of fresh herbs.
- Pine (#007247): A full-bodied, balanced teal — the color of sea glass.
- Deep Forest (#003932): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Energy, Balance. Tagged vibrant.
Use it as a design system
One click turns Gentle 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
- Linen Emerald Garden color palette (#F2FAC4, #A6CE83, #15AD68, #006C62, #00353B)
- Ancient Canyon color palette (#FFF3E5, #E8C449, #7CA000, #1F7D08, #003D30)
- Aged Clover color palette (#E6EBCF, #A5D342, #43BA00, #009946, #004831)
- Ancient Pine Market color palette (#ECE5D2, #A3AE00, #068820, #005E43, #014353)
- Muted Boulevard color palette (#EDF4D7, #4FAA52, #007259, #003A3A, #001117)
- Emerald Bloom color palette (#F4E69E, #9DC04D, #159A21, #005C4F, #001D20)
- Emerald Thicket color palette (#DDFFE6, #7CFACB, #00AE60, #006348, #001A0D)
- Amber Coast color palette (#FFF2ED, #FFBD74, #BD9900, #636500, #1B3A00)
Browse the whole catalog at Explore, or see today's palette.